/*styles for delte padding sides*/
.no-padding-left-right{

    padding-left: 0!important;
    padding-right: 0!important;

}

.info_despacho_top_nav{
    flex: 1;
    min-width: 0;
}
.cut-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



/*styles for croquis sin medidas*/
#previewCroquis{
    object-fit: contain;
    border: solid 2px blue;
}


/*styles for croquis con medidas*/
#previewCroquis_medidas{
    object-fit: contain;
    border: solid 2px blue;
}


/*styles for errors*/
.invalid-feedback{
    font-size: 14px!important;
    font-weight: bold;
    color: red !important;
}


.jsgrid-locked{
    pointer-events: none!important;
    opacity: 0.7;
}


/****************styles for seccion FOTOS*/
/*image*/
.image_danios_inspeccion{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}

.titulo_image_fotos{
    position: absolute;
    bottom: 0;
    background-color: black;
}

/*stage foto grid*/
.margin_image_danios{
    border: 2px solid gray;
    position: relative;
    height: 12em;
}
.foto_selected{
    width: 100%;
    height: 30em;
}

.textarea-fixed{
    resize: none;
    /*border: 2px solid black;*/
}

form > button#addFotos.btn.no-shadow{
    box-shadow: none!important;
}

#prevFoto{
    object-fit: contain;
    width: 100%!important;
    height: 100% !important;
}
#prevFoto_buttons{
    top: 0;
    right: 0;
    position: absolute;
}
/****************styles for seccion FOTOS*/

/****************styles for seccion CROQUIS CON MEDIDAS*/
/*image*/
.image_croquis_medidas{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
.titulo_image_croquis_medidas{
    position: absolute;
    bottom: 0;
    background-color: black;
}

/*stage docto grid*/
.margin_image_croquis_medidas{
    border: 2px solid gray;
    position: relative;
    height: 15em;
}
.croquis_medida_selected{
    width: 100%;
    height: 30em;
}

form > button#addCroquisMedidas.btn.no-shadow{
    box-shadow: none!important;
}

#prevCroquisMedida{
    object-fit: contain;
    width: 100%!important;
    height: 100% !important;
}
#pfdObjCroquisMedida{
    /*object-fit: contain;*/
    width: 50%!important;
    height: 100% !important;
}
#prevCroquisMedida_buttons{
    top: 0;
    right: 0;
    position: absolute;
}
.preview_CroquisMedida_hidden{
    display: none !important;
}
/****************styles for seccion CROQUIS CON MEDIDAS*/




/***************styles for DETERMINACION DE LA PERDIDA*/
table.det_perdida tr td,table.det_perdida tr th{
    /*background-color: black!important;*/
    border: .5pt solid windowtext;
}
table.det_perdida tr th{
    background-color: #0C3C60!important;
    color: white;
}

.border-none{
    border: none!important;
}

/***************fin styles for DETERMINACION DE LA PERDIDA*/




/*Styles for navigation-menu*/
.bg-blue-dark{
    background-color: #0C3C60!important;
}

.sb-topnav .navbar-brand {
    width: 225px!important;
     padding-left: 0!important;
     padding-right: 0!important;
    margin: 0;
}

.sb-topnav .navbar-info{
    color: white!important;
    width: 100%;

}

.navbar-info .name-company{
    margin-bottom: 0.1rem!important;
    margin-top: 0.5rem!important;
}

.navbar-actions h6{
    margin-bottom: 0.1rem!important;
}


/*menu de arriba*/
.sb-topnav {
    height: 75px!important;
}

/*contenido*/
.sb-nav-fixed #layoutSidenav #layoutSidenav_content {
    top: 75px!important;
}

/*menu lateral*/
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav {
    padding-top: 75px!important;
}

/*end Styles for navigation-menu*/



/*Styles for left-menu*/
.submenu {
    padding-top: 0.2rem!important;
    padding-bottom: 0.8rem!important;
    line-height: 0.9rem!important;
}

.submenu-content{
    max-height: 20%!important;
    overflow-y: auto!important;
    height: 50vh!important;
}

.menu-category{
    padding-top: 0.3rem!important;
    padding-bottom: 0.3rem!important;
}

.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-heading {
    /*padding: 1.75rem 1rem 0.75rem;*/
    font-size: 0.90rem!important;
    color: #80cfff!important;
    /*font-weight: bold;*/
    /*text-transform: uppercase;*/
}
/*end Styles for left-menu*/

/*styles for grid expedientes*/
.numExpediente{
    width: 10%!important;
}

.selectpicker-filter{
    color: white!important;
}

.info-expediente-header{
    border-bottom: 0!important;
    border-radius: 5px!important;
    /*min-height: 66px;*/
}


.fixed-botonera-bandeja{
    position: fixed!important;
    top: 80px;
    right: 12px;
    z-index: 9999;
}

/*@media only screen and (max-width: 768px) {
    !* For mobile phones: *!

    [class*="info-expediente-header"] {
        min-height: 150px;
    }
}*/

/*arrow for scroll tabs*/
.scrtabs-tab-scroll-arrow {
    border: 1px solid #dddddd!important;
}
/*end arrow for scroll tabs*/
/*styles for tabs-pills scrollable*/
.nav-pills-content{
    width: 100%;
    overflow: hidden!important;
    margin-right: 1px;
}
.nav-tabs{
   /* width: 100%!important;*/
    /*height: auto!important;*/
    display: inline-block!important;
    white-space: nowrap!important;
    /*font-size: 0;*/
   /* overflow: hidden!important;*/
   /* overflow-x: auto!important;*/
    /*padding-bottom: 3px!important;*/
}
.nav-pills-content-old::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";

    color: white;
    background-color: #0c3c60;
    border-radius: 10px;
    display: inline-block;
    width:20px;
    height:20px;
    text-align: center;
    /*transform: translateY(-70%);*/
}
.nav-pills-left{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";

    color: white;
    background-color: #0c3c60;
    border-radius: 10px;
    display: inline-block;
    width:20px;
  /*  height:20px;*/
    text-align: center;
   /* transform: translateY(-70%);*/
}
.nav-pills-content-old::after{
    /*font-family: "Font Awesome 5 Free";*/
    font-weight: 900;
   /* content: "\f054";*/

    color: white;
    background-color: #0c3c60;
    border-radius: 10px;
    display: inline-block;
    width:20px;
    height:20px;
    text-align: center;
    transform: translateY(-70%);
}
.nav-pills-right{
    /*font-family: "Font Awesome 5 Free";*/
    font-weight: 900;
    /*content: "\f054";*/

    color: white;
    background-color: #0c3c60;
    border-radius: 10px;
    display: inline-block;
    width:20px;
    /*height:20px;*/
    text-align: center;
    /*transform: translateY(-70%);*/
}
.nav-tabs .nav-item{
    width: auto!important;
    display: inline-block!important;
}

.scrollable-nav{
    border-bottom: none!important;
}
/*end styles for tabs-pills scrollable*/
/*styles for form expedientes*/
.scrollable-nav-content{
    margin-top: -1px!important;
    border-top: black 1px solid!important;
}
/* end styles for form expedientes*/
/*end styles for grid expedientes*/

/*styles for all usages*/

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

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


.disabled,.btn:disabled {
    pointer-events: none!important;
    opacity: 0.4!important;
}

/*end styles for all usages*/


/*styles for tipo_bien_id*/
.hide-croquis-bytipobien{
    display: none!important;
}
/*end styles for tipo_bien_id*/

/*styles for crear inspeccion*/
.area-crear-inspeccion{
    background-color: #d6d6d6;
    border-radius: 5px;
}

/*end styles for crear inspeccion*/


/*styles for money*/
.money{
    text-align: right!important;
}
input[type=number]{
    text-align: right!important;
}
.areas{
    text-align: right!important;
}
input::placeholder{
    text-align: left!important;
}
/*end styles for money*/



/*styles for cedula de ajuste*/

table.tableCalculoPerdidaCedulaAjuste td, table.tableCalculoPerdidaCedulaAjuste tr{
    border-color: #dee2e6!important;
}


/*styles for select readonly*/
select[readonly="readonly"] {
    background-color: #e9ecef;
    opacity: 1;
    pointer-events: none;
}


/*styles format table cell*/
.cell-money-symbol::before{
    content:"$"
}



/*styles for hidde sections*/
.hideByTipoBien{
    display: none !important;
}
.hideByUsoBien{
    display: none !important;
}