body {
	font: 18px/1.5 "Montserrat", "Adobe Blank";
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    height: 100%;
}

legend p {
    font: 18px/1.5 "Montserrat", "Adobe Blank";
}

table td, tr,th {
   /* border-color: #989898 !important;*/
   border: none !important;
}

table tr:first-child {
    background-color: ;
}

.table td, .table th {
   border-bottom: 1px solid #9BD5F9 !important;
}

.table thead th {
  border-bottom: 1px solid #808080 !important;
}

/* MENU */

.logo-menu-top {
    height: 60px;
    /*padding: 5px 16px;*/
    display:inline-block;
}

.dropdown-menu {
    margin-top: 0px !important;
}

.dropdown.dropdown-header-menu:hover>.dropdown-menu {
    display: block;
}

/* CONTENIDO */
.main-content {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 75px;
    color: #414141;
}

/* PIE DE PAGINA */
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #dbdccd;
    color: black;
    text-align: center;
    padding: 1rem;
    z-index: 2;
}

/* INFO ALERTA INICIO */
.info-inicio {
    z-index: 2;
    background-color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 20px;
}

.info-inicio-div, .info-inicio {
    position: absolute;
}

/* ICONO NUEVA ALERTA */
.green-icon .fa-certificate {
    color: #99cc00 !important;
}

/* BORDE PAGINACION INICIO */
.border-grey {
    border-color: #dee2e6;
}

/*SUBTITULO HISTORICO INFORMES */
.subtitle-height {
    line-height: 1px !important;
}

.navegacion a {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.list-no-style {
    padding-left: 1.25rem !important;
}

.columns {
    column-count: 4;
    column-gap: 40px;
}

.element-list {
    font-size: 11px;
}

.navegacion {
    border-bottom: 1px solid #E3E3E3;
}

.input-grup-subequipo {
    max-height: 38px !important;
}

.listfactories {
    overflow: auto;
    overflow-y: hidden; 
}

.errorTxt{
    color: red;
    font-size: 14px;
    text-align: right;
    height:30px;
}

.caracteristicasSubequipo {
    font-size: 14px;
}

td .svg-inline--fa {
    margin: 0px 5px;
    font-size: 20px;

}

.btn, .btn-sm, .btn-lg {
    border-radius: 0px !important;
}

.btn.dropdown-toggle {
    border-radius: .25rem !important;
}

.card-table-eq .card, .card-table-eq .card-body, .card-table-eq .card-header  {
    background-color: #F5F9FC !important;
    border: none !important;
}

.card, .card-table .card, .card-table .card-body, .card-table .card-header  {
    background-color: transparent !important;
    border: none !important;
}

.card-table-eq .card-body, .card-table-subeq .card-body, .card-table .card-body {
    padding: 0px 30px 10px 30px !important;
}

.card-table-eq, .card-table-subeq {
    margin: 10px 25px;
}

.card-table-eq .card-header, .card-table-subeq .card-header {
    padding: 5px 30px 0px 30px !important;
}

.card-table .card-header {
    padding: 5px 25px 0px 25px !important;
}

.card-table-subeq .card, .card-table-subeq .card-body, .card-table-subeq .card-header {
    background-color: #fdfaeb !important;
    border: none !important;
}

/*.main-content button:not(.bootstrap-select):not(.dropdown-toggle):not(.modal button.close),
.main-content a.btn, .modal button:not(.bootstrap-select):not(.dropdown-toggle),
.modal a.btn:not(.bootstrap-select):not(.dropdown-toggle), input[type="submit" i]  {
    background-color: #0E80C6 !important;
    border-color: #0E80C6 !important;
    color: #fff !important;
}
*/
.main-content .btn, .modal-content .btn {
    background-color: #0E80C6 !important;
    border-color: #0E80C6 !important;
    color: #fff !important;
}

.main-content .btn-light, .modal-content .btn-light {
    color: #414141 !important;
    background-color: #fff !important;
    border-color: #d3d9df !important;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    color: #414141 !important;
    background-color: #fff !important;
    border-color: #d3d9df !important;
}

button .dropdown-toggle {
    border-radius: .25rem !important;
}

.main-content a:not(.btn):not(.dropdown-item):not(.page-link), .footer a {
    color: #0E80C6 !important;
}

/*.main-content .check-mark, .modal-content .check-mark {
    color: #fff !important;
}*/


/*.main-content a:not(.bootstrap-select):not(.dropdown-menu li a) {
    color: #0E80C6 !important;
}
*/
/*.modal button.close {
    background-color: #fff !important;
    color: #A3A3A3 !important;
}*/

.dataTables_processing.card {
    background-color: #fff !important;
}

.card-title {
    padding: 10px 0px;
    border-bottom: 2px solid #9BD5F9;
    color: #0E80C6 !important;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Kanit', sans-serif;
}

.card-title.subtitulo {
    padding: 5px 0px;
    border-bottom: 1px solid lightgrey;
    color: #0E80C6 !important;
    text-transform: uppercase;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
}

.card-title-subeq {
    padding: 10px 0px;
    border-bottom: 2px solid #FFDE3B;
    color: #0E80C6 !important;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Kanit', sans-serif;
}


.info-inicio {
    color: #0E80C6;
}

table a, .bg-primary, .text-primary {
    color: #0E80C6 !important;
}

.sep {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1rem;
}
.sepText {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.sepText::before,
.sepText::after {
    content: '';
    flex: 1;
    width: 1px;
    height: auto;
    background: #ced4da;
}

.paddingSepText{
    padding: 5px 0px;
}

.paddingSepText:empty{
    padding: 0px;
}


.nav-link {
    text-transform: uppercase;
} 

.page-link {
    color: #0E80C6 !important;
    margin: 0px 3px 0px 3px !important;
}

.main-content .page-item.active .page-link {
    background-color: #0E80C6 !important;
    color: #fff !important;
    border-color: #0E80C6 !important;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 10px;
}

.titulos {
    padding: 15px 25px;
}

.filtros {
    padding-left: 25px;
}

.tabla-filtros {
    padding: 10px 25px;
}

#equipmentContent {
    font-size: 12px; 
    list-style: none; 
    /*display: flex; 
    flex-flow: column wrap; */
    padding-left: 35px;
}

.li-subeq {
    display: inline-block;
    width: 33%;
}

@media (max-width: 767px) {

    .navegacion h3 {
        font-size: 14px;
    }

    .dataTables_info {
        display: none;
    }

    .dataTables_wrapper .dataTables_paginate {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mini-input {
        height: calc(1.8125rem + 2px) !important;
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem;
    }

    .mini-btn {
        font-size: 10px !important;
    }

    .navegacion a {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
        top: 4px !important;
    }

}


@media (max-width: 2559px) {
    
     .nav-link, #navbarTogglerDemo01 .dropdown-item {
        font-size: 12px !important;
    }

}

@media (max-width: 1439px) {
    
    .main-content {
        margin-bottom: 125px;
        font-size: 12px;
    }

    ul.pagination {
        font-size: 9px;
    }

    legend p {
        font-size: 12px;
    }

    footer {
        font-size: 11px;
    }

    .form-check-input {
        margin-top: 3px !important;
    }

    .list-no-style {
        padding-left: 1.40rem !important;
    }

    .columns {
        column-count: 3;
        column-gap: 40px;
        padding-left: 10px;
    }

    .errorTxt{
      font-size: 10px;

    }

    .caracteristicasSubequipo {
        font-size: 10px;
    }

    .modal-title h5 {
        font-size: 12px !important;
    }

    .modal-body {
        font-size: 12px;
    }

    .modal .svg-inline--fa {
        font-size: 70px;
    }

}

@media (max-width: 1023px) {

    h6 {
        font-size:12px !important;
    }

    .card-table-eq .card-body, .card-table-subeq .card-body, .card-table .card-body {
        padding: 0px 10px 10px 10px !important;
    }
    .card-table-eq, .card-table-subeq {
        margin: 0px 15px;
    }

    .card-table {
         margin: 0px 5px;
    }
    .card-table-eq .card-header, .card-table-subeq .card-header, .card-table .card-header {
        padding: 0px 10px !important;
    }
    .titulos {
        padding: 13px !important;
    }

    .filtros {
        padding-left: 15px;
        margin-bottom: 10px;
    }

    .tabla-filtros {
        padding: 10px 15px;
    }

    .card-title {
        margin-bottom: 10px !important;
    }

    .card-title.subtitulo {
        font-size: 11px;
    }
}

@media (max-width: 1439px) {
    
    .hidden-nav-item {
        display: none !important;
    }

    .show-nav-item {
        display: block !important;
    }

}

@media (min-width: 1440px) {
    .show-nav-item {
        display: none !important;
    }

    .element-list {
        font-size: 12px;
    }

}



@media screen and (max-width: 767px) {
    .sepText:before,
    .sepText:after {
    	content: '';
    	flex: 1;
    	height: 1px;
    	width: 100%;
    }

    .sepText {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex: 1;
		min-height: 30px;
	}

	.paddingSepText{
		padding: 0px 5px;
	}

}

/* MOVER RADIO Y CHECKBOX EN EL MISMO SITIO QUE LOS ESTILOS PARA QUE SE MUESTRE CORRECTAMENTE EL MENSAJE EN EL CASO DE SER REQUERIDO */
.custom-control-input{
    left: 2px;
    top: 6px;
}

/* PUNTO ROJO */
.dot-red::before {
    content: "";
    height: 9px;
    width: 9px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    margin-right: -9px;
    top: -7px;
    left: 16px;
    border: 1px white solid;
}

.dot-red:hover::before {
    background-color: #e40303;
}

/* LEYENDA EN CARD */
.leyenda-header-card {
    border-radius: .2rem;
    background-color: white;
    padding: 5px 10px;
}

.leyenda-header-card>span.leyenda-icono {
    border-right: 1px solid lightblue;
    padding: 2px 8px;
}

.leyenda-header-card>span.leyenda-icono:last-child {
    border: none;
}

/* ESTILO TD CON AVATAR */
.avatarTable {
    padding: 0px 10px !important;
    vertical-align: middle !important;
}

.foto-perfil-mobile {
    max-height: 250px;
}
.foto-perfil-desktop {
    max-height: 250px;
}
.foto-perfil-listado {
    height:45px;
    width:45px;
}


.logo-footer-bottom {
    max-height: 30px;
    /*padding: 5px 16px;*/
    display:inline-block;
}


.valid-pendientes_table, .prox-mant_table, .histo-informes_table, .cad-form_table, .ult-mod_table {
    margin-bottom: 10px;
}

.prox-mant, .prox-mant_table {
    background-color: #fef6f1;
}

.histo-informes, .histo-informes_table {
    background-color: #f1f9fd;
}

.ult-mod, .ult-mod_table {
    background-color: #fffdea;
}

@media (max-width: 320px) {

    .select-all {
        margin: 30px;
        position: absolute;
    }

    #equipmentContent {
        margin-top: 40px;
        
    }

    .li-subeq {
        display: inline-block;
        width: 100%;
    }
}

/* NUEVO LOADER (NO FUNCIONA CORRECTAMENTE EN IE11)*/
/*.loader {
  position: relative;
  margin: 0 auto;
  width: 100px;
}
.loader::before {
    content: '';
    display: block;
    padding-top: 100%;
  }
.circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke: #007bff;
  stroke: var(--primary);
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}*/