/*  :::::::::::::::::::::::::::::: CUSTOMS LOGIN */
#ajax-modal-stack2 {width: 90%;padding-left: 10%!important;}
.slidernoticias {min-height: 200px;}
.carousel-caption h5, p {font-size: small!important; font-weight: 500;}
.company_detail {color: #1c1c1d!important;}
.company_detail h3 {font-size: 12px!important;} .company_detail p { font-size: medium!important; font-weight: 600!important} .company_detail span {font-weight: 800;}
.logo-login {width: 70%;}
.authentication::before {background-image: url(../../assets/images/logeo-warehouse.webp); content: ''; position: absolute;  z-index: 1; background-position: right; background-repeat: no-repeat; opacity: 0.5; width: 100%; height: 100%;}
.bodylogin {background-color: #d1f1ff !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #999!important;
    line-height: 28px;
}
.page-loader-wrapper p {
    margin-top: 10px;
    color: #212529;
}
.theme-black .minileftbar .menu_list li a {
    color: #ffffff;
}
.theme-black .minileftbar {
    background: #6c757d;
}

.theme-black .page-loader-wrapper {
    background: linear-gradient(45deg, #afafaf, #76a2dd);
}

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

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 36px!important;
    user-select: none;
    -webkit-user-select: none;
    padding: 4px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 25px;
    position: absolute;
    top: 4px!important;
    right: 15px!important;
    width: 20px!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: 10px 18px 10px 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 #c3d215; margin-bottom: 30px; color:#929292; font-size: large;}


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 #c3d215; margin-bottom: 30px; color:#929292; 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/looginbg.webp")!important;
          background-position: center!important; background-size: 300px;
          background-repeat: no-repeat; }
.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
    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 #c3d215;
}

.body2 {
    font-size: 14px;
    padding: 14px;
    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;
}
.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;
}

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


.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 #18ce0f;
}
.btn-soporte {padding: 5px 16px!important;}
/*modal custom style fin*/


@media screen and (max-width: 992px) {
    .authentication .company_detail
    .logo-login {width: 80%; margin: 0 auto; padding: 20px 0;}
    .authentication::before {background-image: url(../../assets/images/logeo-warehouse.webp); content: ''; position: absolute;  z-index: 1; background-position: left; background-repeat: no-repeat; opacity: 0.2; width: 100%; height: 100%;}

}

@media (min-width: 768px) {
    .authentication::before {background-image: url(../../assets/images/logeo-warehouse.webp); content: ''; position: absolute;  z-index: 1; background-position: left; background-repeat: no-repeat; opacity: 0.2; width: 100%; height: 100%;}
 }

@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;
}
}