/* STYLE ROBOTO */
@charset "utf-8";
@font-face{font-family:'Roboto-Light';src:url(../tipografia/roboto/Roboto-Light.ttf)}
@font-face{font-family:'Roboto-Thin';src:url(../tipografia/roboto/Roboto-Thin.ttf)}

/* Style navegacion*/

.breadcrumb{

  overflow: hidden;

    list-style: none;

    width: 100%;

    border-radius: 3px;

    border: 1px solid #adadb999;

    position: relative;

    padding: 10px;

}

.welcome{

	font-size: 2.375rem;

    color: #206bc4;

}



/* ANIMATE CSS notificacions */

[data-notify="progressbar"] {

	margin-bottom: 0px;

	position: absolute;

	bottom: 0px;

	left: 0px;

	width: 100%;

	height: 5px;

}



.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both; }



.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite; }



.animated.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s; }



.animated.bounceIn,

.animated.bounceOut {

  -webkit-animation-duration: .75s;

  animation-duration: .75s; }



.animated.flipOutX,

.animated.flipOutY {

  -webkit-animation-duration: .75s;

  animation-duration: .75s; }



@-webkit-keyframes shake {

  from, to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  20%, 40%, 60%, 80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); } }



@keyframes shake {

  from, to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  20%, 40%, 60%, 80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); } }



.shake {

  -webkit-animation-name: shake;

  animation-name: shake; }



@-webkit-keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }



.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown; }



@-webkit-keyframes fadeOut {

  from {

    opacity: 1; }

  to {

    opacity: 0; } }



@keyframes fadeOut {

  from {

    opacity: 1; }

  to {

    opacity: 0; } }



.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut; }



@-webkit-keyframes fadeOutDown {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }



@keyframes fadeOutDown {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }



.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown; }



@-webkit-keyframes fadeOutUp {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }



@keyframes fadeOutUp {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }



.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp; }



  .alert {

  border: 0;

  border-radius: 0.1875rem;

  color: #FFFFFF;

  z-index: 1000;

  /*padding-top: .9rem;

  padding-bottom: .9rem;*/

  position: relative; }

  .alert.alert-success {

    background-color: #1be611; }

  .alert.alert-danger {

    background-color: #ff5050; }

  .alert.alert-warning {

    background-color: #ffbc50; }

  .alert.alert-info {

    background-color: #46b3ff; }

  .alert.alert-primary {

    background-color: #fa764b;z-index: 3000 !important; }

  .alert i.fa,

  .alert i.now-ui-icons {

    font-size: 20px; }

  .alert .close {

    color: #FFFFFF;

    opacity: .9;

    text-shadow: none;

    outline: 0; }

  

.text-justify{

      text-align: justify !important;

}

.navbar-brand-logo{
  width: 185px;
  height: auto;
}
.bg-phi{
  background: #602278;
}
.avatar-pdf{
  width: 3rem;
    height: 3rem;
}

/* Section Cuando el PDF es nuevo o actualizado */
.class-Verde{
  background: #4CAF50;
}
.class-Salmon{
  background: #f96332;
}
.pdf-notifica{
  font-size: 11px;
  color: white;
  text-transform: capitalize;
  transform: rotate(30deg);
  position: absolute;
  z-index: 15;
  top: 13px;
  right: 2px;
  width: 80px;
  box-shadow: 5px 2px 9px 0px #00000085;
  border-radius: 19px;
  text-align: center;
}
.pdf-version{
  top: 12px;
    right: -21px;
    width: 90px;
  text-align: center;
}
.pdf-notifica-div{
  
    color: white;
    text-transform: capitalize;
    transform: rotate(30deg);
    position: absolute;
    z-index: 15;
    top: 5px;
    right: -21px;
    width: 81px;
    box-shadow: 5px 2px 9px 0px #00000085;
    border-radius: 19px;
    font-size: 11px;
    text-align: -webkit-center;
}
.info-success{
  font-size: 10px;
    color: #28a745;
    position: absolute;
    left: 18px;
    margin-top: 0px;
}
.item-fecha{
  font-size: 12px;
  position: absolute;
  z-index: 127;
  top: -2px;
  left: -1px;
  background: #4caf50c9;
  color: white;
  padding: 2px 5px;
  border-radius: 21px;
}
.btn-descargar{
    position: fixed;
    z-index: 10;
    bottom: 18px;
    right: 2%;
}
/* *********** zona subir archivo masivo*/
.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}

.dropzone, .dropzone * {
    box-sizing: border-box;
}
.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0,0,0,0.3);
    background: white;
    padding: 20px 20px;
}
.dropzone {
    border: 2px dashed #ccc;
    border-radius: .25rem;
}

.dropzone.dz-clickable {
    cursor: pointer;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}width: 20%;
.dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
}

.cargando{
  color: #602278;
  position: fixed;
    z-index: 5;
    left: 50%;
    top: 44%;
  display: none;
}

/* STYLE RUEDA */
.table-rueda{
  width: 100%;
    text-align: center;
} 
.table-rueda tbody{

}
.table-rueda tbody tr{

}
.table-rueda tbody tr td{
}
.table-rueda tbody tr td.input{
    
}
.table-rueda tbody tr td.opcion_05{
  padding-top: 7px;
}
.table-rueda tbody tr td.opcion_04{
  padding-top: 30px;
}
.table-rueda tbody tr td.opcion_03{
  padding-top: 40px;
}
.table-rueda tbody tr td.opcion_02{
  padding-top: 38px;
}
.table-rueda tbody tr td.opcion_01{
  padding-top: 32px;
}

.table-rueda tbody tr td.imagen{

}

/* PRUEBA */

div.rueda{
    width: 57px;
    text-align: center;
    position: absolute;
}
div.card-rueda{
 background-image: url("../img/plantillas/rueda.png");
  height: 764px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.posicion1{
    -moz-transform: rotate(290deg);
    -webkit-transform: rotate(141deg);
    -o-transform: rotate(290deg);
    -ms-transform: rotate(290deg);
    transform: rotate(290deg);
    left: 23.4%;
    top: 19%;
}
.posicion2{
   -moz-transform: rotate(-36deg);
    -webkit-transform: rotate(141deg);
    -o-transform: rotate(-36deg);
    -ms-transform: rotate(-36deg);
    transform: rotate(-36deg);
    left: 32.4%;
    top: 5%;
}
.posicion3{
       -moz-transform: rotate(0deg);
    -webkit-transform: rotate(141deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 46.4%;
    top: 0%;
}
.posicion4{
       -moz-transform: rotate(38deg);
    -webkit-transform: rotate(141deg);
    -o-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    transform: rotate(38deg);
    left: 61.4%;
    top: 6%;;
}
.posicion5{
    -moz-transform: rotate(71deg);
    -webkit-transform: rotate(141deg);
    -o-transform: rotate(71deg);
    -ms-transform: rotate(71deg);
    transform: rotate(71deg);
    left: 69.4%;
    top: 19%;
}
.posicion6{
   -moz-transform: rotate(105deg);
    -webkit-transform: rotate(141deg);
    -o-transform: rotate(105deg);
    -ms-transform: rotate(105deg);
    transform: rotate(105deg);
    left: 70.4%;
    top: 36%;
}
.posicion7{
    -moz-transform: rotate(142deg);
    -webkit-transform: rotate(141deg);
    -o-transform: rotate(142deg);
    -ms-transform: rotate(142deg);
    transform: rotate(142deg);
    left: 61.4%;
    top: 50%;
}
.posicion8{
   -moz-transform: rotate(181deg);
    -webkit-transform: rotate(141deg);
    -o-transform: rotate(181deg);
    -ms-transform: rotate(181deg);
    transform: rotate(181deg);
    left: 46.4%;
    top: 55%;
}
.posicion9{
       -moz-transform: rotate(219deg);
    -webkit-transform: rotate(141deg);
    -o-transform: rotate(219deg);
    -ms-transform: rotate(219deg);
    transform: rotate(219deg);
    left: 32.4%;
    top: 49%;
}
.posicion10{
    -moz-transform: rotate(290deg);
    -webkit-transform: rotate(141deg);
    -o-transform: rotate(290deg);
    -ms-transform: rotate(290deg);
    transform: rotate(253deg);
    left: 23.4%;
    top: 36%;
}
.text-justify{
  text-align: justify;
}
.placeholder{
  opacity: 0;
  position: relative;
  margin-left: -321px;
}
/* STYLE FIRMA */
.card-perfil{
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    box-shadow: 4px 5px 6px 1px #00000014;
    border-radius: 15px;
    background-color: #0f062c;
}
.card-perfil .card-body{
  margin-right: -2px;
  margin-top: -1px;
  margin-bottom: -1px;
}
.avatar-lg{
  width: 6.5rem;
  height: 6.5rem;
}
.text-perfil{
  background-color: white;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-top: -1px;
  margin-bottom: -1px;
}

.text-perfil h4{
  font-family:'Roboto-Light'
}

.card-facilitador{
  border-bottom-width: 4px;
  border-bottom-color: #fab005;
  transition: box-shadow 0.35s;
}

.card-facilitador:hover{
  box-shadow: 4px 4px 10px 0px #707070;
}