/*  :::::::::::::::::::::::::::::: CUSTOMS LOGIN */
.evidenciaot {max-height: 60px; width: 60px; 
    height: 60px; 
    object-fit: cover;
    object-position: 20% 10%;}

.menu_dark .sidebar .menu .list a {
        color: #dedede !important;
    }
.authentication a {
    color: #03a9f4!important;
}
.authentication a:hover {
    color: #013249!important;
}

.table-responsive {height: 95vh!important;}

.prealert {background-color: #ffe6bd;}

.authentication .company_detail p {
    opacity: 0.6;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: small!important;
    text-align: justify;
}

.buscadorbodega {
    background: #f1f4fb;
    padding: 10px;
    border-radius: 10px;
}

/*boton cargar medio*/


.sidebar .user-info .image img {
    width: auto!important;
    max-height: 50px;
}

.textpeque {font-size: xx-small!important;}

.theme-black .authentication {
    background: #464f56 !important;
}

.menu_dark .sidebar {
    background: #2b364b!important;
    box-shadow: 1px 0px 20pxrgba(0,0,0,0.08);
}
.theme-black .minileftbar {
    background: #00446a!important;
}

.select2-container {
    margin-bottom: 3%;
}
.lg-outer .lg-img-wrap {

    background: rgb(13 13 13 / 95%);
}

.logoempresa1 img {max-height: 200px!important;}
.evidenciafoto img { max-height: 120px;}
.slidernoticias {min-height: 200px;}
.carousel-caption h5, p {font-size: small!important;}
.company_detail h3 {font-size: 12px!important;} .company_detail p { font-size: larger!important;} .company_detail span {font-weight: 800;}
.logo-login {width: 100%;}
.authentication::before {background-image: url(../../assets/images/apply-logo.png); content: ''; position: absolute;  z-index: 1; background-repeat: no-repeat; opacity: 0.04; width: 100%; height: 100%; background-position: top;}
.bodylogin {background-color: #313740 !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #999!important;
    line-height: 28px;
}

#btnGroupAddon a {font-size: 8px!important;} 
.carousel-inner {
    position: relative;
    width: 95%!important;
    overflow: hidden;
    margin: 0 auto;
    padding: 14px 0!important;
    box-shadow: none!important;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #9999995c!important;
    border-radius: 30px!important;
}

.activities .b-accent .sl-item .sl-content p {
    overflow: hidden;
    white-space: inherit;
    width: 100%;
    text-overflow: ellipsis;
    font-size: 8px;
    margin: 3px;
}

.form-group .form-control, .input-group .form-control {
    padding: 5px 18px 5px 18px;
    background: #ffffff!important;
}


textarea.form-control {
    max-width: 100%;
    padding: 10px 10px 0 0;
    resize: none;
    border: none;
    border-bottom: 1px solid #E3E3E3;
    border-radius: 0;
    line-height: 2;
    background: #eeeeee!important;
}

.cajalistaot h6 {font-size: 0.6em!important;}
.cajalistaot {color:#616161;margin: 10px 0;}
.bodyok {
    font-size: 14px;
    padding: 10px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
    border-radius: 0.55rem;
    background: #fff;
    border: #75ff60 solid 1px;
    color: #616161;
    font-weight: 400;
    transition: all 0.2s ease-in-out;
}
.bodyok i {color:#75ff60; font-size: 4em;}
.bodyok h6 a {color:#75ff60!important;}

.bodynook {
    font-size: 14px;
    padding: 10px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
    border-radius: 0.55rem;
    background: #fff;
    border: #F44336 solid 1px;
    color: #616161;
    font-weight: 400;
    transition: all 0.2s ease-in-out;
}
.bodynook i {color:#F44336; font-size: 4em;}
.bodynook h6 a {color:#F44336!important;}

.bodypend {
    font-size: 14px;
    padding: 10px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
    border-radius: 0.55rem;
    background: #fff;
    border: #FF9800 solid 1px;
    color: #616161;
    font-weight: 400;
    transition: all 0.2s ease-in-out;
}
.bodypend i {color:#FF9800; font-size: 4em;}
.bodypend h6 a {color:#FF9800!important;}

.bodystop {
    font-size: 14px;
    padding: 10px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
    border-radius: 0.55rem;
    background: #fff;
    border: #c3c3c3 solid 1px;
    color: #616161;
    font-weight: 400;
    transition: all 0.2s ease-in-out;
}
.bodystop i {color:#c3c3c3; font-size: 4em;}
.bodystop h6 a {color:#c3c3c3!important;}


.ot-act-til {
    font-size: 12px!important;
    background: none!important;
}
.act-ot-col {
    display: block;
    padding: 2px 0!important;
}
.content-act-ot {
    padding: 2px!important;
}

.content-act-ot ul {padding-inline-start: 5px;
                    list-style: none;}
.content-act-ot li {font-size: xx-small!important;}

.requeridos i {color: red; font-size: 10px;}
.requeridos  {text-align: center;}


.tituloescena {font-size:large!important;}
.titulos-principales {
    border-bottom: 1px solid #03a9f4;
    margin-bottom: 10px;
    color: #3e4569;
     font-size: medium;
}


label {font-size: 8px;
       margin-left: 5px;}

.bootstrap-select .btn.btn-round.btn-simple .filter-option, .bootstrap-select .wizard>.actions a.btn.btn-simple .filter-option, .wizard>.actions .bootstrap-select a.btn.btn-simple .filter-option, .bootstrap-select .wizard>.actions .disabled a.btn .filter-option, .wizard>.actions .disabled .bootstrap-select a.btn .filter-option {
    font-size: 10px!important;
}

/*.bootstrap-select {padding:0!important;}*/

.fa-asterisk {font-size: 6px!important;}




.tituloescena {font-size: large!important;}
.titulos-principales { border-bottom: 1px solid #03a9f4; margin-bottom: 30px; color:#3e4569; font-size:large;}

.input-group > .select2-container--bootstrap {
    width: auto;
    flex: 1 1 auto;
}

.input-group > .select2-container--bootstrap .select2-selection--single {
    height: 100%;
    line-height: inherit;
    padding: 0.5rem 1rem;
}

/*TABLAS GENERAL*/
.tablebg {background-image: url("/assets/images/logobg.png")!important;
          background-position: center!important; background-size: 300px;
          background-repeat: no-repeat; }
.table .thead-dark th {
    color: #fff;
    background-color: #26415d;
    border-color: #26415d;
    font-size: x-small!important;
}
.table .thead-dark th a {
    color: #fff;
}
.table thead th {
    vertical-align: middle;
    border-bottom: 2px solid #dee2e6;
}

.table td, .table th {
    padding: 0.35rem;
    font-size: xx-small!important;
    vertical-align: middle!important;
    border-top: 1px dotted #03a9f4;
}

.body2 {
    font-size: 14px;
    padding: 2px 5px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
    border-radius: 0.55rem;
    background: #f1f0f0;
    color: #616161;
    font-weight: 400;
    transition: all 0.2s ease-in-out;
}
.body3 {
    font-size: 14px;
    padding: 2px 5px;
    
    border-radius: 0.55rem;
    background: #ffffff;
    font-weight: 400;
    transition: all 0.2s ease-in-out;
}
.contenidover {

    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
    padding: 14px;
    border-radius: 0.55rem;
    background: rgba(220, 226, 231, 0.089);
    color: #616161;
    font-weight: 400;
    transition: all 0.2s ease-in-out;
}

.tablemodal td {
    padding: 0.35rem;
    font-size: medium!important;
    vertical-align: middle!important;
    border-top: 1px dotted #c3d215;
}

.tablemodal  th {
    padding: 0.35rem;
    font-size: small!important;
    vertical-align: middle!important;
    border-top: 1px dotted #c3d215;
}

.modal-body {

    background-color: #f4f7f6!important;
}
.cardnomargin {margin-bottom: 0!important;}

.small1 {
    font-size: 65%;
    font-weight: 500;
}

.activities .b-accent .sl-item .sl-content p {
    overflow: hidden;
    white-space: inherit;
    width: 100%;
    text-overflow: ellipsis;
}
/*modal custom style*/
.modal-content .modal-header {
    border-bottom: none;
    padding-top: 18px;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 43px;
    background: #E5E5EB;
}
.modal .modal-header .close {
    color: #000000;
    text-shadow: none;
}
.modal-content .modal-header button {
    position: absolute;
    right: 27px;
    top: 15px;
    outline: 0;
}
.modal-content .modal-body+.modal-footer {
    padding-top: 12px;
    border-top: solid 2px #2ca8ff;
}
/*modal custom style fin*/


@media screen and (max-width: 992px) {
    .authentication .company_detail
    .logo-login {width: 50%; margin: 0 auto; padding: 20px 0;}

}


@media (min-width: 1200px) {
    .modal-xl {max-width: 1180px;
    }
}
/*  :::::::::::::::::::::::::::::: FIN CUSTOMS LOGIN */

.flotante {
    width:60px;
    height:60px;
    border-radius:100%;
    background:#F44336;
    right:0;
    top:190px;
    position:absolute;
    margin-right:16px;
    margin-bottom:16px;
    border:none;
    outline:none;
    color:#FFF;
    font-size:36px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition:.3s;
    z-index: 1000
}

.flotante-pedidos {
    width:60px;
    height:60px;
    border-radius:100%;
    background:#F44336;
    right:0;
    top:55px;
    position:absolute;
    margin-right:16px;
    margin-bottom:16px;
    border:none;
    outline:none;
    color:#FFF;
    font-size:36px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition:.3s;
    z-index: 1000
}

@media (min-width: 576px) {
.modal-dialog {
    max-width: 85%!important;
    margin: 1.75rem auto;
}
}


#aviso-movil-horizontal { display: none; position: fixed; z-index: 5000; height: 100%; }
@media only screen and (orientation:portrait) {
    #aviso-movil-horizontal { display:block; }
    
}
@media only screen and (orientation:landscape) {
    #aviso-movil-horizontal { display:none; }
    .slidernoticias {
      min-height: max-content;
    }
    .tituloslider {
      font-size: x-small;}
    .descslider {
        font-size: xx-small;
        padding: 0;
        margin: 0;
        line-height: initial;
    }
}