/*@import url("metromod.css");*/
@import url("colors.css");
@import url("font-awesome-animation.minmod.css");

.primary{color: #3699FF !important;}
.secondary{color: #E4E6EF !important;}
.success{color: #1BC5BD !important;}
.info{color: #8950FC !important;}
.warning{color: #FFA800 !important;}
.danger{color: #F64E60 !important;}
/*
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #ffffff;
  --gray: #7E8299;
  --gray-dark: #3F4254;
  --primary: #3699FF;
  --secondary: #E4E6EF;
  --success: #1BC5BD;
  --info: #8950FC;
  --warning: #FFA800;
  --danger: #F64E60;
  --light: #F3F6F9;
  --dark: #181C32;
  --white: #ffffff;
*/

html {
  font-size: 1rem;
}

/*.menu_nav .menu_icon i{
  color:  #cccccc !important;
}*/

i{
    font-size: 1.25rem;
    color: #B5B5C3;
}
.aside-menu .menu-nav > .menu-section .menu-text {
    color: #D6B828;
}


#form_editar_cliente .fv-plugins-message-container{
display: none;
}

#form_editar_cliente .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0.2rem 1rem 0;
    line-height: 1.5;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    color:red;
}

.select2-container--default .select2-results__option.select2-results__option--highlighted {
    background: #f7f8fa;
    color: blue;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0.65rem 3rem 0.65rem 1rem;
    line-height: 1.1;
}
.select2{
   width: 100%!important;
 }

#alta_empresa_curso .select2{
   width: 85%!important;
 }


/*
.select2-container{
   width: 100%!important;
 }
 .select2-search--dropdown .select2-search__field {
   width: 98%;
 }
*/

 .datepicker{
  z-index: 1060!important;
 }

.input-group-solid .select2-container--default .select2-selection{
  background-color: #F3F6F9; 
}

.is-invalid + .select2-container--default .select2-selection--single {
    border: 1px solid #F64E60;
}
.select2-container--default .select2-selection{
 border: 1px solid #4d88bb;
}


.form-control{
  border: 1px solid #4d88bb;
}
#form_editar_cliente .form-control-sm, #form_editar_cliente .select2-selection__rendered{
  font-weight: bold;
  /*font-size: 1rem;*/
}
.obligatorio{
 /*border: 1px solid #8c0000;*/
}
.tachado{
  text-decoration: line-through;
}

.error-ajax {
    display: inline-block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.9rem;
    color: #F64E60;
}

.alerta-ajax{
      display: inline-block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.9rem;
    color: #fd7e14;
}

.info-ajax {
    display: inline-block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.9rem;
    color: #4851FF;
}

.radio.radio-black>input:checked~span {
    background-color: #000000;
}




.fc-event{
    cursor: pointer;
}
.fc-unthemed .fc-event .fc-content, .fc-unthemed .fc-event-dot .fc-content {
    padding: 0.55rem 0.55rem 0.55rem 0.7rem;
}

.fc-unthemed .fc-event .fc-content:before, .fc-unthemed .fc-event-dot .fc-content:before {
    display: block;
    content: " ";
    position: absolute;
    height: 0px;
    width: 0px;
    border-radius: 50%;
    top: 0.7rem;
    left: 2rem;
}


.btn-xs, .btn-group-xs > .btn {
    padding: 0.45rem 0.45rem 0.45rem 0.55rem ;
    font-size: 0.725rem;
    line-height: 1.05;
    border-radius: 0.32rem;
}

/*Botones Portada*/
.btn-squared-default{
  width: 68px !important;
  height: 68px !important;
  font-size: 11px;
  margin-top: 5px;
  line-height: 11.5px;
  padding: 0.2rem 0.2rem;
  position: relative;
  color: #fff;

}
.btn-squared-default i{
  vertical-align: unset !important;
  margin-top: 2px !important;
  padding-right: unset;
  color: #fff;
   font-size: 90%;
}
.btn-squared-default:hover{
  color: #fff;
}
.hover-indigo:hover{
  color: var(--color-danger) !important;
}

.btn-squared-default span{
  width: 50px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; 
}
.btn-squared-default span.badge-aviso, .btn-squared-default span.etiqueta-aviso {
  width: auto !important;
  position: absolute !important;
  top: -2px;
  right: -2px;
  padding: 1px 3px;
  text-align: center;
  font-size: 12px;
  /*margin-right: -18px;*/
}

@media (max-width: 991.98px) {
.btn-squared-default{
  width: 60px !important;
  height: 60px !important;
  font-size: 10px;
  margin-top: 5px;
  line-height: 11px;
  padding: 0.1rem 0.1rem;
  position: relative;
  color: #fff;
}
.btn-squared-default i{
  vertical-align: unset !important;
  margin-top: 2px !important;
  padding-right: unset;
  color: #fff;
  font-size: 80%;
}
}

.icon-btn {
  height: 60px;
  min-width: 80px;
  margin: 5px 5px 0 0;
  border: 1px solid #ddd;
  padding: 12px 0 0;
  background-color: #fafafa;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  color: #646464;
  text-shadow: none;
  text-align: center;
  cursor: pointer;
  position: relative;
  transition: all .3s ease;
}
.icon-btn, .ie8 .icon-btn:hover {
  filter: none;
}
.icon-btn > i {
  font-size: 18px;
}
.icon-btn > div {
  margin-top: 5px;
  margin-bottom: 20px;
  color: #3f444a;
  font-size: 12px;
  font-weight: 300;
}
.icon-btn > .badge {
  position: absolute;
  font-size: 11px;
  font-weight: 300;
  top: -5px;
  right: -5px;
  padding: 3px 6px;
  color: #fff;
  text-shadow: none;
  border-width: 0;
  border-style: solid;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}


.tablesorter-default th,
.tablesorter-default thead td {
  font-weight: bold;
  color: #000;
  background-color: #aed7ff;
  border-collapse: collapse;
  border-bottom: #ccc 1px solid;
  padding: 0;
}
/* Zebra Widget - row alternating colors */
.tablesorter-default tr.odd > td {
  background-color: #ebf2fa !important;
}
.tablesorter-default tr.even > td {
  background-color: #fff !important;
}

.tablesorter-default thead th, .tablesorter-default thead td {
    font-weight: 600;
    font-size: 1rem;
    border-bottom-width: 1px;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.tablesorter-bootstrap th,
.tablesorter-bootstrap thead td {
  font-weight: bold;
  color: #000;
  background-color: #aed7ff;
  border-collapse: collapse;
  border-bottom: #ccc 1px solid;
  padding: 0;
}
/* Zebra Widget - row alternating colors */
.tablesorter-bootstrap tr.odd > td {
  background-color: #ebf2fa !important;
}
.tablesorter-bootstrap tr.even > td {
  background-color: #fff !important;
}

.tablesorter-bootstrap thead th, .tablesorter-bootstrap thead td {
    font-weight: 600;
    font-size: 1rem;
    border-bottom-width: 1px;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}
 

.timeline.timeline-6:before {
    content: '';
    position: absolute;
    left: 90.5px;
    width: 4px;
    top: 0;
    bottom: 0;
    background-color: #EBEDF3;
}


.phpinfo{ width:100%; }
.phpinfo pre{ margin:0; font-family:monospace; }
.phpinfo a:link{ color:#000099; text-decoration:none; background-color:#fff; }
.phpinfo a:hover{ text-decoration:underline; }
.phpinfo table{ border-collapse:collapse; width: 100% }
.phpinfo .center{ text-align:center; }
.phpinfo .center table{ margin-left:auto; margin-right:auto; text-align:left; }
.phpinfo .center th{ text-align:center !important; }
.phpinfo td, .phpinfo th{ border:1px solid #000; font-size:100%; vertical-align:baseline; padding:2px; }
.phpinfo h1{ font-size:160%; color:#000; }
.phpinfo h2{ font-size:135%; color:#000; }
.phpinfo .p{ text-align:left; }
.phpinfo .e{ background-color:#ccccff; font-weight:bold; color:#000; }
.phpinfo .h{ background-color:#9999cc; font-weight:bold; color:#000; }
.phpinfo .v{ background-color:#ccc; color:#000; }
.phpinfo .vr{ background-color:#ccc; text-align:right; color:#000; }
.phpinfo img{ float:right; border:0; }
.phpinfo hr{ width:100%; background-color:#ccc; border:0; height:1px; color:#000; }
.phpinfo h1.p{ float: left }

.card.card-custom > .card-header{
  min-height: 30px;
}


.table-hover tbody tr:hover {
    background-color: #f5f8fc; 
}

.table-striped tbody tr:nth-of-type(odd) {
  /*background-color: #000;*/
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #edf3fa;
}


#tabla_listado_clientes thead th, #tabla_listado_clientes  thead td{
  margin: 0; padding: 5px 0;
}

#tabla_listado_clientes td > div.flotante {
  float: right;
}
#tabla_listado_clientes tr.chiquitito {
  display: none;
}
#tabla_listado_clientes thead th.cabcliente){
    max-width: 40%;
  }

.tabla_listado_crm thead th{
  margin: 0; padding: 5px 0 !important;
}

@media only screen and (max-width: 768px) {
  /*
  
   #tabla_listado_clientes thead th:not(:first-child) {
    display: none;
  }*/
    #tabla_listado_clientes thead th:not(.cabcliente){
    display: none;
  }
   #tabla_listado_clientes thead th.cabcliente){
  width: 100%;
  }


  #tabla_listado_clientes tbody tr:not(.chiquitito){
    display: none;
  }
  #tabla_listado_clientes tbody tr.chiquitito{
    display: block;
    /*clear: both;*/
  }
 
/*
  #tabla_listado_clientes td, #tabla_listado_clientes th {
    display: block;
    clear: both;
  }
  
  #tabla_listado_clientes td[data-th]:before {
    content: attr(data-th);
    float: left;
  }*/
}

.cortatelasvenas {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



#ficha_datos_cliente{

}
.titulo_campo{
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  color: #667e99;
  text-align: right;
  padding-right: 4px; 
  padding-left: 2px; 
}
.valor_campo{
  font-size: 1.1rem;
  vertical-align: bottom !important;
  font-weight: bolder; 
  border-bottom: 1px solid #b0bec5 !important;
  padding-right: 2px;
  padding-left: 2px; 
  min-height: 23px;
}
.fila_campo{
  margin-top: 10px;
}
.ficha_fila{position: relative;}

.ficha_fila_doble{position: relative;}
.ficha_tit{
    width: 100px;
    color: #667e99;
    text-align: right;
}

.ficha_dat{
    font-size: 1.1rem;
    margin-left: 110px;
    position: absolute;
     left: 0;
     right: 0;
    bottom: 0;
   text-align: left;
   display: table-cell;
   vertical-align: bottom;
   font-weight: bolder; 
}


.ficha_tit.dos{
    width: 130px;
}
.ficha_dat.dos{
  margin-left: 140px;
}




.fila_llamada{
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    margin-bottom: 1.4rem;
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #a7b0c6;
}
.fila_llamada:hover{
  background-color: #f2ffff; 
  cursor: pointer;
}
.fila_llamada .fila_llamada_icono {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;
    width: 40px;
    height: 40px;

}
.fila_llamada .fila_llamada_icono i {
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    color: #74788d;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    font-size: 1.3rem;
  }
.fila_llamada .fila_llamada_detalles{
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
       display: table-cell;
   vertical-align: top;
   padding-left: 1rem;
}

.fila_llamada_opciones{
-webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
    padding: 0 .5rem 0 .8rem;

}

tr.hide-table-padding td {
  padding: 0;
}

.expand-button {
  position: relative;
}

.accordion-toggle .expand-button:after
{
  position: absolute;
  left:.75rem;
  top: 50%;
  transform: translate(0, -50%);
  content: '-';
}
.accordion-toggle.collapsed .expand-button:after
{
  content: '+';
}



.label.label-inline-peque {
    width: auto;
    padding: 0.15rem 0.20rem;
    border-radius: 0.2rem;
}
.tooltip.tooltip-primary .tooltip-inner {
  color: #ffffff;
  background-color: #3699FF; }
.tooltip.tooltip-primary.bs-tooltip-top .arrow::before, 
.tooltip.tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #3699FF; }

.tooltip.tooltip-primary.bs-tooltip-right .arrow::before, 
.tooltip.tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #3699FF/*rtl:ignore*/; }

.tooltip.tooltip-primary.bs-tooltip-bottom .arrow::before, 
.tooltip.tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #3699FF; }

.tooltip.tooltip-primary.bs-tooltip-left .arrow::before, 
.tooltip.tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #3699FF/*rtl:ignore*/; }


.tooltip.tooltip-info .tooltip-inner {
  color: #ffffff;
  background-color: #8950FC; }
.tooltip.tooltip-info.bs-tooltip-top .arrow::before, 
.tooltip.tooltip-info.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #8950FC; }

.tooltip.tooltip-info.bs-tooltip-right .arrow::before, 
.tooltip.tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #8950FC/*rtl:ignore*/; }

.tooltip.tooltip-info.bs-tooltip-bottom .arrow::before, 
.tooltip.tooltip-info.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #8950FC; }

.tooltip.tooltip-info.bs-tooltip-left .arrow::before, 
.tooltip.tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #8950FC/*rtl:ignore*/; }




.produccion-tabs.nav.nav-pills .nav-link .nav-icon i, 
.produccion-tabs.nav.nav-pills .nav-link .nav-text,
.produccion-tabs.nav.nav-pills .nav-link .nav-text-sm,
.produccion-tabs.nav.nav-pills .nav-link .nav-text-sm i{
  color: #ffffff !important;  
  opacity: 1.0 !important;
}

.produccion-tabs.nav.nav-pills .nav-item-danger .nav-link{
  color: #ffffff !important;
  background-color: #F64E60 !important;
  opacity: 0.8 !important;
}
.produccion-tabs.nav.nav-pills .nav-item-danger .nav-link.active, 
.produccion-tabs.nav.nav-pills .nav-item-danger .nav-link:hover{
  color: #ffffff !important;
  background-color: #F64E60 !important;
  opacity: 1.0 !important;

}
.produccion-tabs.nav.nav-pills .nav-link.active{
    border-bottom: 3px solid #000 !important;
}

.produccion-tabs.nav.nav-pills .nav-link.active .nav-text::after,
.produccion-tabs.nav.nav-pills .nav-link.active .nav-text-sm::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    margin-bottom: -8px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #000;
    border-top-color: #000;
}

.produccion-tabs.nav.nav-pills .nav-item-primary .nav-link{
  color: #ffffff !important;
  background-color: #187DE4 !important;
  opacity: 0.8 !important;
}
.produccion-tabs.nav.nav-pills .nav-item-primary .nav-link.active, 
.produccion-tabs.nav.nav-pills .nav-item-primary .nav-link:hover{
  color: #ffffff !important;
  background-color: #187DE4 !important;
  opacity: 1.0 !important;
}

.produccion-tabs.nav.nav-pills .nav-item-info .nav-link{
  color: #ffffff !important;
  background-color: #7337EE !important;
  opacity: 0.8 !important;
}

.produccion-tabs.nav.nav-pills .nav-item-info .nav-link.active,
.produccion-tabs.nav.nav-pills .nav-item-info .nav-link:hover{
  color: #ffffff !important;
  background-color: #7337EE !important;
  opacity: 1.0 !important;  
}

.produccion-tabs.nav.nav-pills .nav-item-warning .nav-link{
  color: #ffffff !important;
  background-color: #EE9D01 !important;
  opacity: 0.8 !important;
}

.produccion-tabs.nav.nav-pills .nav-item-warning .nav-link.active,
.produccion-tabs.nav.nav-pills .nav-item-warning .nav-link:hover{
  color: #ffffff !important;
  background-color: #EE9D01 !important;
  opacity: 1.0 !important;  
}

.produccion-tabs.nav.nav-pills .nav-item-black .nav-link{
  color: #ffffff !important;
  background-color: #000000 !important;
  opacity: 0.7 !important;
}
.produccion-tabs.nav.nav-pills .nav-item-black .nav-link.active,
.produccion-tabs.nav.nav-pills .nav-item-black .nav-link:hover{
  color: #ffffff !important;
  background-color: #000000 !important;
    opacity: 1.0 !important;  
}


.alert.alert-icon-left {
    border-left-width: 4rem;
}
.alert.alert-icon-left[class*=bg-] {
    border-left-color: rgba(0,0,0,.15)!important;
}
.alert[class*=bg-], .alert[class*=bg-] .alert-link {
    color: #ffffff;
}
.alert {
    position: relative;
}
.alert[class*=alert-icon-] .alert-icon {
    color: #ffffff;
    width: 4rem;
    left: -4rem;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}





.editable-container.popover {
    max-width: 300px !important;
}
.editable-container.editable-popup {
    max-width: none !important;
}
/*
.editable-container .editable-input{
   width: 100%
}

.editableform .control-group.form-group{
  width: 99% !important;
}
*/

.editable-container.editable-inline,
.editable-container.editable-inline .control-group.form-group,
.editable-container.editable-inline .control-group.form-group .editable-input,
.editable-container.editable-inline .control-group.form-group .editable-input textarea,
.editable-container.editable-inline .control-group.form-group .editable-input select,
.editable-container.editable-inline .control-group.form-group .editable-input input:not([type=radio]):not([type=checkbox]):not([type=submit])
{
    width: 100% !important;
}
.editable-container.editable-inline .control-group.form-group div{
  width:  80% !important;
}


.w-5 {
 width:5%!important;
}
.w-10 {
 width:10%!important;
}
.w-15 {
 width:15%!important;
}
.w-20 {
 width:20%!important;
}
.w-30 {
 width:30%!important;
}
.w-35 {
 width:35%!important;
}
.w-40 {
 width:40%!important;
}

.max-w-10{
   max-width: 10px !important;
}
.max-w-20{
   max-width: 20px !important;
}
.max-w-30{
   max-width: 30px !important;
}
.max-w-40{
   max-width: 40px !important;
}
.max-w-50{
   max-width: 50px !important;
}
.max-w-60{
   max-width: 60px !important;
}
.max-w-70{
   max-width: 70px !important;
}
.max-w-80{
   max-width: 80px !important;
}
.max-w-90{
   max-width: 90px !important;
}
.max-w-100{
   max-width: 100px !important;
}
.max-w-110{
   max-width: 110px !important;
}
.max-w-120{
   max-width: 120px !important;
}
.max-w-130{
   max-width: 130px !important;
}
.max-w-140{
   max-width: 140px !important;
}
.max-w-150{
   max-width: 150px !important;
}

.min-w-10{
   min-width: 10px !important;
}
.min-w-20{
   min-width: 20px !important;
}
.min-w-30{
   min-width: 30px !important;
}
.min-w-40{
   min-width: 40px !important;
}
.min-w-50{
   min-width: 50px !important;
}
.min-w-60{
   min-width: 60px !important;
}
.min-w-70{
   min-width: 70px !important;
}
.min-w-80{
   min-width: 80px !important;
}
.min-w-90{
   min-width: 90px !important;
}
.min-w-100{
   min-width: 100px !important;
}
.min-w-110{
   min-width: 110px !important;
}
.min-w-120{
   min-width: 120px !important;
}
.min-w-130{
   min-width: 130px !important;
}
.min-w-140{
   min-width: 140px !important;
}
.min-w-150{
   min-width: 150px !important;
}

table.nosalta td {
  white-space: nowrap;
}


table th,table td{
  vertical-align: middle !important;
}
table.alumnos_ficha_curso thead th{
  padding: .25rem !important;
}
table.costes_ficha_curso thead th{
  padding: .25rem !important;
}

.sololectura{
  background-color:#FFFACE !important;
}

.enlace_tfw a:hover {font-weight: bold; color:#fff!important;background: #252731!important;}

.editable-error-block{
  color: #B12323 !important;
}

.ancho_5{
  width: 5px !important;
}
.ancho_10{
  width: 10px !important;
}
.ancho_15{
  width: 15px !important;
}
.ancho_20{
  width: 20px !important;
}
.ancho_25{
  width: 25px !important;
}
.ancho_30{
  width: 30px !important;
}
.ancho_35{
  width: 35px !important;
}
.ancho_40{
  width: 40px !important;
}
.ancho_45{
  width: 45px !important;
}
.ancho_50{
  width: 50px !important;
}
.ancho_60{
  width: 60px !important;
}
.ancho_70{
  width: 70px !important;
}
.ancho_80{
  width: 80px !important;
}
.ancho_90{
  width: 90px !important;
}
.ancho_95{
  width: 95px !important;
}
.ancho_100{
  width: 100px !important;
}
.ancho_250{
  width: 250px !important;  
}