* {
    font-family: 'Montserrat';
}
.card-login .bg-gray-100,.card-alta .bg-gray-100{
    background-color: transparent;
}
.select2-container{
    max-width: 100% !important;
}
.select2-container .select2-selection--single{
    height: calc(1.6em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;    
}

.select2-container .select2-selection--single span b{
    margin-top: 4px !important;
    border-width: 5px;
}
#dialog-message{
    top: inherit !important ;
    width: 80%;
    margin: auto;
    padding: 10px;
}
.oculto{
    display: none;
}
.layout-logo{
    padding: 20px 0px;
}
.layout-logo img{
    margin: 0px auto;
}
.layout-logo .bg-gray-100{
    background-color: transparent !important;
}
.title-login{
    font-family: 'Montserrat';
    font-size: 42px;
    font-weight: 900;
    color: #008d93;
}
.title-firstaccess{
    font-family: 'Montserrat';
    font-size: 24px;
    font-weight: 900;
    color: #008d93;
    margin-top: 75px; 
}
.btnlogin{
    padding: 12px 119px 11px;
    border-radius: 6px;
    background-color: #008d93;
    color: #fff;
    margin: 20px auto 10px auto;
}
.btnalta{
    padding: 12px 0px;
    border-radius: 6px;
    background-color: #008d93;
    color: #fff;
    margin: 20px auto 5px auto;
    justify-items: center;
    display: grid;
}
.card-login,.card-alta{
    background-image: url('/assets/fondologin.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 2rem;
    padding-bottom: 2rem;
    min-height: calc(100vh - 150px);
}
.card-login > div > div{
    margin-left: 28rem;
}
.card-alta > div > div{
    margin-left: 28rem;
    max-width: 48rem;  
}
.footer-login,footer{
    padding: 20px 0px;
    text-align: center;
}
.footer-login a,footer a{
    margin: 0px 10px;
    color: #5a5a5a;
    font-size: 12px;
}
.card-login input,.card-alta input{
    padding: 5px 10px;
    border:1px solid  #000;
    width: 100%;
}
.error-login{
    font-size: 8px;
    color: #f00;
    text-align: right;
    width: 100%;
    display: block;
}
.error-logint{
    font-size: 8px;
    color: #f00;
    text-align: right;
    width: 100%;  
}
.card-login form,.text-resetpass,.card-alta form{
    padding: 0px 50px;
}
.brojo{
    border:1px solid #f00 !important;
}
.crojo{
    color: #f00 !important;
}
.title-resetpass{
    font-family: 'Montserrat';
    font-size: 27px;
    font-weight: 900;
    color: #008d93;
    margin-top: 15px;
    margin-bottom: 19px;
}
.instructions{
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 300;
    color: #008d93;
}
.menupc{
    width: 100%;
    align-items: center;

}
.border-image{
    width: 100%;
    height: 13px;
}
main{
    background-color: #fff;
}
.centrar1{
    margin: 0px 20px 0px auto;
}
.centrar2{
    margin: 0px auto 0px 20px;
}
footer{
    border-top: 3px solid #008d93;
}
.bordertop{
    border: none;
    border-top: 1px solid #979797;
    border-radius: 0px;
}
.title-listado{
    font-family: 'Montserrat';
    font-size: 34px;
    letter-spacing: 0.41px;
    color: #008d93;
    font-weight: 600;
    margin-top: 75px;
}
.dataTable > tbody > tr:nth-child(odd) > td,
.dataTable > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}
.dataTable tr td,.dataTable tr th{
    font-family: 'Montserrat';
    font-size: 10px;
    color: #5a5a5a;
    text-align: center;
    border-bottom: solid 1px #979797 !important;
}
.dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate{
    font-size: 12px;
}
table.dataTable thead th, table.dataTable thead td,.dataTables_wrapper.no-footer .dataTables_scrollBody{
    border-bottom: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    border: none;
    background: #fff;
}
/*Contacto*/
.form-contact{
    padding-right: 50px;
}
.form-contact div{
    padding: 10px 0px;
}
.text-contact{
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 600;
    color: #008d93;
    
}
.text-contact p{
    padding: 10px 0px;
}
#btnBrand{
    background-color: #008d93;
    color: #fff;
    padding: 12px 125px 11px 126px;
    margin-top: 30px;
}
.custom-p{
    padding: 5px 130px;
}
.colorbtn button,.btncolor{
    background-color: #008d93;
}
.label-incentive label{
    font-family: 'Montserrat';
    font-size: 12px;
    color: #5a5a5a;
    padding-top: 10px;
    font-weight: normal; 
}
.tabdefault button{
    background-color: #d8d8d8;
    font-family: 'Montserrat';
    font-size: 12px;
}
.tabdefault button.active{
    background-color: #f6f6f6;
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #5a5a5a;
    border-color: #f6f6f6;
}
.tabdefault button.active:hover{
    border-color: #f6f6f6;
    color: #5a5a5a;
}
.legend-1{
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #008d93;
}
.title-1{
    font-family:'Montserrat';
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #008d93;

}
.custom-btcolor{
    border-top: 1px solid #008d93;
}
.custom-bbcolor{
    border-bottom:1px solid #008d93;
}
.custom-border-color{
    border-color: #008d93;
}
.labels-form{
   font-family: 'Montserrat';
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.17px;
  color: #000; 
}
#incentives_bloque form{
    border: 0px !important;
    background-color: transparent !important;
}
.text-bloque{
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #5a5a5a;
}
.custom-color{
    color: #008d93;
}
.custom-bgcolor{
    background-color: #008d93;
}
.labels-list{
    font-family: 'Montserrat';
    font-size: 8px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #5a5a5a;
}
.selector-custom .select2,.selector-custom .select2 span,.selector-custom .select2 #select2-status-container{
    height: 26px;
    line-height: 22px;
}
.selector-custom .select2 .select2-selection,.selector-custom .select2 .select2-selection__arrow{
    padding: 0px;
    line-height: 22px;
}
.selector-custom .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: -5px;
}
.select-popup .select2-container{
    width: 100% !important;
    height: 42px;
}
.select-popup .select2-container .select2-selection{
    border-radius: 12px;
    border: 1px solid #6b7280;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    height: 42px;
}
#form-modal .select-popup .select2-container .select2-selection,#formcomercial .select-popup .select2-container .select2-selection{
    font-size: 10px;
    height: 31px;
}
#form-modal .select2-container--default .select2-selection--single .select2-selection__arrow,
#formcomercial .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: -4px;
}
#form-modal .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 15px;
}
.border-blackc{
    border-color: #000 !important;
}
.custom-family{
    font-family: 'Montserrat' !important;
}
#listado-usuarios_wrapper .dt-buttons{
    float: right;
}
#listado-usuarios_wrapper #listado-usuarios_filter{
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}
#listado-usuarios_wrapper #listado-usuarios_filter input{
    padding-top: 0px;
    padding-bottom: 0px;
}
.font-register{
    color: #40bd0a;
}
#listado-solicitudes_filter,#listado-solicitudes-beneficiary_filter{
    display: none;
}
.card-alta > div , .card-login > div{
    min-height: calc(100vh - 250px) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background-color: #fff !important;
    background: #fff !important;
    border: 0px;
    color: #000 !important;
    font-weight: bold;
}
#publicity,#policy{
    width: 9px !important;
    float: left;
    margin-top: 0;
    margin-right: 5px;
}
#label_publicity,#label_policy{
    font-size: 9px;
    width: calc(100% - 20px);
    float: left;
}
.filter {
  outline: none;
  padding: 5px;
  border: 1px solid #000;
  border-radius: 10px;
}

.placeholder {
  position: relative;
  left: 10px;
  top: -50px;
  background-color: white;
  padding: 0 10px;
}
.placeholder2{
  position: relative;
    left: 10px;
    top: 15px;
    background-color: white;
    padding: 0 10px;
    width: fit-content;
}
.custom-label{
  position: relative;
  left: 15px;
  top: 14px;
  background-color: white;
  padding: 0 10px;
  width: fit-content;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.75;
  color: #000;
}
.info-canje ol{
    list-style: symbols;
}
.info-canje li,.cond-generales li{
    padding: 5px 0px;
}
.cond-generales ul{
    list-style: inherit;
}
.border-10{
    border-radius: 10px;
}
.menupc .centrar2 a{
    font-size: 14px;
    font-weight: 600;
}
.custom-width{
    width: 940px;
}
.custom-width2{
    width: 1200px;
}
.dropzone .dz-message{
    margin: 14px 0px;
}
#form-incentives .select2-container .select2-selection--single,
#form-beneficiary .select2-container .select2-selection--single,
#form-incentives input,#form-beneficiary input{
    border: 1px solid #979797;
    height: 27px;
    color: #000;
    font-size: 14px;
    border-radius: 0px;
}
#form-beneficiary .checkbox-custom{
    color: #008d93;
    height: 15px;
    border-radius: 25px;
}
#form-incentives .select2-container--default .select2-selection--single .select2-selection__rendered,
#form-beneficiary .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 15px;
    color: #000;
}
#form-incentives .select2-container--default .select2-selection--single .select2-selection__arrow,
#form-beneficiary .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: -5px;
}
.input-wrapper {
  position: relative;
  width: 160px;
  text-align: right;
}
.input-icon {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 120px;
  top: 65%;
  transform: translateY(-50%);
}
.input-wrapper input,.selector-listado .select2-selection{
    background-color: rgba(236, 162, 106, 0.1);
    font-size: 8px;
    height: 19px !important;
    border: 0px;
    border-radius: 0px;
}
#listado-solicitudes_wrapper table thead th,#listado-solicitudes-beneficiary_wrapper table thead th{
    font-size: 10px;
    color: #5a5a5a;
}
table.dataTable tbody td,table.dataTable thead th{
    padding: 5px;
}
table.dataTable thead th{
    padding-right: 10px;
}
.selector-listado #select2-solicitude_status-container{
    height: 17px;
    line-height: 19px;
}
.selector-listado,.selector-listado .select2-container{
    height: 15px;
}
.select2-results{
    font-size: 10px;
}
.selector-listado .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 18px;
}
#btnnewadmin,#btnnewcommercial,.btn-validated{
    font-size: 8px;
    font-weight: normal;
    height: 17px;
    width: 140px;
}

#listado-usuarios_filter input{
    height: 17px;
    background-color: rgba(236, 162, 106, 0.1);
    border: 0px;
    font-size: 8px;
    width: 140px;
    border-radius: 0px;
    background-image: url('/assets/searching-1.png');
    background-repeat: no-repeat;
    background-position: 120px 2px !important;
}
.popup-width{
    width: 620px;
}
.label-popup{
    position: relative;
    left: 10px;
    top: 10px;
    background-color: white;
    padding: 0 10px;
    width: fit-content;
    z-index: 10;
    font-size: 10px;
}
.text-custom{
    font-size: 10px;
}
input.text-custom{
    height: 31px;
}
.custom-button{
    width: 220px;
}
.custom-popup-w{
    width: 780px;
}
#form-beneficiary #solicitude_search{
    border: 0px;
    font-size: 10px;
}
.position-c{
    position: relative;
    top: -10px;
}
#dialog-commercial .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 12px;
}
.border-custom-color{
    border-color: #979797;
}
.custom-text-saldo{
    font-size: 7px;
}
.saldo_block{
    padding: 5px 10px;
    margin: 6px 6px 6px 0px;
    
}
.saldo_block strong{
    color: #008d93;
}
.select-importe .select2-selection{
    border-radius: 10px;
    border-color: #000;
}
.custom-width-product{
    width: 460px;
}
.custom-width-button{
    width: 436px;
}
.customw-button{
    width: 300px;
}
.custom-bg{
    background-color: #63b40e;
}
.product_logo img{
    max-width: 100px;
    max-height: 22px;
}
.product_image{
    width: 460px;
    height: 141px;
}
.producto-image{
    width: 223px;
    height: 68px;
}
.prodcuto-logo{
    max-width: 50px;
    max-height: 10px;
}
#listado-solicitudes-beneficiary_wrapper div.dt-buttons{
    float: right;
}
#listado-solicitudes-beneficiary_wrapper button{
    top: -30px;
}
.acciones-full{
    display: block;
}
.acciones-mobile{
    display: none;
}
#homecaducado{
    width: 620px; 
    height: 130px;
    margin: 20px auto; 
    padding: 27px 125.5px; 
    background-color: rgba(0, 141, 147, 0.2); 
    font-size: 12px;
}
@media screen and (min-width: 640px) and (max-width: 1200px){
    .custom-width2,.custom-width{
        width: 100%;
    }
}
@media screen and (max-width: 640px){
    .form-contact,.text-contact,.custom-p{
        padding: 0;
        
    }
    .form-contact div, .text-contact p{
        width: 100%;
    }
    .colsmobile{
        grid-template-columns: auto;
        padding: 5px;
    }
    .custom-width,.custom-width2{
        width: 100%;
    }
    .popup-width{
        width: 100%;
    }
    .custom-width-product{
        width: 100%;
    }
    .card-login > div > div{
        margin: 5px;
    }
    .card-login form, .text-resetpass, .card-alta form{
        padding: 0px;
    }
    .centrar1{
        margin: 0px 10px;
    }
    .customw-button{
        width: 100%;
    }
    .labels-form{
        font-size: 12px;
    }
    .custom-hidden{
        display: none;
    }
    .input-wrapper{
        width: 60%;
    }
    .input-icon{
        left: 100px;
    }
    .custom-width-button{
        width: 100%;
    }
    #listado-usuarios_wrapper .dt-buttons{
        float: right !important;
    }
    .pad-2{
        padding: 8px;
    }
    .cwidthr{
        width: 100%;
    }
    .product_image,.producto-image{
        width: 100%;

    }
    .producto-image{
        height: 141px;
        background-size: cover !important;
    }
    .custom-gap{
        gap: .5rem;
    }
    .acciones-full{
        display: none;
    }
    .acciones-mobile{
        display: block;
    }
    #listado-solicitudes-beneficiary_wrapper button{
        left: 100px;
    }
    .btnmobile{
        text-align: center;
    }
    .btnmobile button{
        margin: 10px auto;
    }
    #dialog-message{
        width: 100%;
    }
    #homecaducado{
        width: 100%;
    }
}