/* These styles are generated from project.scss. */
body{
    color: #575757 !important;
}
a{    
    color: #055d8f;
    font-weight: 600;
}
a:hover {
    color: #0a496e;
    text-decoration: none !important;
}
.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.nav-link-active {
  color: white;
  font-weight: 600;
}
.contAvatar{
    width: 200px;
    height: 200px;
}
.img-avatar{    
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
/**Dasboars*/
.container-link,
.container-link:hover{
    color: black;
    text-decoration: none;
}
.logoBascostaFuera{
    width: 100%;
    padding-top: 20px;
}

.logoBascostaFuera1{
    width: 100%;
    padding-top: 240px;
}
.cartas{
    border: #afafaf solid 1.5px;
    border-radius: 10px;
    padding: 10px;
    background: #cbcbcb;
    width: 100%;
    margin: 5px 0px;
}.cartas:hover {
    box-shadow: 5px 5px 10px #055d8f;
    transform: scale(1.01);
}
.sin-padding{
    padding: 0 5px;
}
.cont-cartas{
    display: flex;
    justify-content: space-between;
}
.cartas div:last-child span{
    font-size: 35px;
    color: #272727;
}
.cartas-text{
    color: #055d8f;
    font-size: 11px;
} 
.mayusculas{
    text-transform:uppercase;
}
#usersTecnicos,
#usersTecnicosEdit{
    padding: 5px !important;
    height: 200px !important;
    height: 200px !important;
}
#usersTecnicos > option,
#usersTecnicosEdit > option{
    color: black;    
    background: #055d8f6b;
    padding: 5px 7px 5px 7px !important;
    font-size: 13px !important;
}
#usersTecnicos > option:checked,
#usersTecnicosEdit > option:checked{
    color: black;    
    background: #055d8f;
}
#usersTecnicos > option:hover,
#usersTecnicosEdit > option:hover{
    background: #055d8f;
    color: white;
}
.ContProgressBar{
    width: 100%;
    background: #c7c7c7;
    text-align: center;
    font-size: 11px;
    height: 20px;
    border-radius: 70px;
}
.textBarPro{
    margin-bottom: -20px !important;
    font-size: 13px !important;
    text-shadow: 1px 1px 2px white;
}
.color2ProgresBar{
    background: #fff;
}
.color3ProgresBar{
    background: #A9A9A9;
}
.textProgres{
    margin-top: -18px;
    color: black;
    font-weight: 600;
}
.bolita1EstadoMant, .bolita2EstadoMant, .bolita3EstadoMant, .bolita4EstadoMant, .bolita5EstadoMant,.bolita6EstadoMant{
    margin-top: -17px;
    position: absolute;
    margin-left: -15px;
    width: 16px;
    height: 16px;
    border-radius: 10px;    
    border: 2px Solid black;
}
.bolita1EstadoMant{    
    background: #FFFFFF;
}.bolita2EstadoMant{   
    background: #A9A9A9;
}.bolita3EstadoMant{    
    background: #FFA500;
}.bolita4EstadoMant{    
    background: #FFD700;
}.bolita5EstadoMant{    
    background: #28A745;
}
.bolita6EstadoMant{    
    background: #FF0000;
}
.TextDetailPopups{
    font-size: 14px;
    margin: 5px 0px;
}
.contSelectedTecnicos > ul > li{
    background: #055d8f;
    border-radius: 10px;
    color: white;
    padding: 5px 7px 5px 7px !important;
    font-size: 12px !important;
    display: flex;
    justify-content: space-between;
    width: max-content;
    margin: 0px 5px 5px 0px;
}
.dataHistory{
    background: #5babbe57;
    border-radius: 10px;
    padding: 10px;
    margin: 10px 0px;
    font-size: 12px;
    width: 100%;
    cursor: pointer;
}
.dataHistory:hover {
    background: #6a808557;
}
.TextDetailPopupsDateText{
    margin: 0;
    font-size: 13px;
    color: #424242;
}
.TextDetailPopupsDate{
    margin: 10px 0 0 0;
    font-size: 10px;
    text-align: end;
    color: #6e6e6e;
}
.contentReproHistory{
    overflow: scroll;    
    overflow-x: hidden;
    min-height: 100px;
    max-height: 300px;
    padding: 5px;
    border-radius: 10px;
    margin-top: 10px;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar-thumb {
    background: #055d8f ; 
    border-radius: 10px;
    border: 0px solid #000000;
}::-webkit-scrollbar-thumb:hover {
    background: #2493c2;
}
::-webkit-scrollbar:vertical {
    width: 10px;
}
::-webkit-scrollbar-button:increment,
::-webkit-scrollbar-button {
    display: none;
} 

::-webkit-scrollbar:horizontal {
    height: 10px;
}
::-webkit-scrollbar-track {
    border-radius: 10px;  
    box-shadow: inset 0 0 5px grey; 
}
::-webkit-resizer {
    border-radius: 10px;  
}
#__BVID__20___BV_modal_outer_{
    display: none !important;
}
.btnXli{
    font-size: 10px;
    background: red;
    padding: 3px 5px;
    border-radius: 40px;
    align-self: center;
}
.btnXli:hover{
    cursor: pointer;
}
.contSelectedTecnicos {
    border: 2px solid #d6d6d6;
    padding: 5px;
    width: 100%;
    height: 200px;
    overflow-y: scroll; 
    margin: 0px;
}
.contSelectedTecnicos > ul{
    padding-left: 0 !important;
    --bs-gutter-x: 0;
    margin: 0;
}

/* Estilos del Dashboar*/
.modal-title{
    font-size: 15px !important;
    font-weight: 700;
}
.modal-header > .close{
    border-radius: 15px;
    background: #aeaeaeb8;
    color: black;
    font-size: 17px;
    padding: 2px 6px;
    margin: 0px;
    border: 1px solid #aeaeaeb8;
}
.modal-header > .close:hover{    
    background: #ff0000;
    color:white;   
}
.modal-content{
    border-radius: 10px !important;
}
.calendarId1, .colorCalendarId1{
    background: #9b5bff;
    color: #9b5bff;
}
.calendarId2, .colorCalendarId2{
    background: #2fb6ff;
    color: #2fb6ff;
}
.calendarId3,.colorCalendarId3{
    background: #b55ba3;
    color: #b55ba3;
}
.calendarId4, .colorCalendarId4{
    background: #e27979;
    color: #e27979;
}
.calendarId5, .colorCalendarId5{
    background: #beab34;
    color: #beab34;
}
.calendarId6, .colorCalendarId6{
    background: #ffa15f;
    color:  #ffa15f;
}
.calendarId7, .colorCalendarId7{
    background: #000bff;
    color: #000bff;
}
.calendarId8, .colorCalendarId8{
    background: #ff00e8;
    color: #ff00e8;
}
.calendarId9,.colorCalendarId9{
    background: #b9ff88;
    color: #b9ff88;
}
.calendarId {
    margin-top: -25px;
    text-align: center;
    width: 100%;
    height: 15px;
}
.progreso-rojo, .progreso-naranja, .progreso-naranja-verde, .progreso-verde{
    color: white;
    font-weight: 600;
    border-radius: 10px;
    width: 80px;
    text-align: center;
}
.progreso-rojo{    
    background: red;
}
.progreso-naranja{    
    background: #ff5200;
}
.progreso-naranja-verde{
    background: #d9ff00;
    color: black;
}
.progreso-verde{   
    background: #00ff00;    
    color: black;

}
/*Estilos del calendario*/
.cronometer {
    display: flex;
    font-size: 20px;
    align-self: center;
    color: black !important;
    font-weight: 600;
    justify-content: center;
}
.iconPlayStop{
    font-size: 20px;
}
.listTecnicos > li{
    list-style: disc;
}
input.vs__search{
    margin: 0px !important;    
    font-size: 12px;
}
.tui-full-calendar-weekday-schedule-title {
    font-size: 9px !important;
    text-shadow: 1px 1px 1px #b1b1b1;
    font-weight: 600 !important;
}
.doble {
    display: flex;
    justify-content: space-between;    
    align-self: center;
}
.circuloSelectCalendar{    
    height: auto; 
    width: 40px; 
    border-radius: 0 30px 30px 0;
    margin-left: -6px;
}
.controlCalendar{
    align-self: center;
    padding: 5px 15px;
    text-align: center;
}
.dentroControlCalendar{
    justify-content: center;
    display: flex;
}
.cambiarSelect{
    font-size: 13px !important;
    border-radius: 10rem !important;
    color: #707070 !important;
    padding: 2px 10px !important;
}
.flechas-calendar{
    color: white !important;
    font-size: 13px !important;
    background: #1ba5f578 !important;
    padding: 2px 10px !important;
    border-radius: 50% !important;
}
.flechas-calendar:hover{
    color: white !important;
    background: #055d8f !important;
}    
.flechas-calendar span{
    vertical-align: middle;
}
.boton-calendar{
    color: white !important;
    font-size: 13px !important;
    border-radius: 35px !important;
    padding: 5px 15px !important;
    margin: 0px 10px !important;
    background: #1ba5f578 !important;
    font-weight: 700;
}
.boton-calendar:hover{
    background: #055d8f !important;
    color: white !important;
}
.fechas-input{
    padding: 0px;
    width: 48%;
}
.input_fecha{
    height: 30px !important;
}
.cont-flechas-input{
    display: flex;
    justify-content: space-between;
}
.input-checkbox{
    height: 15px !important;
    margin-right: 10px;
}
.vs__actions {
    padding: 0px 10px 0px 0px !important;
}
.vs__actions>button {
    color: #000bff;
}
.vs__actions>button>svg {
    width: 10px !important;
    height: 10px !important;
}
/*EStilos customize De las vistas modelos*/
.main-content {
    transition: margin-left 300ms;
    width: calc(100% - 60px);
    height: auto;
}
.wrapper{
    display: flex;
}
#nav-toggle{
    display: none;
}
#toggle2-nav{
    display: none;
}
main{
    padding: 0px !important;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}

/**contenedor */
.table {
    --bs-table-hover-bg: #00a2ff8e !important;
    vertical-align: middle !important;
    text-align: center;
    font-size: 12px;    
    border: none !important;
    margin: 0px;
}
.thCarga, .thError  {
    min-width: 95px;
}
.thSmall{
    min-width: 185px;
    width: 180px;
    font-size: 12px;
}
/*Estilo para tablas que exceden el tamaño*/
.select-list{
    border: none;
    background-color: transparent !important;
    text-align: center;
    color: black;
}
/**Estilos de formularios y botones */
.boton{
    font-size: 12px !important;
    border-radius: 35px !important;
    padding: 5px !important;
}
.boton-doble{
    font-size: 10px !important;
    padding: 0 10px !important;
    height: 100%;
}
.btn-acciones{
    font-size: 12px !important;
    padding: 3px 5px !important;
    border-radius: 5px !important;
}.btn-acciones:hover{
    font-size: 15px !important;
    padding: 3px 5px !important;
}
.btn_sm_icon_action{
    height: 17px !important;
    width: 17px !important;
    padding: 8px !important;
    font-size: 9px !important;
}
.color-btn{
    background: #055d8f !important;
    border-color: #055d8f !important;        
    color: white !important;
}
.color-btn:hover{
    background: #1ba5f500 !important;
    color: #055d8f !important;
    border-color: #055d8f !important;
}
.selectButton{
    border-radius: 10rem 0rem 0rem 10rem !important;
}
.buttonSelect{
    border-radius: 0rem 10rem 10rem 0rem !important;
}
.input-file{
    border-radius: 10rem !important;
    padding: 5px !important;
}
.selectMultiple{
    border-radius: 0rem !important;
    padding: 10px !important;
}
.msmValidador{
    color: #ff0000a8;
    font-size: 12px;
}
.InputRequired{
	border: #ff000033 solid 2px;
    background-color: #ff000021 !important
}
.v-select > div{
    border-radius: 3px !important;
	background: white;
	width: 100% !important;
    height: 32px;
}
.vs__selected-options{
	padding: 3px !important;
    margin-bottom: -5px !important;
}
.pagination > li > span,
.pagination > li > .page-link{
	padding: .5rem .75rem !important;
}
.col-lado1{
    padding-right: 5px;
}
.col-lado2{
    padding-left: 5px;
}
.celda-User-name, .celda-User-apellidos, /*Celdas de usuarios*/
.celda-resumen, .celda-description, .celda-reportado_por, .celda-cliente, .celda-estado, .celda-fecha_de_creacion, .celda-asignado_a, /*Celdas de alertas*/
.celda-control_metro, /*Celdas de Tipos de Solicitudes (Tipe Request)*/ 
.celda-creado, /*Celdas de Solicitudes (Request)*/
.celda-camposRemision,/*Celdas de Equipamientos*/
.celda-user_created{
    min-width: 140px;
}
.celda-User-email, /*Celdas de usuarios*/
.celda-origin, /*Celdas de Solicitudes (Request)*/
.celda-email /*Celdas de Filialaes*/{
    min-width: 135px;
}
/*Celdas de usuarios*/
.celda-User-is_active{
    min-width: 75px;
}
.celda-User-is_staff{
    min-width: 90px;
}
.celda-fechaInicio /* Certificados */{
    min-width: 85px;
}
.celda-fechaVenc /* Certificados */{
    min-width: 115px;
}
.celda-User-is_superuser, /*Celdas de usuarios*/
.celda-type_request /*Celdas de Solicitudes (Request)*/{
    min-width: 120px;
}
.celda-User-is_admin{
    min-width: 125px;
}
.celda-User-register{
    min-width: 175px;
}
/*Celdas de Solicitudes de herramientas (Request Tool)*/
.celda-request_ext{
    min-width: 160px;
}
.celda-created_request, .celda-filial, /*Celdas de Solicitudes (Request)*/
.celda-Direccion, .celda-type,  /*Celdas de Filialaes*/
.celda-model_bascule,
.celda-name, .celda-calibracion/* Certificados */{
    min-width: 150px;
}
/*Celdas de Solicitudes (Request)*/
.celda-tracking_number{
    min-width: 95px;
}
.celda-email_re, /*Celdas de Solicitudes (Request)*/
.celda-type_bascule, .celda-mark_bascule  /*Celdas de Equipamientos*/{
    min-width: 130px;
}
.celda-city, .celda-cliente,/*Celdas de Filialaes*/
.celda-typeBascule, .celda-camposRemision1 /*Celdas de Componetes*/{
    min-width: 100px;
}
.celda-nombre, /*Celdas de Filialaes*/
.celda-normative /*Celdas de Signature*/{
    min-width: 170px;
}
/*Celdas de Equipamientos*/
.celda-observaciones {
    min-width: 180px;
}
/*Celdas de Signature*/
.celda-document,
.celda-identity_type{
    min-width: 145px;
}
/*Celdas de Acciones todas las tablas*/
.celda-acciones{
    min-width: 70px;
}
.hiddenColum, .hide{
    display: none !important
}
.fotoFirmaPequeña{
    background: #fff;
    width: 150px;
}
/*Estilo funciones Filtros*/
.enlinea {
    display: flex;
    align-items: center;      
    width: 100%;  
}
.boton-location {
    font-size: 12px !important; 
    border-radius: 35px !important; 
    padding: 5px 10px !important; 
    width: 150px !important; 
    border-color: #055d8f !important;  
    color: #055d8f; 
}
.boton-filter,
.boton-Colum,
.boton-excel,
.boton-pdf,
.boton-ver,
.boton-Colum1{
    font-size: 12px !important;
    border-radius: 35px !important;
    padding: 5px 10px !important;
    width: auto;
    height: auto;
}
.boton-Colum1{
    width: 100% !important;
}
.boton-ver{
    min-width: 100px;
}
.boton-excel{
    background: #39c539 !important;
    color: white !important;
    border-color: #39c539 !important;
}
.boton-excel:hover{
    background: white !important;
    color:  #39c539 !important;
    border-color: #39c539 !important;
}
.boton-pdf{
    background: #ff0000 !important;
    color: white !important;
    border-color: #ff0000 !important;
}
.boton-pdf:hover{
    background: white !important;
    color:  #ff0000 !important;
    border-color: #ff0000 !important;
}
.boton-Colum-deactivate{
    background: #1ba5f517 !important;
    color: #055d8f !important;
    border-color: #055d8f !important;
}
.boton-Colum-deactivate:hover{
   background: #055d8f !important;
    border-color: #055d8f !important;        
    color: white !important;
}
.btn-Activo{
    border-radius: 10px;
    background: #1cc88a !important;
    color: white !important;
    border-color: #1cc88a !important;   
}
.btn-en{    
    border-radius: 10px;
    background: #f6c23e !important;
    color: black !important;
    border-color: #f6c23e !important;   
    min-width: 120px;
}
.btnColumnasMenu{
    border: 1px solid #055d8f;
    color: white !important;
    /* width: 100%; */
    font-size: 12px !important;
    padding: 8px 10px !important;
}.btnColumnasMenu:hover{
    background: white;
}
.ulMenuColumnas{    
    left: -100px !important;
    background: #e2e2e2 !important;
    width: 300px !important;
    border-radius: 10px !important;
}

.btnPdfCertified{
    text-align: center;
    width: 30px;
}
/* Parte del mapa */
.mgl-map-wrapper, .mapa {
    height: 200px !important;
    position: relative  !important;
    width: 100%  !important;
}

#CodeQR{
    width: 100%;
    border-radius: 10px;
}

/*VAUCHER*/
.card-col-img{
    padding: 5px;
}
.contCardPhoto{
    background: rgba(155, 155, 155, 0.356);
    padding: 10px;
}
.cardPhoto{
    width: 100%;
    background: white;
    border-radius: 10px;
}
.carFotosSeleccionadas{
    height: 90px;
    background: white;
    border-radius: 10px 10px 0px 0px;
}
.foto{
    height: 100%;
    width: 100%;
}
.img-firma{
    width: 100px;    
    background: white;
}
.botonSelectFotos, .botonAddFotos{
    font-size: 13px;
    border-radius: 35px;
    padding: 10px;
    border-radius: 0px 0px 10px 10px;
}
.botonAddFotos{
    border-radius: 35px;
    width: 250px;
}

/** Estilos del Login y Register*/
.titulo{
    font-size: 30px;
    text-align: center;
}
.subirTituloConBtnAtras{
    margin-top: -30px;
}
.bg-colorCustomer{
    background: #055d8f;
    border-radius: 10px 0px 0px 10px;
}
.cont-login, .cont-register{
    padding: 1rem !important;
    background: #cbcbcb !important;
    border-radius: 0px 10px 10px 0px !important;
}
.formulario, .contenedorDoble{
    /* margin-bottom: 2rem!important; */
    margin-top: 2rem!important;
    padding-left: 0px;
    padding-right: 0px;
}
.verticalMiddle{
    vertical-align: -webkit-baseline-middle !important;
}
.card{
    border: none;
    border-radius: 0px;
}
.columna-Login, .columna-regiter{
    padding: 0px !important;
}
.a-link {
    color: #055d8f !important;
    text-decoration: none !important;
    font-size: 13px !important;
}
.a-link:hover {
    color: #000000  !important;
}

/**ESTILOS DE SATISFACTIONS*/
.contEmojis{    
    min-width: 145px;
    font-weight: 800;
    font-size: 13px;
}.contEmojis:hover{
    font-weight: 900;
    font-size: 15px;
}
.contEmojis-color1, .contEmojis-color2, .contEmojis-color3, .contEmojis-color4, .contEmojis-color5{
    background: #fff;
    border-radius: 23px;
    text-shadow: 1px 1px black;
}
.contEmojis-color1{
    color: #fe3413;
}
.contEmojis-color2{
    color: #fd8d00;
}
.contEmojis-color3{
    color: #ffee0b;
}
.contEmojis-color4{
    color: #7aea34;
}
.contEmojis-color5{
    color: #5dd511;
}
.emojis{
    width: 30px;
    height: 30px;
}.emojis:hover{
    width: 35px;
    height: 35px;
}

.filtros1{
    padding-top: 10px;
    border-radius: 10px 10px 0 0;
}
.filtros2{
    align-items: center;
    border-radius: 0 0 10px 10px;
}
.tablaNew{
    padding: 10px;
}
.containerForm{
    background: #cbcbcb;
    border-radius: 10px;
    padding-top: 10px;
}
.tablaNew > .table-responsive > table > tbody {
    border-top: 2px solid #055d8f !important;
    border-bottom: 2px solid #055d8f !important;
}
.tableComponents{
    width: 100%;
    border-radius: 10px;
}
.tableComponents > tr td, .tableComponents > tr th{
    padding: 5px;
}
.tableComponents-movile{
    width: 100%;
    border-radius: 10px;
    display: none;
}
.input_CampMedidas{
    border-radius: 10px 0px 0px 10px !important;
}
.CampMedidas{    
    font-size: 13px;
    padding: 4px 7px;
    background: #055d8f;
    color: white;
    height: auto;
    border-radius: 6px;
    font-weight: 700;
    margin-left: 5px;
}
.table-responsive{
    margin-bottom: 0px !important;    
    border-radius: 10px;
    padding-bottom: 5px !important;    
}
.botonVerMantClientes{
    background: #055d8f;
    color: white !important;
}
.botonVerMantClientes:hover {
    background: #055d8fb8;
    font-size: 15px;
    color: white;
}
.contGeneral{
    background: #cbcbcb;
    padding: 5px 0px !important;
    border-radius: 10px;
    margin: 0px 5px 10px 5px !important;
}
.contGeneralDoble{    
    display: flex;    
    justify-content: center;
    align-items: center;
}
.contGeneralDoble>h2, .contge1>h2{
    margin: 0;
}
.celda-nameSatisfaction,
.celda-descriptions/* Certificados*/{
    min-width: 200px;
}
.celda-nameBasculeSatisfaction{
    min-width: 170px;
}
.celda-StartSatisfaction{
    min-width: 150px;
}
.celda-EndSatisfaction{
    min-width: 150px;
}
.celda-CodeSatisfaction{
    min-width: 110px;
}
/* ESTILOS DE AÑADIR FIRMA EN SIGANTURE.VUE*/
.cont-imagenPrevia{
    border: 2px solid #055d8f; 
    background: #055d8f;
}
.imagenPrevia{
    width: 100%; 
    background: white;
}
.cont-controles-canvas{
    align-items: center; 
    display: flex; 
    justify-content: center;
}
.color{
    padding: 0px !important; 
    border-radius: 5px !important;
}
.puntero{
    width: 100%;
}
.cont-canvas{
    text-align: center; 
    padding: 10px 00px;
}
canvas{
    border: black 1px solid; 
}
.boton2{    
    padding: 5px !important;
    font-size: 13px !important;
    border-radius: 35px !important;
}
/**Estilo del Pagina Terminos y Condiciones*/
.lectorpdf {
    width: 100%;
    height: 700px;
    margin-bottom: 20px;
}
.img{
    width: 60%;
}

/*Estilos de Protocolos*/
.border_radius{ 
    border-radius: 10px;
}
table > tbody > tr > td, table > tbody > tr > th, table > thead > tr > td, table > thead > tr > th, table > tfoot > tr > td,  table > tfoot > tr > th, tr {
    padding: 7px 15px !important;    
    border-bottom: 1px #afafaf solid;
}
.table_np > thead > tr, .table_np > thead > tr > td, .table_np > thead > tr > th,
.table_np > tbody > tr, .table_np > tbody > tr > td, .table_np > tbody > tr > th,
.table_np > tfoot > tr, .table_np > tfoot > tr > td, .table_np > tfoot > tr > th{
    border-bottom: 0px #afafaf solid;
}

.table_np > tr, .table_np > tr > td, .table_np > tr > th{
    border-bottom: 0px #afafaf solid;
}
.table-bordered{
    border: none;
}
table > tbody{
    border-top: 3px solid #055d8f !important;
    border-bottom: 3px solid #055d8f !important;
}
.tbl_prot_textIni{
    text-align: initial;
}
.input2Text{
    border-radius: 5px !important
}
.celda_1ra{
    min-width: 120px;
}.celda_1ra_report{
    min-width: 70px;
    max-width: 80px;
}.celda_2da{
    min-width: 220px;
}.celda_2da_report{
    min-width: 70px;
    max-width: 100%;
}.celda_3ra{    
    min-width: 140px;
}.celda_3ra_report{
    min-width: 60px;
    max-width: 80px;
}.celda_4ta{
    min-width: 170px;
}.celda_4ta_report{
    min-width: 50px;
    max-width: 100%;
}.celda_5ta{    
    min-width: 100px;
}.celdalitte{    
    min-width: 50px;
}.celda_componente{
    min-width: 200px;
}.celda70{
    min-width: 70px;    
}.celda_lectura {
    min-width: 80px;
    vertical-align: bottom;
}.errorCheck, .errorCheckAlert{
    margin: 0px -10px 0px -20px;
}.errorCheck{
    color: #00cd00;
}.errorCheckAlert{
    color: #ffce00;
}
.sidebarPanel {    
    padding: 10px !important;
}
.sidebar-heading{    
    padding: 10px !important;
}
/*ESTILOS DE REMISIONES DE EQUIPO VISTA*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    border-radius: 0.25rem 0.25rem 0 0;
    padding: 5px 10px;
}
.nav-pills .nav-link {
    font-size: 13px !important;    
    font-weight: 600;
    margin: 2px;    
    padding: 5px 10px;
    color: #565656 !important;
    background: #dddfeb;
}
.nav-pills .nav-link:hover {
    background: #055d8f;
    color: #fff !important;
    border-radius: 0.25rem 0.25rem 0 0;
}
.tab-content{
    padding: 10px;
    border-top: 3px solid #055d8f;
    border-radius: 0px 0px 10px 10px;
}.tab-content-color-white{
    background: #fff;
}
.nav-center-ul{
    justify-content: center;
}
.tab-content2,  .nav-link2{
    background: #fff !important;
}
.botones-añadir-editar>button{
    width: auto;
    margin-left: 3px;
    padding: 3px 10px !important;
}
.colorActivo{
    background: rgb(17, 255, 0);
    border-radius: 10px;
    color: black;
}
.grayColor{
    background: #dedede;
}
.table.b-table > thead > tr > .table-b-table-default, .table.b-table > tbody > tr > .table-b-table-default, .table.b-table > tfoot > tr > .table-b-table-default {
    color: #1e1e1e !important;
    background-color: #cbcbcb;
}

.table td, .table th {
    color: #1e1e1e !important;
    border-top: 0px solid #e3e6f0 !important;    
    vertical-align: middle;
}
.form-control{
    font-size: 12px !important;
}
@media (min-width: 576px){
    .topbar .dropdown-list{
        width: 25rem !important;
    }
}
.contNoty{
    padding-bottom: 20px;
    height: 300px !important;
    min-height: 100px;
}
.contNotyDiv{
    overflow-y: scroll;
    height: 94%;
}
.cursorPointer:hover{
    cursor: pointer;
}
.vs__selected {
    font-size: 12px;
    margin: 2px !important;
}
/* .sidebar .sidebar-brand {
    background-color: white;
} */

input, textarea, select, .vs__dropdown-toggle{    
    background-color: #ffffff73 !important;
}
.vs__dropdown-toggle > .vs__selected-options > input{
    background-color: transparent !important;
}


/* Inicio estilos del loader  */
.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 8px;
    box-sizing: border-box;
    border: 32px solid #fff;
    border-color: rgb(0, 58, 112) transparent rgb(0, 58, 112) transparent;
    animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
    0% {
      transform: rotate(0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    50% {
      transform: rotate(900deg);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    100% {
      transform: rotate(1800deg);
    }
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    padding: 15%;
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(126,126,126);
    opacity: .8;
}
.loginMovile{
    display: none;
}
.contenFormLoginRegister{
    min-height: 400px;
}
/* fin estilos del loader  */

/*/////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 1024px){    
    .sidebarPanel {    
        padding: 5px !important;
    }
    .sidebar-heading{    
        padding: 3px !important;
    }
    .subirTituloConBtnAtras{
        margin-top: 0px;
    }
    .sin-padding{
        width: 33.333333%;
    }    
    label{
        font-size: 10px;
    }
    .contDivInputStuyles > .col-md-3{
        width: 50%;
    }
    
    .loginMovile{
        display: block;
        /* height: 245px; */
        width: 100%;
    }
}
/**ESTILOS MOVIL */
@media screen and (max-width: 780px), screen and (max-width: 834px){
    .sidebarPanel {    
        padding: 5px !important;
    }
    .sidebar-heading{    
        padding: 3px !important;
    }
    .h1 {
        font-size: 30px;
    }
    .tableComponents{
        display: none;
    }
    .tableComponents-movile{
        display: inline-table;
    }
    .col-lado1 {
        padding-right: 0.75rem;
    }
    .col-lado2{
        padding-left: 0.75rem;
    }    
    .contenFormLoginRegister{
        min-height: auto;
    }
    .contenFormLoginRegister > div{
        padding-left: 0.5rem !important;
    }
    .sidebar .sidebar-brand {
        padding: 15px 5px;
    }
    ::-webkit-scrollbar {
        display: none;
    }
    .contDivInputStuyles > .col-md-3{
        width: 100%;
    }
    /**Estilos del nav de la barra menu oculta y muestra el sidebar  */
    #toggle2-nav:checked ~ .main-content{
        width: calc(100% - 190px ) !important;
    }
    .logoBascostaFuera, .logoBascostaFuera1{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .contenedorDoble{
        margin: 10px !important;        
        padding: 50px 0px;
    }
    .bg-colorCustomer{
        border-radius: 10px 10px 0px 0px;
    }
    .cont-login, .cont-register{        
        border-radius: 0px 0px 10px 10px !important;
    }
    .main-content{
        width: 100% !important;
    }
    .center-movile{
        text-align: center;
    }
    .contge1>h2, .contGeneralDoble>h2 {
        font-size: 19px;
        padding: 5px 0px;
    }
    main {
        padding: 1rem 0.5rem;
    }
    h1 {
        font-size: 25px;
    }
    h2 {
        font-size: 23px;
        font-weight: 600;
    }
    h3{
        font-size: 15PX;
    }
    .nav-pills .nav-link {
        font-size: 11px !important;
    }

    .table{
        font-size: 11px;
    }
    .boton-filter, .boton-Colum, .boton-excel, .boton-pdf, .boton, .boton-ver, .botonSelectFotos, .botonAddFotos{
        font-size: 12px;
    }
    .lectorpdf {
        height: 410px;
    }
    .barMovil{
        font: 13px;
    }
    .img{
        width: 100%;
    }
    .botonAddFotos{        
        width: 100%;
    }    
    .sin-padding{
        width: 50%;
    }    
    .ulMenuColumnas{    
        left: 0px !important;
        position: absolute !important;
    }
    .loginMovile{
        display: block;
        height: 245px;
    }
}
@media screen and (max-width: 400px){
    h1 {
        font-size: 23px;
    }
    h2 {
        font-size: 21px;
    }
    .boton-filter, .boton-Colum, .boton-excel, .boton-pdf, label, .boton, .boton-ver, .botonSelectFotos, .botonAddFotos{
        font-size: 11px;
    }
}