@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');
body{
  padding-right: 0px !important;
}

.cabecera{
  background: #ccd1d6;
}

.help-block{
    margin-bottom: 0px;
    font-size: 12px;
    margin-top: 0px;
}

p,form{
    margin-bottom: 0px;
}

.modal-header{
  background: #1e6cb6;
  color:white;
}

.modal-header .close {

    color: white;
}

.control2{
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
  height: 27px;
  width:100%;
  background-color: #d9f2fa;
  text-align: left
}

.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover{
  color: #fff5f5;
  background: #bfb9b9;
}

.dataTables_empty{
  text-align: center;
}

.btn-small{

    padding-left: 4px;
    padding-right: 4px;
  float:left;
}

.btn-small-vertical{
    padding-top: 4px;
    padding-bottom: 4px;
}

ul.ui-autocomplete {
    z-index: 1100;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.style-table{
  font-size: 12px;  
}

.style-th{
  text-align: center;   
  border-top: 1px solid #000 !important;
  border-left: 1px solid #000 !important;
  border-bottom: 5px solid #000 !important;
  border-right: 1px solid #000 !important; 
  vertical-align: middle !important; 
}

.style-td-special{
  padding: 2px;
}

.style-td-totals{
  border-top: 3px double #000000 !important;
  /*border-top: 1px solid #000 !important;*/
  text-align: right;
  font-weight: 700; 
}

.style-tr-cab{
  background-color:#e5e6ed !important;
  font-weight: 700;
}

#journalList a{
    cursor: pointer;
}

#journalListAll a{
    cursor: pointer;
}

#journalView a{
    cursor: pointer;
}

#journalView td{
    padding: 0px 2px 0px;
    
}

#journalView input{
    border: 0px;
}


#journal td{
    padding: 0px;
}

#journal input{
    border: 0px;
}

#loading{
  top: calc(25% - 24px);
  left: calc(30% - 24px);
}

.loader{
  background-image: url("../imagenes/loader.gif"); /* The image used */
  background-position: center; /* Center the image */
  background-repeat: no-repeat;
  height: 100%;
}

.login-block{
  background: white;  
  width:100%;
  padding : 25px 0; 
  height: 100%; 
  margin:0 auto
}

#login{
  float:right;
  color: #fff;
}
.banner-sec{
  padding: 50px 30px; 
  position:relative;
  text-align: center;
  vertical-align: middle;
}

.border_login{
  background:#fff; 
  border-radius: 10px; 
  box-shadow: 5px 5px 5px 5px #1e6cb6;
  padding-left: 15px;
  padding-right: 15px;
}

.login-sec{
  padding: 50px 30px; 
  position:relative;
}

.login-sec .copy-text{position:absolute; width:80%; bottom:20px; font-size:13px; text-align:center;}
.login-sec .copy-text i{color:#FEB58A;}
.login-sec .copy-text a{color:#E36262;}
.login-sec h2{margin-bottom:30px; font-weight:800; font-size:30px; color: #DE6262;}
.login-sec h2:after{content:" "; width:100px; height:5px; background:#FEB58A; display:block; margin-top:20px; border-radius:3px; margin-left:auto;margin-right:auto}
.btn-login{background: #DE6262; color:#fff; font-weight:600;}
.banner-text{width:70%; position:absolute; bottom:40px; padding-left:20px;}
.banner-text h2{color:#fff; font-weight:600;}
.banner-text h2:after{content:" "; width:100px; height:5px; background:#FFF; display:block; margin-top:20px; border-radius:3px;}
.banner-text p{color:#fff;}


.ui-state-disabled{
  background:#fff;
  color: #000000 !important;
  font-weight: bold;
}

.label{
  color: red;
  font-weight: bold;
  font-size: 16px;
}

#hr_vertical{
  border:         none;
  border-left:    1px solid hsla(200, 10%, 50%,100);
  height:         100vh;
  width:          1px;

    margin-left: 0px !important;

}

.seccion_left{

    padding-left: 0px;
    padding-right: 0px;
    text-align: left !important;
}


.seccion_right{

    padding-left: 0px;
    padding-right: 0px;
    text-align: left !important;
}

.seccion_left_p{

    padding-left: 0px;
    padding-right: 10px;
    z-index: 1;
}


.porcentaje{

    padding-right: 5px;
    padding-left: 5px;
    width: 40px;
    float: left;
}

.input-porcentaje{
    padding-right: 5px;
    padding-left: 5px;
}

.input-group-addon{

    padding-left: 2px;
    padding-right: 2px;

}

.money{

    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
}

@media (min-width: 1000px) {
  .seccion_left_r{

    padding-left: 0px;
    padding-right: 15px;
}
.seccion_left_i{

    padding-left: 0px;
    padding-right: 15px;
  }
  .s_left{
    border-right: 1px solid #afa4a4; 
    margin-bottom: 20px;
    text-align: right !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .s_right{
    padding-left: 30px !important;
    padding-right: 0px !important; 
  }
}

.s_left{
    margin-bottom: 20px;
    text-align: right !important;
    padding-left: 30px;
    padding-right: 30px;
  }

.s_right{
    padding-left: 30px;
    padding-right: 30px;
  }

.signo{height:20px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px; text-align: center;}

.label-signo{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.currency{
  padding-left: 7px;
  padding-right: 7px;
}

.open>.dropdown-menu{
            max-width: 350px !important;
        }

.dt-body-right{
  text-align: right !important;
}

.dt-body-left{
  text-align: left !important;
}

.dt-body-center{
  text-align: center !important;
}

/*estilosañadidos*/

.inputNumber{
  min-width: 100px;
  font-size: 12px;
  text-align: right;
}

.displayRows{
  cursor: pointer;
}
.fa-minus-circle{
  color: red;
  font-size: 20px;
  text-shadow: 1px 1px 1px #272634;
}

.fa-plus-circle{
  color: green;
  font-size: 20px;
  text-shadow: 1px 1px 1px #272634;
}

.td-major{
  font-weight: bold;
  font-size: 14px;
}

.optionHidde:hover{
  background-color: #B8E1F8;
}

.mothTable{
  text-align: right;
}

.checkboxcont {
  /*display: block;*/
  position: relative;
  padding-left: 22px;
  padding-right: 10px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkboxcont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkboxcont:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxcont input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkboxcont input:checked ~ .checkmark:after {
  display: block;
}


/* Style the checkmark/indicator */
.checkboxcont .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 782px) {

  .seccion_left_r{
    padding-left: 15px;
    padding-right: 15px;
  }
  .seccion_left_i{

    padding-left: 0px;
    padding-right: 0px;
  }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
    .home_btn_circle, .dashboard_btn_circle{
      top: 2% !important;
    }
    .log_into_system{
      width: 200px;
      margin: 10px;
    }
    .seccion_left_p{
      margin: 10px;
    }
    .secondLiOpt a{
      color: white;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      /*border-color: none;*/
    }
    .dropdown-menu>li>a {
      /*color: white !important;*/
    }
    .secondLiOpt > ul, .liexcept > ul{
      left: 0;
      right: 0;
      margin: auto;
      /*text-align: center;*/
      color: #ECE8E8;
    }
}

.navbar-default .navbar-nav > li > a{
  color: #000000;
}

.navbar-default .navbar-nav > li > select{
  /*margin-top: 10px !important;*/
}

@media (max-width: 782px) {
  .navbar-default .navbar-nav > li > select{
    width: 80% !important;
    margin: 0 10%;
  }

  .navbar-default .navbar-nav > li > select{
    width: 80% !important;
    margin: 0 10%;
  }

  .navbar-default .navbar-nav > li {
    text-align: center;
  }
}


@media(min-width: 783px){
  .selectmenu{
    /*width: 300px !important;*/
  }

  .selectmenu1{
    /*width: 200px !important;*/
  }
}

.sidenavbar{
  position: absolute !important;
  float: left;
  margin-top: 20px !important;
  margin-left: 5px;
  z-index: 1050;
}

.sidenavbar > i{
  font-size: 20px;
}

.navbar-default .navbar-nav > li > select{
  font-size: 13px;
}

.navbar-nav > li > a.dropdown-toggle{
  padding-left: 15px !important;
  padding-right: 15px !important;
}

@media (min-width: 783px){
  .navbar-center , .secondnavbar {
    width: 100%;
    text-align: center !important;
  }

  .navbar-center > li , .secondnavbar > li {
    float: none;
    display: inline-block;
  }
  .navbar-nav > li.navbar-right {
    float: right !important;
  }

  .liexcept{
    /*float: none !important;*/
  }

}

@media (min-width: 1062px) {
    .secondnavbar {
      width: 100%;
      text-align: left !important;
      padding-left: 35px;
    }
    .liexcept{
      float: right !important;
    }

    .exiticon{
/*      padding-right: 50px;*/
    }
}


@media (min-width: 700px) {  
    #background{
        position:absolute;
        z-index:1;
        background:transparent;
        display:block;
        top:30%;
        left: 43%;    
        display:none;
    }
    .background_void{
        position:absolute;
        z-index:1;
        background:transparent;
        display:block;
        top:30%;
        left: 43%;    
        display:none;
    }
}

@media (max-width: 700px) {
   #background{
        position:absolute;
        z-index:1;
        background:transparent;
        display:block;
        top:30%;
        left: 40%; 
        display:none;    
    }
    .background_void{
        position:absolute;
        z-index:1;
        background:transparent;
        display:block;
        top:30%;
        left: 40%; 
        display:none;    
    } 
}

#bg-text
{
    color: #d9534f;
    font-size:120px;
}

.inputs_totales{
  text-align: left;
  border: none;
  width: 100%;
  background: transparent;
}

.bs-searchbox input{
  text-align: left;
}

.diff{
  color: red;
}

.linea{
  background: #afa4a4; 
  height: 1px;
  margin-top: 10px;
}

@media (min-width: 768px){
  .navbar-form .form-control {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
  }
}

.alert-light{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}
.alert-danger-personal{color:#a94442 !important;background-color:#fbc2cc !important;border-color:#ebccd1 !important;}

/*.borderCell > td{
  border-top: 1px solid black !important;
  border-left: 1px solid black !important;
  border-right: 1px solid black !important;
  border-bottom: 1px solid black !important;
  text-align: center;
  font-weight: bold;
}*/
.valStyle, .ValStyle{
  text-align: right;
}
.headTitle{
  font-weight: bold;
}
/**************************************/
.cleanIndIcon{
  position: absolute;
  top: 7px;
  right: -18px;
  cursor: pointer;
  /*font-size: 20px;*/
  /*color: red;*/
}
.cleanIndIcon:hover{
  /*font-size: 25px;*/
  /*top: 5px;*/
  /*right: -20px;*/
  /*color: red;*/
}
/*style to panel scrollable*/
.scrollable-panel{
  max-height: 350px;
  overflow-y: scroll;
}
.nobold{
  font-weight: 100;
}
.td-breakline{
  word-break: break-all;
  max-width: 300px;
}
.head-option{
  margin: 5px 0 10px 0;
}
@media (max-width: 767px){
  .labelform{
    text-align: left;
  }
}

.cleanIndIconS{
  position: absolute;
  top: 7px;
  right: -18px;
  cursor: pointer;
}
#journal td{
  border-right-width: 1px !important;
  border-color: #8C8C8C !important;
}

#tableRes td{
  /*border-bottom: 1px solid black !important;*/
  /*border-right: 1px solid black !important;*/
  /*border-left: 1px solid black !important;*/
  /*border-right-width: 1px !important;*/
  /*border-color: #8C8C8C !important;*/
}

.tdtable{
  font-size: 14px;
  text-align: center !important;
}

#journal tr:not(:first-child):hover td{
  background-color: #ADD6D9;
}

#journal tr:not(:first-child):hover td input{
  background-color: #ADD6D9;
}

.alert-info p.text-right a{
  color: #FFFFFF;
}

.bordertablereport td{
  border: 1px solid #D1D1D1 !important;
  background-color: #F4F4F4;
}

.reportTable td{
  border: 1px solid #E7E7E7;
}

.imagepanel{
  min-height: 200px;
  max-height: 200px;
  /*border: 2px solid red;*/
}

.img-style{
  max-height: 180px;
}

.customfooter{
  background-color: #FFFFFF;
  padding-top: 20px;
  padding-bottom: 20px;
}

.errorMsg{
  color: #D34848;
  font-size:12px;
}

/*.bordertablereport td{
  border: 1px solid #666666 !important;
}*/

.reportTable td{
  border: 1px solid #E7E7E7;
}

.style-td-money{
  border-bottom: 1px solid #000000 !important;
  text-align: center;
  font-weight: 700; 
}

.cleanIndIconF{
  position: absolute;
  top: 7px;
  right: -18px;
  cursor: pointer;
}
.own-table{
  border-collapse: collapse;
  width: 100%;
  /*height: 50px;*/
}
.own-table td{
  height: 30px;
  padding: 1px 5px 1px 5px;
}
.own-table-bordered td{
  border: 1px solid #E9E9E9;
}

.own-table thead th{
  height: 30px;
}

.own-table-border-limit td{
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  padding: 8px 0 8px 0 !important;
}

.own-table-striped tr:nth-child(even){
  background-color: #f2f2f2;
}
.own-table > tbody > tr:hover{
  background-color: #c5cef7 !important;
}

.lineacabecera{
  font-weight: bold;
}
.backgroundColor{
  background-color: #FFFFFF !important;
}
/*estilos para formularios*/
/*estilos similar journal*/
/*.btn-group button{
  border: 1px solid #D8D6D6;
  border-radius: 6px;
  margin: 2px;
}*/

.checkSection{
  background-color: #e8e8ae;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 3px;
  height: 300px;
  min-height: 300px;
  max-height: 300px;
  width: 800px;
  border: 1px solid #C8CA88;
}

.checkcontainer{
  overflow-x: scroll;
  overflow-y: scroll;
  min-height: 300px;
  max-height: 300px;
  margin-top: 10px;
}

.checklogo{
  max-height: 30px;
  margin-top: 3px;
  margin-left: 5px;
  margin-bottom: 3px;
  margin-right: 5px;
}

.labelCheck{
  margin-top: 10px;
  color: #004BE3;
}

.numcheck{
    /*padding*/
    text-align: right;
}

.numcheckcontainer{
  margin-top: 8px;
}

.legendContainerCheck{
  font-size: 10px;
  text-align: center;
  margin-left: 70px;
  font-weight: bold;
  line-height: 10px;
}

.labelgivemoneyto{
  font-size: 10px;
  line-height: 10px;
}

.inputgivemoneyto{
  min-width: 470px;
  width: 470px;
  border: transparent;
  border-bottom: 1px solid black;
  text-align: right;
}

.inputgivemoneyto2{
  width: 100px;
  min-width: 1px;
  border: transparent;
  border-bottom: 1px solid black;
  text-align: right;
}

.detailmoneytext{
  min-width: 632px;
  width: 632px;
  border: transparent;
  background-color: transparent;
  border-bottom: 1px solid black;
  text-align: right;
}

.tableheader{
  background-color: #ddd;
}
.th-header {
  border: 1px solid #999999 !important;
  text-align: center;
}

.tbodyclass{
  background-color: #d9f2fa;
}
.tr-tbody{
  text-align: center;
}

.tbodyclass td{
  font-size: 14px;
}

.inputInTable{
  background-color:transparent;
  border: 0px;
  width: 100%;
}

.inputMoney{
  text-align: right;
}

.icon-search{
  padding-top: 4px !important; 
  padding-bottom: 4px !important;
}

.col-md-2 > .form-group > .input-group > .input-group-addon:hover{
  cursor: pointer;
  background-color: #BABABA;
}

/*estilo para el logo de anulado*/
.void_logo_container{
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}
.void_logo_img{
  width: 131px;
}

@media (max-width: 1517px){
  .secondcontentLine{
    width: 592px;
  }
  .thirdcontentLine{
    width: 476px;
  }
}

@media (min-width:1200px) and (max-width: 1441px) {
  .firstcontentLine{
    width: 18%;
  }
  .transformline{
    /*width: 100%;*/
  }
  .secondcontentLine{
    width: 35%;
  }
  .thirdcontentLine{
    width: 476px;
    float: right;
  }
}

@media (max-width:1199px){
  .secondcontentLine{
    /*width: 100%;*/
    padding: 0 !important;
  }
  .thirdcontentLine{
    /*width: 100%;*/
    padding: 0 !important;
  }
}

@media (max-width:1199px){
  .firstcontentLine{
    width: 199px;
  }
  .secondcontentLine{
    width: 351px;
  }
  .thirdcontentLine{
    width: 450px;
    float: right;
  }
}

@media (min-width: 1000px) and (max-width: 1515px){
  .secondcontentLine{
    width: 36%;
  }
}

@media(min-width: 973px) and (max-width: 1109px) {
  .firstcontentLine{
    width: 172px;
    padding: 0 !important;
  }
  .thirdcontentLine{
    width: 450px;
  }
}
@media(max-width: 1127px) {
  .firstcontentLine,.secondcontentLine, .thirdcontentLine{
    width: 100%;
    padding: 5px 0 5px 0 !important;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .thirdcontentLine #numType{
    width: 100% !important;
  }
}

.mensaje_intro{
  text-align: right !important;
  margin-bottom: 0px;
  color: #636060;
  font-size: 10px;
}

.tdTotals{
  border-top: 2px solid black !important;
  border-bottom: 2px solid black !important;
}

.valStyle{
  text-align: right;
}
.headTitle{
  font-weight: bold;
}

.tdCenter{
  text-align: center;
}

.tdRight{
  text-align: right;
}

.boldLine{
  font-weight: bold;
}

.singleLine{
  border-bottom: 2px solid #000000;
  border-top: 2px solid #000000;
}

.doubleLine{
  border-top: 3px double black !important;
  border-bottom: 3px double black !important;
}

.lineSeparator{
  border-top: 2px solid #DEDEDE;
}


/*bank recon*/
.clickBtn:hover{
  cursor: pointer;
}

.bannerStyle{
  background-color: #F7F7F7;
  margin: 10px 5px 10px 5px;
  padding: 5px 5px 5px 5px;
  border-radius: 5px;
}

.boxOptions{
  background-color: white;
  border: 1px solid #EFEAEA;
  border-radius: 3px;
  padding: 10px 5px 10px 5px;
  margin-bottom: 30px;
  margin-top: 4px;
}

.diffColor{
  background-color: #AEDCFF;
}
.whiteColor{
  background-color: #FFFFFF;
}

/*estilo spinner*/
.setSpinner{
  position: relative;
  right: 20px;
  top: 2px;
  float: right;
}

.modalTable td{
  height: 20px;
  padding: 0px 5px 0px 5px !important;
  font-size: 13px;
}

.verticalSep{
  border-left: 1px solid #D9D9D9;
}
@media (max-width: 991px){
  .verticalSep{
    border-left: 1px solid transparent;
  }
}

.style-th2{
  text-align: center;   
  border-bottom: 1px solid #000 !important;
  border-right: 1px solid #000 !important;
  border-left: 1px solid #000 !important;
  border-top: 1px solid #000 !important;
  vertical-align: middle !important;
}

.sectionForm{
  margin: 5px 0 5px 0;
}
.sectionForm{
  text-align: right;
}
/*media bank reconciliation*/
@media(max-width: 1420px) {
  .fourth_section input{
    margin-left: 10px !important;
  }
}

@media(max-width: 1288px) {
  .fourth_section input{
    margin-left: 1px !important;
  }
  .firstdiv .col-md-6{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media (max-width: 1321px) {
  .nineth_section div input{
    width: 200px !important;
  }
  .eighth_section div select{
    width: 200px !important;
  }
}

@media (max-width: 1198px) {
  .sectionForm input{
    width: 150px !important;
  }
  .sectionForm select{
    width: 150px !important;
  }
  .fifth_section , .third_section , .sixth_section{
    /*el problema*/
    /*width: 300px;*/
    /*float: right;*/
  }
  .first_section , .second_section , .fourth_section{
    /*el problema*/
    /*width: 350px;*/
  }
}

@media (max-width: 1171px){
  .nineth_section div input{
    width: 180px !important;
  }
  .eighth_section div select{
    width: 180px !important;
  }
}

@media (max-width: 1220px){
  .firstdiv .col-md-6{
    /*width: 100px !important;*/
  }
}


@media (max-width: 1115px){
  .verticalSep {
    padding-left: 0px !important;
    padding-right: 0px !important;
    float: right;
  }

  .nineth_section div input{
    width: 160px !important;
  }
  .eighth_section div select{
    width: 160px !important;
  }

  .verticalSep{
    /*width: 288px !important;*/
  }

  .second_section input , .fourth_section input{
    width: 113px !important;
  }

/*  .firstdiv .col-md-6{
    margin-left: px !important;
    margin-right: px !important;
  }*/

  .fifth_section , .third_section , .sixth_section{
    /*width: 300px;*/
    /*float: right;*/
  }
}

@media (max-width: 1195px){
/*fifth_section
second_section
third_section
fourth_section
sixth_section
seventh_section
eighth_section
nineth_section*/
  .first_section, .second_section, .fourth_section{
    /*padding-right: 10px;*/
  }
  .fifth_section , .third_section , .sixth_section{
    /*padding-left: 10px;*/
  }

  .fourth_section input{
    width: 97px !important;
  }
}

/*@media (max-width: 1114px){
  .first_section {

  }
}*/

/*1036*/

@media (max-width: 1036px){
  .first_section select ,.fifth_section input,.second_section input,.third_section input,.fourth_section input,.seventh_section input,.eighth_section div select, .eighth_section div,.nineth_section div input, .nineth_section div{
    width: 100% !important;
  }
  .first_section  ,.fifth_section ,.second_section ,.third_section ,.fourth_section ,.sixth_section ,.seventh_section ,.eighth_section ,.nineth_section {
    /*width: 100% !important;*/
    text-align: left;
  }

  .first_section, .fifth_section, .second_section, .third_section, .fourth_section, .sixth_section{
    padding-left: 10px;
    padding-right: 10px;
  }

  .sixth_section button{
    float: right;
    /*vertical-align: ;*/
    /*margin-bottom: 10px;*/
  }
  .sixth_section{
    margin-top: 30px;
  }
}

@media (max-width: 991px){
  /*.fifth_section select,.second_section input,.third_section input,.fourth_section input,.sixth_section input,.seventh_section input,.eighth_section input,.nineth_section input{*/
    /*width: 100% !important;*/
  /*}*/
  .seconddiv{
    padding-left: 10px;
    padding-right: 10px;
  }
  .eighth_section{
    width: 100% !important;
  }
}

@media (min-width: 1288px) and (max-width: 1312px){
  /*1292 - 1312*/
  .second_section input{
    width: 150px !important;
  }
  .third_section input{
    width: 170px !important;
  }
}

@media (min-width: 1199px) and (max-width: 1222px){
  /*1292 - 1312*/
  .second_section input{
    width: 150px !important;
  }
  .third_section input{
    width: 170px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px){
  .nineth_section .input-group, .eighth_section .input-group {
    display: inline-flex;
  }
}

@media (min-width: 1037px) and (max-width: 1051px){
  /*1292 - 1312*/
  .second_section input{
    width: 135px !important;
  }
  .third_section input{
    width: 135px !important;
  }
}

.loaderSaveModal{
  position: absolute;
  left: 0;
  right: 0;
  top: 136px;
  text-align: center;
  z-index: 1;
  display: none;
}

.btnBene{
  position: absolute;
  top: 8px;
  right: -14px;
}

.textrightinbig{
  float: right;
  padding-right: 14px;
  text-align: right;
}

#prevButtonAddBene{
  padding-top: 7px;
}

@media (max-width: 991px){
  .textrightinbig{
    float: left;
    text-align: left;
  }
  .btnBene{
    right: 16px;
  }
}

.cleanIndIconM{
  position: absolute;
  top: 7px;
  right: -18px;
  cursor: pointer;
}


/*desde el mes de mayo*/
.selecteditem{
  background-color: #EBB3B3 !important;
}

@media (max-width: 991px){
  .labelform{
    float: left;
  }
}

.errormessage{
  color: red;
  font-size: 12px;
  position: absolute;
  top: -16px;
}

.marginbtn{
  margin-right: 5px;
}

.labelStyleOp{
  font-size: 12px;
}

.myformgroup{
  margin-bottom: 5px;
}

.redBtn{
  padding: 7px;
}

.folderBtn{
  float: right;
}

.noaction{
  pointer-events: none;
}

.table-details tr th{
  font-size: 12px;
  text-align: center;
  padding: 0px !important;
  border-bottom: 1px !important;
}

.table-details tr td{
  padding: 1px 3px 1px 3px !important;
}

.table-details tbody tr td:first-child{
  font-size: 12px;
  text-align: left;
  line-height: 30px;
}

.tablevalue{
  background-color: transparent !important;
  border-color: transparent !important;
  pointer-events: none;
}

.sorticon{
  float: right;
  margin-right: 10px;
  cursor: pointer;
}

.spacing{
  padding-top: 15px;
  padding-bottom: 15px;
}

.alert-custom{
  color: #575756;
  background-color: #EAEAEA;
  border-color: #dfdedb;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2);
}

.custom-spinner{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 60px;
  color: #959595;
}

.panel-shadow{
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  /*padding: 20px;*/
  background-color: #FFFFFF
  border-radius: 5px !important;
}

.panel-shadow:hover{
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.card-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

@media (max-width: 782px){
  .custom-container{
    padding: 0px !important;
  }
  .homebtn{
    top: 0px !important;
  }
  .notification-container{
    padding-top: 15px !important;
    right: 70px !important;
  }
}

@media (min-width: 783px){
  .custom-container{
    padding: 0 120px 0 120px !important;
  }
}

.title{
    text-decoration: underline black;
  }
.medium{
    vertical-align: middle !important;
  }
.style-th-2{
    text-align: center;
    vertical-align: middle;
    height: 20px;
    border-top: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
  }
.margin{
     margin-bottom: 10px !important;
}

.style-th-profit{
  text-align: right;   
  border-top: 1px solid #000 !important;
  border-left: 1px solid #000 !important;
  border-bottom: 5px solid #000 !important;
  border-right: 1px solid #000 !important; 
  vertical-align: middle !important; 
  padding-right: 10px;
}

/*12-06-2020*/
.defaultShow{
  display: none;
}

.middleCheck{
  margin-top: 10px !important;
}

/*15-06-2020*/
.panel-custom .panel-heading{
  background-color: #D2D2D2;
}

/*23-06-2020*/
.roundedIcon{
  float: right;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

.graphstyle{
  height: 300px;
  /*border: 1px solid #EAEAEA;*/
  background: #fff;
  border-radius: 2px;
  /*display: inline-block;*/
  /*height: 300px;*/
  /*margin: 1rem;*/
  /*position: relative;*/
  /*width: 300px;*/
  /*box-shadow: 0 0px 1px rgba(0,0,0,0), 0 1px 1px;*/
  border: 1px solid #D6D6D6;
}
.headerccard{
  padding: 5px;
  border-left: 1px solid #EAEAEA;
  border-top: 1px solid #EAEAEA;
  border-right: 1px solid #EAEAEA;
  border-radius: 5px 5px 0 0;
}

/*06-07-2020*/
.customalert{
  text-align: center;
  background-color: #003b57 !important;
  border-radius: 13px;
  margin-top: 20px;
  font-size: 20px;
  color: white;
}

/*07-07-2020*/
.zoomicon{
  float: right;
}

.zoomicon:hover{
  cursor: pointer;
}

.modalgooglechart{
  height: 500px;
}

svg > g:last-child > g:last-child { pointer-events: none }
div.google-visualization-tooltip { pointer-events: none }

.noedited{
  resize: none;
}
/*06-07-2020*/
.verticalintable{
  vertical-align: middle !important;
}

.unselectable{
     background-color: #F2F2F2;
     pointer-events: none;
     cursor: not-allowed;
}

.campos_bbc{
  text-align:right;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

textarea{
  resize: none;
}

/*31-07-2020*/

.calendarClassBtn{
  margin-top: -13px;
  float: left;
  /*color: #FFFFFF;*/
  padding: 2px;
  /*border-radius: 12px;*/
  /*background-color: #4EBF1C;*/
  /*box-shadow: 1px 1px #888888;*/
}

.hiddenCalendarBtn{
  margin-top: -13px;
  float: right;
  /*color: #FFFFFF;*/
  padding: 2px;
  /*border-radius: 12px;*/
  /*background-color: #E13B3B;*/
  /*box-shadow: 1px 1px #888888;*/
}

.calendarClassBtn:hover,.hiddenCalendarBtn:hover{
  cursor: pointer;
  /*box-shadow: 5px 10px #888888;*/
}

.cleanSelect{
  position: absolute;
  right: 0px;
  margin-top: 6px;
  cursor: pointer;
}

.cleanInSelect{
  top: 0px;
}

.btnOp{
  padding-top: 7px;
  padding-bottom: 7px;
}

/*04-08-2020*/
.expiredTr{
  background-color: #FFC8C8;
}

.addBtnAcc{
  position: absolute;
  right: 40px;
  z-index: 999;
  top: 1px;
}

/*10-08-2020*/

.labelstyleclass{
  color: #286090;
  position: absolute;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #286090;
  background-color: white;
  padding: 2px 3px 0px 3px;
  text-align: center;
}

/*01-09-2020*/
#x{
  width: 75%;
}

#z{
  width: 25%;
}

.twoSelect{
  width: 100%;
}

@media(max-width: 782px){
  .seccion_left_p{
    width: 100%;
    z-index: 1;
  }
}

#seccion_payments table.dataTable th:nth-child(1) {
  width: 70px;
  max-width: 70px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payments table.dataTable td:nth-child(1) {
  width: 70px;
  max-width: 70px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payments table.dataTable th:nth-child(2) {
  width: 100px;
  max-width: 100px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payments table.dataTable td:nth-child(2) {
  width: 100px;
  max-width: 100px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payments table.dataTable th:nth-child(3) {
  width: 150px;
  max-width: 150px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payments table.dataTable td:nth-child(3) {
  width: 150px;
  max-width: 150px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payments table.dataTable th:nth-child(4) {
  width: 450px;
  max-width: 450px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payments table.dataTable td:nth-child(4) {
  width: 450px;
  max-width: 450px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payments table.dataTable th:nth-child(n+5) {
  width: 150px;
  max-width: 150px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payments table.dataTable td:nth-child(n+5) {
  width: 150px;
  max-width: 150px;
  word-break: break-all;
  white-space: pre-line;
}

/*10-06-2020 VP */

.nopointer{
  pointer-events: none;
}

.DTFC_LeftBodyLiner{
  overflow-x: hidden;
}

.DTFC_LeftHeadWrapper, .DTFC_RightHeadWrapper {
    z-index: 0;
}
 
.DTFC_LeftBodyWrapper, .DTFC_RightBodyWrapper {
    box-shadow: 0px 0px 1px 0px black;
}

/*.DTFC_LeftBodyWrapper {
box-shadow: 1px 0px 6px 0px #666;
}
.DTFC_RightBodyWrapper {
box-shadow: -1px 0px 6px 0px #666;
}*/

.fixcol_1{
  background-color: #ccd1d6;
}

.fixcol_2{
  background-color: #ccd1d6;
}

.table-header-report {
  border-collapse: collapse;
}
.table-header-report th {
  border: 1px solid black;
  text-align: center;
  font-size: 12px;
}

/*16-09-2020*/

.divseparator{
  border-left: 1px solid #e2e2e2;
}

@media (min-width: 992px) {
   .equal{  
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}
@media (max-width: 991px) {
  .divseparator {
    border-left: none;
    /*border-top: 1px solid #e2e2e2;*/
    /*border-top-width: 20px;*/
  }
}


/*22-09-2020*/

.treasuryl1{
  background-color: #B4D4FF;
  /*font-weight: bold;*/
  text-shadow: -0.06ex 0 black, 0.06ex 0 black;
}
.treasuryl2{
  background-color: #E7E7E7;
  /*font-weight: bold;*/
  text-shadow: -0.06ex 0 black, 0.06ex 0 black;
}
.treasuryl2 input , .treasuryl1 input{
  text-shadow: -0.06ex 0 black, 0.06ex 0 black;
}
.treasuryl3{
  background-color: #FFFFFF;  
}

.float-right{
  float: right;
}

.mb-4{
  padding-bottom: 4px;
}

/*23-09-2020*/

.noinput{
  background-color: transparent !important;
  border-color: transparent !important;
  color: black;
  -webkit-box-shadow: none !important;
  box-shadow: transparent !important;
}

.delRowBtn{
    position: absolute;
    left: -8px;
    margin-top: 2px;
}

.selectintd{
  width: 90% !important;
}

/*24-09-2020*/
.customTable td{
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

/*28-09-2020*/
.indentlvl1{
  padding-left: 2px !important;
}
.indentlvl2{
  padding-left: 7px !important;
}
.indentlvl3{
  padding-left: 12px !important;
}
.indentlvl4{
  padding-left: 17px !important;
}
.tdseparator{
  height: 5px !important;
}

.ml-4{
  margin-left: 4px;
}

/*30-09-2020*/
.btnInTd{
  /*position: absolute;*/
  text-align: center;
}

.notshow_row{
  display: none;
}

.widthval{
  width: 100px !important;
}

.boldtext{
  text-shadow: -0.06ex 0 black, 0.06ex 0 black;
}
.margin-top-bank{
  margin-top: 10px;
}

.check-mark{
  color: #000 !important;
}

/*06-10-2020*/
.float{
  position:fixed;
  width:40px;
  height:40px;
  bottom:20px;
  right: 15px;
  background-color: #1e6cb6;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:18px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover{
  background-color: #32A6FF;
  color: white;
}

/*.my-float{
  margin-top:12px;
}*/
/*2022-02-08*/
.my-float {
    margin-top: 6px;
}

.chat-container{
  position:fixed;
  /*width:40px;*/
  /*height:40px;*/
  bottom: 50px;
  right:5px;
  /*background-color: #1e6cb6;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:18px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;*/
  z-index: 100;
}
.chat-window{
  background-color: white;
  height: 100px;
  border: 1px solid #DDDDDD;
}
.chat-panel{
  height: 300px;
  background-color: #FFFFFF;
  /*border: 1px solid #C7C7C7;*/
  border-radius: 5px;
  overflow-y: scroll;
  padding-top: 0px;
  padding-bottom: 0px;
}

.chat-panel-format{
  color: #000000;
  background-color: #FFFFFF;
  border-color: #E6E6E6;
  box-shadow: 2px 2px 3px #999;
}
.chat-panel-format > .panel-heading{
  background-color: #FFFFFF;
  color: #585858;
  border: 1px solid #EAEAEA;
}

.chat-status-off{
  display: none;
}

/*08-10-2020*/
.chatweb_userlist{
  background-color: #C8E4F1 !important;
}
.emsgtime{
  font-size: 11px !important;
  color: #9B9B9B !important;
}

/*09-10-2020*/

.nrm_bubble{
  background-color: red;
  color: white;
  padding: 2px 5px 2px 5px;
  border-radius: 6px;
  font-size: 11px;
  height: 17px;
}

.nrm_bubble2{
  background-color: red;
  color: white;
  padding: 5px 7px 5px 7px;
  border-radius: 5px;
  font-size: 11px;
  height: 10px;
  margin: 5px;
}

.bubbleWrapper {
  padding: 10px 10px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-self: flex-end;
  color: #fff;
}
.inlineContainer {
  display: inline-flex;
}
.inlineContainer.own {
  flex-direction: row-reverse;
}
.inlineIcon {
  width:20px;
  object-fit: contain;
}
.right-bubble {
  min-width: 60px;
  max-width: 700px;
  padding: 14px 18px;
  margin: 6px 8px;
  background-color: #387175;
  border-radius: 16px 0px 16px 16px;
  /*border: 1px solid #443f56;*/
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 
}

.left-bubble {
  min-width: 60px;
  max-width: 700px;
  padding: 14px 18px;
  margin: 6px 8px;
  background-color: #405996;
  border-radius: 0px 16px 16px 16px;
  /*border: 1px solid #54788e;*/
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  
}
.own {
  align-self: flex-end;
}
.other {
  align-self: flex-start;
}
span.own,
span.other{
  font-size: 14px;
  color: grey;
}
.inputview{
  background-color: transparent;
  border: 0px !important;
  pointer-events: none;
  width: 100%;
}

/*22-10-2020*/
.center-navbar{
  text-align: center !important;
}

/*14-10-2020*/

.rdicon {
    position: absolute;
    left: -23px;
    color: #57c159;
    border: 1px solid #949494;
    background-color: azure;
    border-radius: 7px;
}

.admin-ident{
    position: absolute;
    font-size: 8px;
    color: white;
    background-color: #1d59bd;
    border-radius: 10px;
    padding: 2px;
    top: 2px;
    left: 10px;

}

.chat-li{
  padding: 20px;
  background-color: #FFFFFF;
}
.chat-li:hover{
  background-color: #B8D4EC;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.chat-list-msg{
  margin-bottom: 0px;
}
/*19-10-2020*/
.chat-main-panel{
  padding-top: 0px;
  padding-bottom: 0px;
  height: 400px;
  overflow-y: scroll;
}

.contact-list-item{
  border: 1px solid #E0E0E0;
  border-radius: 0px !important;
}

.contact-list-item:hover{
  background-color: #C3DEF4;
}

/*23-10-2020*/
[v-cloak] {
  display: none;
}

/*26-10-2020*/
.optMod{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.optMod:hover{
  background-color: #E9E9E9 !important;
  border-bottom: 3px solid #A9CBF4;
  margin-bottom: -5px;
  text-shadow: 0 0 0.01px black;
}

.secondLiOpt{
  padding-top: 5px;
  padding-bottom: 5px;
}

.float-crop{
  position:fixed;
  width:40px;
  height:40px;
  /*bottom:20px;*/
  top: 0px;
  right:5px;
  background-color: #1e6cb6;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:18px;
  box-shadow: 2px 2px 3px #999;
  z-index:9999;
}

.shortcut_screenshot{
  height: 40px;
  /*margin-left: 15px;*/
  /*margin-right: 15px;*/
}

.deletescreenshot{
  /*float: right;*/
  position: absolute;
  /*background-color: red;*/
  /*border-radius: 10px;*/
  /*color: white;*/
  font-size: 17px;
  /*padding: 3px;*/
  right: 0;
  cursor: pointer;
}

/*27-10-2020*/
.shortcut_screenshot:hover{
  background-color: #FF5F5F;
}

.img-responsive-height
{
  display: block;
  width: auto;
  max-height: 100%
  height: 100%;
}

.modal-screenshot{
  width: 1100px;
  /*height: 90%;*/
}

.linkcolor{
  color: #FFFFFF;
}

.linkcolor:hover{
  color: #FFFFFF;
}

.linkcolor:visited{
  color: #FFFFFF;
}

.linkcolor: active{
  color: #FFFFFF;
}

.modal-dialog-allscreen {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0px;
}

.modal-content-allscreen {
  height: 100%;
}
/*.modalcropper{
  padding-left: 0px !important;
}*/
.cropBtnAction{
  position: absolute;
    z-index: 9999;
    right: 0;
}

/*20-10-2020*/
.chatoptions{
  padding: 4px 4px 4px 4px;
  margin: 0px 2px 0px 2px;
}

.chatoptions:hover{
  color: #C4BDBD;
}

.chatoptiondelete{
  /*color: red;*/
  background-color: #ff3636;
  color: #FFFFFF;
}

/*10-11-2020*/

.disableElement{
  pointer-events: none;
  opacity: 0.6;
}

.checkedSignContainer{
  background-color: #318ddc;
  width: 35px;
  height: 35px;
  text-align: center;
  top: -7%;
  position: absolute;
  right: 0;
  border-radius: 50px;
}

.checkedSymbolSigned{
  margin-top: 20%;
  color: white;
  font-size: 20px;
}

/*12-11-2020*/
/*no-display*/
.no-display{
  display: none !important;
}

/*13-11-2020*/
.delete_files_btn{
  float: right;
}
.delete_files_btn:hover{
  background-color: #F56666;
  color: white;
}

/*16-11-2020*/
.cabecera2{
  font-size: 12px;
  text-align: center;
}
.cabecera2 > tr > th{
  text-align: center !important;
}

.mytable{
  font-size: 12px;
}
/*17-11-2020*/

.status_operation{
  background-color: #003b57;
  padding: 5px;
  color: white;
  font-weight: 600;
}

.delete_date , .create_date{
    background-color: #E9E9E9;
    color: #B1B1B1;
    padding: 2px;
    margin-top: -16px;
    border-radius: 3px;
    cursor: pointer;
}

.delete_date{
  float: right;
}

.create_date{
  float: left;
}

.delete_date:hover{
  background-color: #EB6565;
  color: white;
}

.create_date:hover{
  background-color: #3B6BC3;
  color: white;
}

/*19-11-2020*/

.nopointer1{
  pointer-events: none;
  opacity: 0.7;
}

/*20-11-2020*/
.little-label{
  font-size: 12px;
}

.espacioIzq{
  margin-left: 12px;
}

.checksigned{
  background-color: #5CA9F7;
  color: #FFFFFF;
  position: absolute;
  padding: 3px 2px 2px 2px;
  border-radius: 50%;
}

/*23-11-2020*/
.notification-color{
  background-color: #E22222;
}

/*24-11-2020*/
.overlay-image-chat{
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #6B6B6B;
  opacity: 0;
  text-align: center;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.overlay-image-chat:hover{
  opacity: 0.5;
}

/*.overlay-container:hover img{
  transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
}*/

.overlay-container{
  position: relative;
  cursor: pointer;
}

.icon-zoom{
  font-size: 25px;
  background-color: #ffffff;
  color: black;
  border-radius: 50%;
  padding: 5px 7px 5px 7px;
}

/*25-11-2020*/

.break-all{
  word-break: break-all;
}

/*30-11-2020*/
.relative-container{
  position: relative;
}

.delete-icon{
  position: absolute;
  /*right: -1px;*/
  font-size: 15px;
  color: black;
}

.delete-icon:hover{
  color: white;
  background-color: red;
  cursor: pointer;
  padding: 1px;
  text-align: center;
  border-radius: 25%;
  font-size: 12px;
}

.pdf-file{
  color: #FF3939;
}

.excel-file{
  color: #438142;
}

.doc-file{
  color: #3168E5;
}


.file_link{
  font-size: 10px;
  color: white;
}

.file_link:hover, .file_link:active , .file_link:visited , .file_link:focus{
  font-size: 10px;
  color: white;
}

.btn-noradius{
  border-radius: 0px;
}

.modal_custom {
  text-align: center;
  padding: 0!important;
}

.modal_custom:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog_custom {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.comment_time{
  font-size: 10px;
  color: #B6B6B6;
}

.remove_comment{
  float: right;
}
.remove_comment:hover{
  color: red;
  cursor: pointer;
}

/*02-12-2020*/

.owner_comment{
  background-color: #2f6290;
  border: 1px solid #4e4e4e;
  font-size: 12px;
  color: white;
  padding: 2px;
  border-radius: 5px;
}

/*03-12-2020*/

.hover_comment:hover{
  background-color: #efefef;
}


/*04-12-2020*/
/*.footer_checklist - #checklistentertable*/

.lock_panel_edit{
  pointer-events: none;
  opacity: 0.7;
  cursor: no-drop;
}

.btnCalendar{

  padding-top: 4px;
  padding-left: 14px;
  padding-right: 10px;

}


/*15-12-2020*/

.loading-list{
  text-align: center;
  color: #265bab;
  margin-top: 35%;
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
}

/*16-12-2020*/

#message_input{
  text-align: left;
}

/*chat*/
.sendText_btn{
  height: 54px;
}

/*22-12-2020*/

.boldRow{
  font-weight: bold;
}

.thStyleRow{
  border: 1px solid #000000 !important;
  text-align: center !important;
}
.theadStyle{
  background-color: #ccd1d6;
}

.tableNewStyle{
  font-size: 12px;
}
.totalRow{
  background-color: #EBEBEB;
}
.totalTd{
  border: 1px solid #999999;
  border-top: 1px solid #999999 !important;
}

.totalTdColor{
  background-color: #EBEBEB;
}

.rowSeparator{
  height: 30px;
}

.fixcol_12{
  background-color: #EBEBEB;
}

/*28-12-2020*/
.tdBLeft{
  border-left: 1px solid #C8C8C8;
}

.tdBRight{
  border-right: 1px solid #C8C8C8;
}

.margin-l-r-b{
  margin-left: 2px;
  margin-right: 2px;
  /*margin-bottom: 2px;*/
}

.marca{
  color:#9c9c9c;
}

#cheques{
  display: none;
}

#seccion_bonus table.dataTable th:nth-child(1) {
  width: 40px;
  max-width: 40px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_bonus table.dataTable td:nth-child(1) {
  width: 40px;
  max-width: 40px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_bonus table.dataTable th:nth-child(2) {
  width: 120px;
  max-width: 120px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_bonus table.dataTable td:nth-child(2) {
  width: 120px;
  max-width: 120px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_bonus table.dataTable th:nth-child(3) {
  width: 40px;
  max-width: 40px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_bonus table.dataTable td:nth-child(3) {
  width: 40px;
  max-width: 40px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_bonus table.dataTable th:nth-child(4) {
  width: 20px;
  max-width: 20px;
  word-break: break-all;
}

#seccion_bonus table.dataTable td:nth-child(4) {
  width: 20px;
  max-width: 20px;
  word-break: break-all;
}

.class_width{
    width: 250px;
}

.class_width2{
    width: 250px !important;
}

.account_payroll{
  width: 280px;
  max-width: 280px;
  word-break: break-all;
  white-space: pre-line;
}

.dc_payroll{
  width: 180px;
  max-width: 180px;
  word-break: break-all;
  white-space: pre-line;
}

.trash_disabled{
  color:#aba5a5;
}

.iconosButtons{
  padding-right: 5px;
  padding-left: 5px;
}

.payroll_descuadrado{
  color: red;
}

.detail_show{
  display: block !important;
}

.provision{
  width: 280px;
  max-width: 280px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payroll table.dataTable th:nth-child(1) {
  width: 150px;
  max-width: 150px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payroll table.dataTable td:nth-child(1) {
  width: 150px;
  max-width: 150px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payroll table.dataTable th:nth-child(3) {
  width: 150px;
  max-width: 150px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payroll table.dataTable td:nth-child(3) {
  width: 150px;
  max-width: 150px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payroll table.dataTable th:nth-child(4) {
  width: 110px;
  max-width: 110px;
}

#seccion_payroll table.dataTable td:nth-child(4) {
  width: 110px;
  max-width: 110px;
}

#seccion_payroll2 table.dataTable th:nth-child(1) {
  width: 150px;
  max-width: 150px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payroll2 table.dataTable td:nth-child(1) {
  width: 150px;
  max-width: 150px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payroll2 table.dataTable th:nth-child(3) {
  width: 150px;
  max-width: 150px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payroll2 table.dataTable td:nth-child(3) {
  width: 150px;
  max-width: 150px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payroll2 table.dataTable th:nth-child(4) {
  width: 150px;
  max-width: 110px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payroll2 table.dataTable td:nth-child(4) {
  width: 150px;
  max-width: 110px;
  word-break: break-all;
  white-space: pre-line;
}

#seccion_payroll2 table.dataTable th:nth-child(5) {
  width: 110px;
  max-width: 110px;
}

#seccion_payroll2 table.dataTable td:nth-child(5) {
  width: 110px;
  max-width: 110px;
}

.detail_hide{
  display: none !important;
}

.addTaxes{
  margin-top: 10px;
  margin-bottom: 10px;
}

.list{
  width: 50px;
  max-width: 50px;
  word-break: break-all;
  white-space: pre-line;
}

.buttons{
  width: 110px;
  max-width: 110px;
}

.bubble_msg{
  min-width: 60px;
  max-width: 700px;
  padding: 14px 18px;
  margin: 6px 8px;
  /*border: 1px solid #54788e;*/
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.them-bubble{
  border-radius: 0px 16px 16px 16px;
}

.me-bubble{
  border-radius: 16px 0px 16px 16px;
}
/*04-01-2021*/

.bubble_chat {
  position: relative;
  background-color: #FFFFFF;
  border: 1px solid #CDCDCD;
  max-width: 350px;
  padding:10px;
  font-family:arial;
  /*margin:0 auto;*/
  font-size:14px;
  /*border-radius:6px;*/
  margin-top: 5px;
  margin-bottom: 5px;
  clear: both;
}

/*LEFT BUBBLE*/

.bchat_left{
  float: left;
  margin-left: 5px;
  border-radius: 0px 7px 7px 7px;
  color: white;
}
.bchat_right{
  float: right;
  margin-right: 5px;
  border-radius: 7px 0px 7px 7px;
}
.bubble_chat_footer{
      position: absolute;
    bottom: -17px;
    width: 100%;
    left: 0;
    margin-left: 8px;
    /* background-color: brown; */
    font-size: 12px;
}

.owner_msg_chat{
  background-color: white;
  border-radius: 50px;
  padding: 1px;
  font-size: 9px;
  border: 2px solid #e0e0e0;
}

/*08-01-2021*/
.nowrap{
  white-space: nowrap;
}

/*14-01-2021*/

.prefix_left{
  float: left;
  margin-left: -23px;
  color: #000000;
  border-color: #337ab7;
}

.prefix_right{
  float: right;
  margin-right: -23px;
  color: #000000;
}

/*19-01-2021*/
.file_linkg{
  color: white;
}
.file_linkg:hover{
  color: white;
}
.contextmenu{
  background-color: #FFFFFF;
  position: absolute;
  float: right;
  max-width: 50%;
  right: 0px;
  border-radius: 5px;
  border: 1px solid #CBCBCB;
  z-index: 1;
  color: #000000;
}

.positionEllipsis{
  position: absolute;
  right: -13px;
  top: -9px;
  width: 10px;
  text-align: right;
}

/*20-01-2021*/

.positionEllipsis2{
  position: absolute;
  right: -7px;
  top: -9px;
  width: 10px;
  text-align: right;
}

.cancel_group:hover{
  cursor: pointer;
}

.block_panel{
  opacity: 0.5;
  pointer-events: none;
}

.listModalUsers{
  height: 60%;
  overflow-y: scroll;
}

/* 26-01-2021*/

.scrollableModal{
  max-height: 70%;
  overflow-y: auto;
}

.readBy{
  position: absolute;
  bottom: -6px;
  right: 0px;
  cursor: pointer;
}

.atLeastExpired{
  background-color: #d1ecf1;
}

/*ESTILOS PARA ACF*/
.login-labels{
  color: #FFFFFF;
  font-weight: 100;
  font-size: 16px;
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

.login-image-container1{
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 55%;
  padding-top: 40px;
}

.login-image-container{
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 40%;
  padding-top: 50px;
}

.login-image{
  width: 75%;
}

.login-image-company{
  width: 100%;
}

.container-login{
  /*border: 1px solid #000000;*/
  /*border-top: 10px solid #FFFFFF;*/
  width: 30%;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  height: 90%;
  position: absolute;
  /*box-shadow: 3px 3px 3px black;*/
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.copyright-text-title{
  color: #36c0e7;
  font-weight: bold;
}

.copy-legend{
  color: white;
}

.login-input-form{
  /*background-color: #8e8d8d;*/
  background-color: rgba(255,255,255,0.70);
/*  border-radius: 20px;*/
  border: transparent;
  color: black;
}

.copyright-container{
  bottom: 5px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.login-now-text{
  font-size: 25px;
  color: white;
  text-align: center;
  margin: 20px;
  font-family: 'Poppins', sans-serif;
  /*color: #36c0e7;*/
}

.background-login{
  background-color: #03152b;
  height: 100%;
}

.input-container{
  margin-left: 10%;
  margin-right: 10%;
}

@media(max-width: 1025px){
  .container-login{
    width: 60%;  
  }
}

@media(max-width: 500px){
  .container-login{
    width: 90%;  
  }
}
@media(max-width: 568px){
  .login-image-container1{
    padding-top: 0;
  }
  .login-image-container{
    padding-top: 10%;
  }
}
@media(max-height: 600px){
  .login-image-container{
    padding-top: 5%;
  }
}

@media(max-width: 1360px) and (max-height: 552px){
  .login-image-container1{
    padding: 0;
    width: 40%;
  }
}

@media(max-height: 540px){
  .login-labels{
    font-size: 12px;
  }
  .login-now-text{
    font-size: 17px;
    margin: 0;
    display: none;
  }
  .login-image{
    width: 30%;
  }
  .login-image-container1{
    padding-top: 10px;
    width: 30%;
  }
  .container-login{
    height: 90%;
  }
  .login-image-container{
    padding: 0;
  }
  .login-image-company{
    width: 70%;
  }
  .copyright-container{
    font-size: 10px;
  }
}

@media(max-height: 280px){
  .login-image-company{
    width: 40%;
  }
  .login-labels{
    font-size: 10px;
  }
  .custom-form-group{
    margin-bottom: 5px;
  }
}

@media(max-height: 450px){
  .login-image{
    width: 30%;
  }
  .container-login{
    height: 100%;
  }
}

/*For Bonus Module*/

.justYearInput{
  max-width: 150px;
}

.miclase{
  color: red; width: 500px; background-color: #D2D2D2; border: 1px solid black; height: 200px; text-align: center; border-radius: 10px;
}
/*29-01-2021*/

.labelForm{
  /*font-size: 12px;*/
}

.bonusTable{
  border: 1px solid #AFAFAF;
  font-size: 13px;
  margin: 15px 2px 15px 2px;
}
.bonusTable >thead > tr > th{
  padding: 2px 8px 2px 8px;
  background-color: #ccd1d6;
  border: 2px solid #A5A5A5;
}

.bonusTable >tbody > tr > td{
  padding: 8px 8px 8px 8px;
  border: 1px solid #C0C0C0;
}

.mt-10{
  margin-top: 10px;
}

.center-loading{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 10%;
  z-index: 5;
}

.selectRowItem{
  background-color: #D6D6D6;
}

.home_btn{
  top: 8%;
  margin-left: 10px;
  background-color: #fbfeff;
  color: #868282;
  width: 40px;
  padding: 2px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #dadada;
}

.options_container{
  display: table;
  width: 70px;
}

.home_btn_circle{
  top: 50px;
  /*background-color: #dcd7d7;*/
  padding: 5px;
  /*border-radius: 50%;*/
  /*border: 1px solid #d0cece;*/
  margin-left: 17px;
  margin-right: 12px;
}

.dashboard_btn_circle{
  top: 50px;
  /*background-color: #dcd7d7;*/
  padding: 5px;
  /*border-radius: 50%;*/
  /*border: 1px solid #d0cece;*/
  margin-left: 17px;
  margin-right: 12px;
}

.atLeastExpired{
  background-color: #d1ecf1;
}
.border-left-table{
  border-left: 2px solid #c7c7c7 !important;
}
.border-right-table{
  border-right: 2px solid #c7c7c7 !important;
}

.material-box-shadow{
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.progress-bar-vertical {
  width: 20px;
  min-height: 100px;
  display: flex;
  align-items: flex-end;
  margin-right: 20px;
  float: left;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
}

.progress-bar-vertical .progress-bar {
  width: 100%;
  height: 0;
  -webkit-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
}

.bonusWin{
  background-color: #dff0d8;
  color: #3c763d;
}

.bonusLose{
  background-color: #f2dede;
  color: #a94442;
}

.fTableWidthMOnths{
  width: 290px;
  min-width: 290px;
}

.fTableFColumnWidth{
  width: 200px;
  min-width: 200px;
}

.actTableWidth{
  width: 309px;
  min-width: 309px;
}

.style-th-slim-border{
  border-bottom: 1px solid #000000 !important;
  border-top: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
  border-right: 1px solid #000000 !important;
}

@media (max-width: 991px){
  .form-text{
    text-align: left;
  }
}

.one-l-h{
  line-height: 1;
}

/*Nuevos colores para el sitio*/
.optMod{
  color: white !important;
}

.optMod:hover{
  /*color: #003b57 !important;*/
  background-color: #606A8B !important;
}
.optMod:active{
  /*color: #003b57 !important;*/
  background-color: #606A8B !important;
}
.optMod:visited{
  /*color: #003b57 !important;*/
  background-color: #606A8B !important;
}

li.open > a{
  /*color: #003b57 !important;*/
  background-color: #606A8B !important;
}

.customnavbar{
  background-color: #003b57;
}
.liexcept > div > a, .liexcept > a{
  color: white !important;
}
.sidenavbar{
  color: white;
}

.home_btn_circle, .dashboard_btn_circle{
  color: #FFFFFF;
}
.home_btn_circle:hover, .dashboard_btn_circle:hover{
  color: white;
}

.alert-info{
  background-color: #003b57;
}
/*11-03-2021*/

.menu_module{
  background-color: #FFFFFF;
  border-radius: 2px !important;
}

.menu_company{
  border-radius: 2px 0 0 2px !important;
}

.menu_money{
  border-radius: 0 2px 2px 0
   !important;
}

.btn-primary{
  background-color: #003b57;
  border-color: #003b57;
}
.btn-primary:hover{
  background-color: #1157D8;
}

.mibread{
  background-color: #003b57;
  color: white;
}
.modal-header{
  background-color: #003b57;
}
.modal-header > button.close{
  color: white !important;
  border-color: white !important;
  text-shadow: none;
  opacity: 1;
}
.owner_comment{
  background-color: #003b57;
}

.sidenav{
  height: 102% !important;
  /*box-shadow: 1px ​1px 5px 1px;*/
  box-shadow: 1px 1px 5px 1px;
  background-color: #003b57 !important;
}
.nav-pills > li.active > a{
  background-color: #003b57;
  color: white;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #003b57;
}

.nav>li>a:focus, .nav>li>a:hover {
  background-color: #2d3361;
  border-radius: 5px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
  background-color: #003b57;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
  background-color: #003b57;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: #003b57;
}
.float{
  background-color: #003b57;
}
.swal2-styled.swal2-confirm{
  background-color: #003b57;
}
.panel-default>.panel-heading {
  background-color: #003b57;
}
.navbar-default {
  background-color: #003b57;
}
.sidebar ul li{
  /*border-bottom: 3px solid #ffffff;*/
  border-bottom: none;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

.sidebar ul li a.active {
  background-color: #2d3361;
  color: white;
  border-radius: 5px;
}

.style-th-slim-border{
  border-bottom: 1px solid #000000 !important;
  border-top: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
  border-right: 1px solid #000000 !important;
}
/*19-03-2021*/
/*23-03-2021*/
.sidebar-nav>.nav>li>a{
  color: white;
}
./*sidebar-nav>.nav>li:hover{
  background-color: #83B4F7;
}*/
.nav>li>a:hover{
  background-color: #83B4F7 !important;
}
.sidenav>a>i.fa-times{
  color: white;
  font-size: 25px !important;
}
/*Nuevos colores para el sitio*/

/*12-04-2021*/
/*Cambio with en relociones grandes*/
@media (min-width: 1209px){
  .module_select{
    width: 200px  !important;
  }
}

/*19-04-2021*/
.th-style-2{
  border-bottom: 1px solid black !important;
  border-top: 1px solid black !important;
}

/* 13-05-2021 */
.table-report{
  font-size: 12px;
}

/* 14-05-2021 */
.max-h-350{
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}

.max-h-100{
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}

.d-flex{
  display: flex;
}

.padding-t{
  padding-top: 20px;
}

.flex-right-align{
  /* align-content: flex-end; */
  justify-content: flex-end;
}

/* 18-05-2021 */
.trash_btn{
  float: right;
  margin-right: -20px;
  margin-top: 3px; 
  font-size: 20px;
}

.trash_btn:hover{
  color: red;
}

.trash_btn1{
  margin-top: -35px; 
  font-size: 20px;
}

.trash_btn1:hover{
  color: red;
}

/* 51-05-2021 */
.width_input_ratio{
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}

.vertical_align > td{
  vertical-align: middle !important;
}

.head_data{
  /* background-color: #dddddd; */
}

/* 04-06-2021 */
.trash_btn3{
  float: right;
  margin-right: -20px;
  /* margin-top: -10px;  */
  font-size: 20px;
  /* z-index: 1; */
  /* position: relative; */
  top: 10%;
}

.trash_btn3:hover{
  color: red;
}
/* 08-06-2021 */
/* checkboxes align */
.checkboxes label {
  display: block;
  padding-right: 10px;
  padding-left: 22px;
  text-indent: -22px;
}
.checkboxes input {
  vertical-align: middle;
}
.checkboxes label span {
  vertical-align: middle;
}

.v-align-middle{
  vertical-align: middle !important;
}
/* 11-06-2021 */
.btn-group.special {
  display: flex;
}

.special .btn {
  flex: 1
}
/* 12-06-2021 */
.lvl-1-color{
  background-color: #ececec;
}
.lvl-2-color{
  background-color: #fafafa;
}
.lvl-3-color{
  background-color: #ffffff;
}
.txt-formula,
.hide-formula {
  font: inherit;
  margin: 0;
  padding: 0;
}

.txt-formula {
  border: 1px solid #b1a5a5;
  color: #888;
  min-width: 70px;
  height: 30px;
  border-radius: 4px;
  width: 70px;
  font-size: 14px;
  text-align: center;
}

.txt-formula:focus-visible {
  outline: none;
}

.hide-formula {
  display: none;
  white-space: pre;
}

.add-input-plus{
  color: white;
  background-color: #2f6290;
  padding: 5px;
  border-radius: 2px;
}

.active>a[data-toggle]{
  background-color: #003b57 !important;
  color: white !important;
}
/*20-07-2021*/
.loading_comment{
  margin-left: 10px;
  margin-right: 10px;
}

.comment-user-label{
  background-color: #003b57;
  padding: 3px;
  font-size: 11px;
  border-radius: 5px;
  color: white;
}

.date-label{
  margin: 5px;
  font-size: 10px;
}
.commentarea_doclist{
  max-height: 60vh;
  overflow-y: auto;
}
.custom-checkbox{
  margin-left: 10px;
  margin-right: 10px;
  padding: 0px 3px 3px 3px;
  /* border: 1px solid black; */
}

.checkbox-container{
  align-items: center;
  justify-content: center;
}

.checkbox_verified{
  background-color: #4caf50;
  color: #4caf50;
  border: 1px solid #008000;
}
.checkbox_inrevision{
  background-color: #e6f146;
  color: #e6f146;
  border: 1px solid #bbbb00;
}
.checkbox_norevised{
  background-color: #e75151;
  color: #e75151;
  border: 1px solid #9b0000;
}

.input-checkbox{
  height: 17px;
  width: 17px;
}
/* 2021-08-11 */
.container-custom{
  padding-left: 10%;
  padding-right: 10%;
}

.hide-element{
  visibility:hidden;
  opacity: 0;
  -moz-transition: opacity 1s, visibility 1.3s;
  -webkit-transition: opacity 1s, visibility 1.3s;
  -o-transition: opacity 1s, visibility 1.3s;
  transition: opacity 1s, visibility 1.3s;
}
.hide-element td{
  visibility:hidden;
  opacity: 0;
  height: 0;
  display: none;
  -moz-transition: opacity 1s, visibility 1.3s;
  -webkit-transition: opacity 1s, visibility 1.3s;
  -o-transition: opacity 1s, visibility 1.3s;
  transition: opacity 1s, visibility 1.3s;
}
.shown-element{
  visibility:visible;
  opacity: 1;
  -moz-transition: opacity 1s, visibility 1.3s;
  -webkit-transition: opacity 1s, visibility 1.3s;
  -o-transition: opacity 1s, visibility 1.3s;
  transition: opacity 1s, visibility 1.3s;
}

.recon-table tr td{
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.nav>li>a:focus, .nav>li>a:hover {
  background-color: #8496ef78;
  border-radius: 5px;
  color: #000000;
}

.head_row{
  background-color: #FFFFFF;
}
.head_row td{
  font-weight: bold;
}
.footer_row{
  background-color: #efeef2;
  font-weight: bold;
}
.footer_row{
  /* font-weight: bold; */
}
.total_row{
  background-color: #d3d3d3;
  font-weight: bold;
}
.panels-overflow{
  height: 80vh;
  max-height: 80vh;
  overflow-y: auto;
}

.valueaffect{
  background-color: #83B4F7;
}

.colaffect{
  background-color: #959595;
}

.help-text{
  font-size: 12px;
  color: #4e4e4e;
  padding-left: 10px;
}

.backchild{
  /* background-color: #AEDCFF; */
  text-decoration: underline;
  /* font-weight: bold; */
}

.success-label{
  color: #008000;
  word-wrap: break-word;
}

.error-label{
  color: #ff4f4f;
}

/* 15-10-2021 */
.signed-officer{
  color: #ffffff;
  font-size: 15px;
  background-color: #003b57;
  padding: 5px;
  border-radius: 50%;
}

.file-icon-info{
  font-size: 11px;
  background-color: #003b57;
  color: white;
  padding: 3px 7px 3px 7px;
  border-radius: 10px;
  cursor: pointer;
}

.owner-file-info{
  font-size: 11px;
  text-decoration: solid;
  /* background-color: #ffffff; */
  background-color: transparent;
  border-radius: 2px 2px 2px 2px;
  color: #8b8b8b;
  padding: 2px;
  margin: 2px;
}

.pdf-image-preview{
  border: 2px solid #dfdfdf;
  border-radius: 2px;
  width: 550px !important;
  min-width: 400px !important;
}

.footernotecle_container{
  border: 1px solid #e8e8e8;
  min-height: 224px;
  border-radius: 5px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow-y: auto;
  max-height: 224px;
  color: rgb(53, 53, 53);
}

.note_comment {
  border: 1px solid #e8e8e8;
  padding: 5px;
  margin: 5px 0 5px 0;
  border-radius: 2px;
  font-size: 12px;
  word-break: break-word;
}

.p-user-date{
  text-align: right;
}

.span-user-date{
  color: #979797;
  font-size: 12px;
  padding: 2px;
  text-align: right;
}

.not-records-st{
  color: rgb(53, 53, 53);
  font-size: 12px;
  text-align: center;
}

.default-comment-show{
  display: none;
}
/* 2021-12-20 (antes) esta fecha es de subida de cambios */
.rpt_child_item{
  background-color: #ebe9e9;
}

.rpt_is_parent td{
  color: #000000;
  font-weight: bold;
  background-color: #fdfdfd;
}
/* 2021-12-13 */
.vieweyehistoric{
  top: 0px;
  position: absolute;
  right: 0;
  background-color: #b1caf7;
  padding: 1px;
  border-radius: 5px;
  margin: 1px;
  font-size: 12px;
  color: #061b2e;
  border: 1px solid #96c9fd;
  cursor: pointer;
}

.cleanIndIconO{
  position: absolute;
  top: 7px;
  right: -18px;
  cursor: pointer;
}

.collapse_btn{
  /*background-color: #003b57;*/
  padding: 6px  8px 6px 8px;
  /*color: white;*/
  border-radius: 50%;
  cursor: pointer;
}
.collapse_btn:hover{
  background-color: #2196F3;
}
.notification-style{
  background-color: #d9d9d9;
  padding: 5px;
  color: #000000;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  margin-top: 5px;
}

.printStyle{
  cursor:pointer;
}

/* 2022-02-23 */
.indicator-box{
  padding: 10px;
  background-color: #83B4F7;
  border: 1px solid black;
}

@media(max-width: 784px){
  .left-menu-options{
    top: 40px !important;
  }
}
/*2022-07-12*/
/*.left-menu-options{*/
  /*position: absolute;*/
  /*z-index: 1001;*/
  /*color: white;*/
  /*top: 80px;*/
  /*left: 30px;*/
/*}*/
.left-menu-options{
  position: absolute;
  /* z-index: 1001; */
  color: white;
  /* top: 80px; */
  top: 73px;
  /* left: 30px; */
  left: 26%;
}
/*2022-07-12 end*/

.left-menu-options > .left-menu-item {
  margin-left: 7px;
  margin-right: 7px;
  font-size: 20px;
  color: #ffffff !important;
}

.credit-application-number{
  position: absolute;
  color: white;
  background-color: red;
  font-size: 9px;
  padding: 0px 3px 0px 3px;
  border-radius: 50%;
  margin-left: -5px;
  margin-top: -7px;
}
.maincontainer{
  width: 100%;border: 1px solid #cccccc;height: auto;min-height: 35px;padding: 5px;display: block
}
.bubbleemail{
  display: inline-block;border: 1px solid #c7c7c7;padding: 5px;border-radius: 5px;background-color: white;
}
.emailinput{
  border: none;padding: 10px;background-color: transparent;height: 21px;
}
.emaildelete{
  /* padding: 3px 4px 3px 4px;background-color: red;color: white;border-radius: 50%;margin-left: 0px; */
}

/* email panel */
.mailcont{
  border: 1px solid #cccccc; border-radius: 1px ; height: auto; min-height: 40px; display: block;
  padding: 5px;
}
.mail_bubbles{
  display: inline-block;
  border: 1px solid #cccccc;
  padding: 5px;
  border-radius: 5px;
  background-color: white;
  margin: 2px;
}
.input_mail{
  border: none;
  pointer-events: none;
}

.error_line_mail{
  color: #d9534f;
  font-size: 12px;
}

.period-label{
  background-color: #e5e5e5;
  border-radius: 5px;
  padding: 5px;
}

.transformar { text-transform: uppercase;} 

.notification-container{
  z-index: 1001;
  position: absolute;
  right: 15px;
}

.notification-container .user-icon{
  color: white;
  padding-top: 20px;
}

.number_notification_design{
  /* background-color: red;
  font-size: 10px;
  color: #ffffff;
  text-align: center;
  padding-top: 5px;
  border-radius: 50%;
  position: absolute;
  margin-right: 5px; */
  /* right: 72px; */
  /* top: 12px;
  width: 20px;
  height: 20px;
  display: inline-block; */
  background-color: red;
  font-size: 10px;
  color: #ffffff;
  text-align: center;
  padding-top: 5px;
  border-radius: 50%;
  position: absolute;
  margin-right: -9px;
  right: 0px;
  top: 9px;
  width: 18px;
  height: 18px;
  /* display: inline-block; */
  font-weight: bold;
}
.custom-dropdown{
  max-height: 80vh;
  overflow-y: auto;
  max-width: 40vh;
  width: 40vh !important;
}
.custom-dropdown li{
  /* border: 0px 0px 1px 0px solid red; */
  border-bottom: 1px solid rgb(236, 236, 236);
  padding: 8px;
  /* position: relative; */
}
.notification_date{
  /* text-align: right; */
  /* position: absolute; */
  /* float: right; */
  font-size: 12px;
  right: 0;
}

.li-notification-no-read{
  background-color: #bedbf8;
}
.li-notification-read{
  background-color: #ffffff;
}
.title_chart_financial{
  color: white;
  background-color: #003b57;
  text-align: center;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.hidden-container{
  position: absolute;
  z-index: -1;
  visibility: hidden;
}

.absolute-position{
  position: fixed;
}

.box-chart{
  /* font-size: 3vw;
  text-align: center;
  padding-top: 50%; */
  display: table;
  text-align: center;
  position: relative;
  height: 80%;
  width: 100%;
}

.value_chart_data{
  vertical-align: middle;
  height: 100%;
  display: table-cell;
  text-align: center;
  font-size: 3vw;
}

@media (max-width: 992px){
  .value_chart_data{
    font-size: 10vh !important;
  }
}

@media (max-width: 323px){
  .value_chart_data{
    font-size: 4vh !important;
  }
}

.custom-dropdown li, .custom-dropdown li a {
  white-space: normal;
  float: left;
  width: 100%;
  height: auto;
  word-wrap: break-word;
}

.hidden_row_text{
  height: 50px !important;
  min-height: 10px !important;
  overflow: hidden;
}

.show-more-style{
  background-color: #003b57;
  padding: 3px;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}

.container-hidden{
  margin-bottom: 10px;
}

@media(max-width: 1062px){
  .notification-container {
/*    padding-top: 50px;*/
  }
}

.analysis_comment_style{
  border: 1px solid #dedede;
  border-radius: 3px;
  padding: 8px;
  margin: 3px;
}

.user_date_analysis_comment{
  border: 1px solid #003b57;
  font-size: 10px;
  padding: 3px;
  border-radius: 3px;
  background-color: #003b57;
  color: #ffffff;
}

.comment_bubble{
  margin-bottom: 10px;
}

.analysis_comment_container{
  height: 30vh;
  max-height: 30vh;
  overflow-y: auto;
}

.yes_off_class .text-signed{
  /* border: 2px solid green !important; */
  color: green;
}

.no_off_class .text-signed{
  /* border: 2px solid red !important; */
  color: red;
}

/* 2022-06-13 */
.collapse_rpt_style{
  /* padding: 10px; */
  border: 1px solid #e0e0e0;
  /* border-radius: 3px; */
  /* margin-bottom: 3px; */
}

.collapse_rpt_style a{
  font-weight: bold;
  color: #000000;
  font-size: 14px;
}

.close_noti{
  text-align: right !important;
  height: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.space{
  margin-right: 10px;
}

/* 2022-07-11 */
@media(max-width: 1380px){
  .left-menu-options{
    left: 25%;
  }
}

@media(max-width: 1210px){
  .left-menu-options{
    left: 20%;
  }
}

@media(max-width: 992px){
  .left-menu-options{
    left: 16%;
  }
}

@media(max-width: 800px){
  .left-menu-options{
    left: 1%;
  }
}

.chart_menu_icon{
  color: #ffffff;
  font-size: 20px;
}

.chart_menu_icon > i{
  color: #ffffff;
}

@media(min-width: 782px){
  .chart_menu_icon{
    color: #ffffff;
    font-size: 20px;
    position: absolute;
    top: 12px;
    margin-left: 30px;
  }
  
  .exit_icon_st{
    margin-left: 71px;
    position: absolute;
  }
}
@media(min-width: 1208px){
  .chart_menu_icon{
    margin-left: 70px;
  }
}

@media(min-width: 1208px){
  .chart_menu_icon{
    margin-left: 90px;
  }
}

@media(min-width: 1420px){
  .chart_menu_icon{
    margin-left: 120px;
  }
}

@media(min-width: 1576px){
  .chart_menu_icon{
    margin-left: 10%;
  }
}

@media(min-width: 1899px){
  .chart_menu_icon{
    margin-left: 11%;
  }
}
@media(min-width: 2308px){
  .chart_menu_icon{
    margin-left: 13%;
  }
}

@media(min-width: 2612px){
  .chart_menu_icon{
    margin-left: 14%;
  }
}

@media(min-width: 2612px){
  .chart_menu_icon{
    margin-left: 15%;
  }
}

@media(min-width: 1800px){
  .left-menu-options{
    left: 27%;
  }
}

@media(min-width: 1900px){
  .left-menu-options{
    left: 28%;
  }
}

@media(min-width: 2230px){
  .left-menu-options{
    left: 29%;
  }
}

@media(min-width: 2450px){
  .left-menu-options{
    left: 30%;
  }
}

@media(min-width: 2800px){
  .left-menu-options{
    left: 31%;
  }
}

@media(min-width: 3000px){
  .left-menu-options{
    left: 32%;
  }
}

.company_logo_st{
  width: 140px;
}
@media(max-width: 782px){
  .company_logo_st{
    width: auto;
  }
}
.no-action-element{
  cursor: no-drop;
}

.icon_drop_image{
  height: 20px;
}

.ratio_icon{
  height: 20px;
  float: left;
}

.value_convert_td{
  margin-left: auto;
}

/* 2022-08-08 */
.section_element{
  padding-top: 10px;
}

.error_message{
  color: #a94442;
  position: absolute;
  margin-top: -15px;
  font-size: 12px;
}
.error_element_color{
  border: 1px solid #a94442;
}

.required-input{
    color: red;
}

.btn-secondary{
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.d-none{
  display: none!important;
}

/* 2022-08-18 */
.modal-center {
  text-align: center;
  padding: 0!important;
}

.modal-center:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-center-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/* end */
.signatories_manage_list_container{
  padding: 10px;
}

.signatories_manage_list{
  border: 1px solid #dddddd; 
  padding: 10px; 
  border-radius: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.managepdfrendered{
  /* border: 2px solid #ccd1d5; */
  /* margin-bottom: 10px; */
  /* padding-bottom: 10px; */
  width: 900px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; */
  /* box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; */
}
/* 2022-08-27 */
.signatures_users_icon_area{
  color: #003b57;
  border: 1px solid #003b57;
  padding: 3px;
  border-radius: 3px;
  background-color: #ffffff;
}

.no_action_pdf_render{
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.1;
}

.file_manager_options_section{
  /* background-color: #dddddd; */
  background-color: #ffffff;
  /*padding: 5px;*/
  margin-top: 10px;
  /*border: 1px solid #dddddd;*/
  border-radius: 3px;
  display: flex;
  flex-direction: row;     /* make main axis horizontal (default setting) */
  justify-content: center; /* center items horizontally, in this case */
  align-items: center;
}

.opt_items{
  margin: 2px;
}

/* .no_action_pdf_render:hover{
  cursor: not-allowed;
} */

.selected_signer{
  background-color: #0c4505;
}

.selected_signer a {
  color: #ffffff !important;
}

.render_name_box{
  min-height: 150px;
  border-radius: 3px;
  border: 1px solid #e3e3e3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
}

.options_actions_elements{
  border: 1px solid #dddddd;
  padding: 5px;
  padding-top: 20px;
}

.image_preview_data{
  /* width: 100%; */
  max-width: 200px;
}

.draw_sign_canvas{
  border: 2px solid #e3e3e3;
  padding: 1px;
  /* height: 200px; */
  border-radius: 3px;
}

.document_sign_text{
  width: 100%;
  border: none;
  /* border: 1px solid #7d7d7d; */
  /* height: 50px; */
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: transparent !important;
  font-size: 15px;
}
.document_sign_text:focus-visible{
  /* border: none; */
  outline: 0px solid transparent;
}

/* @import url('http://fonts.cdnfonts.com/css/apple-butter'); */
/* 5 apple butter */
@font-face {
  font-family: 'Apple Butter';
  font-style: normal;
  font-weight: normal;
  src: local('Apple Butter'), url('fonts/Apple-Butter.ttf') format('truetype');
}
/* 6 bprahara */
@font-face {
  font-family: 'bprahara';
  font-style: normal;
  font-weight: normal;
  src: local('bprahara'), url('fonts/B Prahara TH_Tlsn Tgn.ttf') format('truetype');
}
/* 8 chalkduster */
@font-face {
  font-family: 'Chalkduster';
  font-style: normal;
  font-weight: normal;
  src: local('Chalkduster'), url('fonts/Chalkduster.woff') format('woff');
}
/* 9 double */
@font-face {
  font-family: 'double';
  font-style: normal;
  font-weight: normal;
  src: local('double'), url('fonts/double.ttf') format('truetype');
}
/* 10 jibba jabba */
@font-face {
  font-family: 'jibbajabba';
  font-style: normal;
  font-weight: normal;
  src: local('jibbajabba'), url('fonts/jibbajabba.otf') format('opentype');
}
/* 11 peawalker */
@font-face {
  font-family: 'peawalker';
  font-style: normal;
  font-weight: normal;
  src: local('peawalker'), url('fonts/PeaWalker.ttf') format('truetype');
}
/* 12 side */
@font-face {
  font-family: 'side';
  font-style: normal;
  font-weight: normal;
  src: local('side'), url('fonts/side.ttf') format('truetype');
}
/* 15 smlfatmarker */
@font-face {
  font-family: 'splotch';
  font-style: normal;
  font-weight: normal;
  src: local('splotch'), url('fonts/Splotch-.ttf') format('truetype');
}
/* 16 splotch */
@font-face {
  font-family: 'smlfatmarker';
  font-style: normal;
  font-weight: normal;
  src: local('smlfatmarker'), url('fonts/SMLFATMARKER.ttf') format('truetype');
}
/* 17 webcomic*/
@font-face {
  font-family: 'Webcomic Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Webcomic Regular'), url('fonts/Webcomic-YzWrv.woff') format('woff');
}

.font_st{
  font-size: 15px;
}

.font_1_helvetica{
  font-family: 'Helvetica', 'Arial', sans-serif;
}

.font_2_helvetica_bold{
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
}

.font_3_helvetica_bold_oblique{
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  font-style: oblique;
}

.font_4_helvetica_oblique{
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-style: oblique;
}
.font5_applebutter{
  font-family: 'Apple Butter', sans-serif;
}

.font_6_bprahara{
  font-family: 'bprahara';
}

.font_7_bprahara_italic{
  font-family: 'bprahara';
  font-style: italic;
}

.font_8_chalkduster{
  font-family: 'Chalkduster';
}

.font_9_double{
  font-family: 'double';
}

.font_10_jibbajabba{
  font-family: 'jibbajabba';
}

.font_11_jibbajabba_italic{
  font-family: 'jibbajabba';
  font-style: italic;
}

.font_12_peawalker{
  font-family: 'peawalker';
}

.font_13_side{
  font-family: 'side';
}

.font_13_side_italic{
  font-family: 'side';
  font-style: italic;
}

.font_15_smlfatmarker{
  font-family: 'smlfatmarker';
}

.font_16_splotch{
  font-family: 'splotch';
}

.font17_webcomic{
  font-family: 'Webcomic Regular';
}
/* 2022-09-07 */
.incomplete_sign{
  background-color: rgb(233, 87, 87);
  color: #ffffff;
  padding: 5px;
  border-radius: 5px;
}

.completed_sign{
  background-color: #008000;
  color: #ffffff;
  padding: 5px;
  border-radius: 5px;
}
.sign_info:hover{
  cursor: pointer;
}

.signed_info{
  background-color: #008000;
  color: #ffffff;
  border-radius: 5px;
  padding: 3px;
}

.unsigned_info{
  background-color: rgb(233, 87, 87);
  color: #ffffff;
  border-radius: 5px;
  padding: 3px;
}

.disableElement_opacity{
  opacity: 0.6;
}

.signer_link{
  /* color: #000000; */
  font-size: 12px;
}

.signer_link:visited{
  /* color: #000000; */
}

.document_name_container{
  background-color: #ffffff;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  /* font-size: 14px; */
}

.document_title{
  font-size: 20px;
}

/* 2022-09-19 */
.drop_zone {
  border: 5px solid #e3e3e3;
  border-style: dashed;
  width: 250px;
  height: 150px;
  margin: auto auto 20px auto;
  right: 0;
  left: 0;
}


.drop_zone:hover{
  cursor: grab;
}
/* end */
/* 2022-09-21 */
.image_container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 900px;
}

.signer_area{
  border: 2px solid #e3e3e3;
  border-style: dashed
}

/*.paint_image{
  height: 100%;
}*/

.paint_image{
  /* height: 100%; */
  width: 100%;
}
/* end */
/* end */

.alert-success2{
  color: #3c763d;
  background-color: #d6e9c6;
  border-color: #d6e9c6;
}

/* 2022-10-31 */
.cc_mail_list{
  display: flex;
  flex-wrap: wrap;
  max-height: 100px;
  overflow-y: auto;
}

.cc_mail_bubble{
  margin: 5px 0px 5px 0px;
  border: 2px solid #e8e8e8;
  padding: 5px;
  border-radius: 15px;
}

.delete_ccmail_btn{
  margin: 0px 3px 0px 3px;
  cursor: pointer;
}
/* end */

/* 2022-12-20 */
.tr_pending_files_sign{
  background-color: #f4f3b0;
}
/* end */
/* 2023-01-10 */
.officer_table_data{
  border-bottom: 1px solid #e8e8e8;
  border-bottom-style: dotted;
}
/* end */
/* 2023-01-17 */
.body_all_links{
  width: 100%;
  border: 1px solid #e8e8e8;
  overflow-y: auto;
  height: 80px;
  padding: 3px;
  font-size: 12px;
}
/* end */

/* 2023-01-23 */
.journal_view_indicator{
  text-decoration: underline;
  color: blue;
}
/* end */
/* 2023-02-06 */
.slider-element{
  height: 80%;
  position: fixed;
  bottom: 0;
  max-width: 350px;
  background-color: #ffffff;
  right: 0;
  border: 1px solid #e8e8e8;
  z-index: 1033;
  border-radius: 0px;
  /* margin-left: -350px; */
  display: none;
}
.slider_element_header{
  top: 0;
  /* position: absolute; */
  width: 100%;
  height: 32px;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  flex-flow: column wrap;
  align-content: space-between;
}
.slider_element_title{
  margin: 5px 5px 5px 5px;
}
.slider_element_close_button{
  margin: 5px 5px 5px 5px;
  cursor: pointer;
}
.slider-element-body{
  height: 100%;
  overflow-y: auto;
  padding-bottom: 35px;
}
.slider-element-app-icon{
  width: 50px;
  margin: 0px 10px 0px 10px;
}
.slider-element-list-apps{
  list-style: none;
}
.slider-element-list-apps > a{
  padding: 10px;
  max-height: 100px;
  border: 1px solid #e8e8e8;
  display: flex;
  text-decoration: none;
  display: table;
}
.info-app{
  color: #000000;
/*  column-width: 90%;*/
  display: table-cell;
  width: 90%;
}
.icon-app{
/*  column-width: 10%;*/
  display: table-cell;
  vertical-align: middle;
  width: 10%;
}
.info-app > p.app-title{
  font-weight: 900;
}
.slider-element-visible{
  display: block;
}
/* end */

/* 2023-03-17 */
.item_panel{
  border: 1px solid #e8e8e8;
  padding: 5px;
}
.item_panel_title{
  padding: 3px 10px 3px 10px;
  font-weight: bold;
}
.comment_data_owner{
  padding-top: 10px;
  padding-left: 10px;
  font-size: 12px;
}
.comment_data_msg{
  padding: 15px;
  text-align: justify;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background-color: #e8e8e8;
}
/* end */

/*2023-03-28*/
.search-option-btn-global{
  color: #000000;
  /* padding: 8px; */
  background-color: #ffffff;
  border-radius: 50%;
  margin: 3px 3px 3px 10px;
}

.search-input-global{
  height: 30px;
  width: 100%;
  border: none;
  border-radius: 50px;
  background-color: transparent;
}

.search-input-global:focus-visible, .search-input-global:focus{
  /* border: none; */
  outline: none;
}

.search-options-list{
  position: relative;
  top: 5px;
}

.search-ul-container{
  padding-left: 0px;
  position: absolute;
  background-color: #ffffff;
  min-width: 40vh;
  border-radius: 5px;
  list-style: none;
  max-height: 40vh;
  overflow-y: auto;
  /* border: 1px solid #e8e8e8; */
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.search-ul-container::-webkit-scrollbar-track{
  /* border: 1px solid #000; */
  padding: 2px 0;
  background-color: #ffffff;
}

.search-ul-container::-webkit-scrollbar {
  width: 5px;
}

.search-ul-container::-webkit-scrollbar-thumb {
  border-radius: 3px;
  /* box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
  background-color: #e8e8e8;
  /* border: 1px solid #000; */
}

.search-ul-container > li{
  border-bottom: 1px solid #e8e8e8;
  padding: 10px;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  cursor: pointer;
  padding-left: 20px;
}

.search-ul-container > li:hover{
  background-color: #e8e8e8;
}

.search-ul-container > li:not(:last-child){
  border-bottom: 1px solid #e8e8e8;
}

.search-bar-container{
  background-color: #ffffff;
/*  opacity: 0.5;*/
  max-width: 15vh;
  /* display: flex; */
  padding: 3px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  margin-bottom: 3px;
  margin-left: 3px;
  /* left: 0; */
  top: 72px;
  position: absolute;
  z-index: 1;
  transition-duration:500ms;
}

.search-bar-container-inner:focus-within{
  opacity: 1 !important;
}

@media(min-width: 1px) and (max-width: 781px){
  .search-bar-container{
    left: 0;
    right: 0;
    top: 75px;
    max-width: 90%;
  }
  /* 2023-04-27 */
  .dropdown-menu-new{
    right: 0 !important;
    left: auto !important;
  }
  /* end */
}

@media(min-width: 782px) and (max-width: 939px){
  .search-bar-container{
    left: 20px;
    top: 115px;
    /* max-width: 100%; */
  }
}

@media(min-width: 940px) and (max-width: 999px){
  .search-bar-container{
    max-width: 40px !important;
  }
  /* 2023-04-10 */
  .search-bar-container:focus-within{
    max-width: 120px !important;
  }
  /* end */
}

@media(min-width: 1000px) and (max-width: 1299px){
  .search-bar-container{
    max-width: 40px !important;
  }
  /* 2023-04-10 */
  .search-bar-container:focus-within{
    max-width: 170px !important;
  }
  /* end */
}

@media(min-width: 1300px){
  .search-bar-container{
    max-width: 40px !important;
    border: 1px solid #e8e8e8;
    /* left: 0; */
    /* right: 0; */
    margin: auto;
  }
  /* 2023-04-10 */
  .search-bar-container:focus-within{
    max-width: 350px !important;
  }
  /* end */
}

.search-bar-container-inner{
  display: flex;
  align-items: center;
  justify-content: center;
}

.favorite-item-selected{
  color: #e8c303;
}
/* end */

/* 2023-04-10 */
.search-input-global:focus::placeholder{
  color: grey !important;
}

.search-input-global:focus{
  color: grey !important;
  background-color: #ffffff;
}

.search-input-global::placeholder{
  color: transparent;
}
/* end */

/* 2023-04-20 */
.grettings-container{
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.element-10-flex{
  width: 10%;
}

.element-20-flex{
  width: 20%;
}

.element-40-flex{
  width: 40%;
}

.element-45-flex{
  width: 45%;
}

.foot-options-container{
  margin-top: 10px;
  margin-bottom: 10px;
}

.directory-attach-files-container{
  display: flex;
  flex-flow: wrap;
}

.icon_file_container{
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.icon_file_element{
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  padding: 10px;
}

.delete_attached_file{
  top: -5px;
  right: -5px;
  position: absolute;
}

.delete_attached_file:hover{
  color: #ff3636;
}
/* end */

/* 2023-01-27 */
.favorite-icon-opt-container{
  position: absolute;
  top: 8px;
  right: -29px;
  /* border: 1px solid #e8e8e8; */
  cursor: pointer;
}

.favorite-icon-opt-container > .fa-star{
  color: yellow;
  background-color: #5c5c5c;
  border-radius: 50%;
  font-size: 15px;
  padding: 3px;
}
.dropdown-menu-new{
  right: auto;
  left: 0;
}
li[data-link-favorite]{
  padding: 3px 10px 3px 10px;
  /* border-bottom: 1px solid #e8e8e8; */
}
li[data-link-favorite]:hover{
  background-color: #e8e8e8;
}
/* end */

#seccion_operation .dropdown-menu.inner{
    max-height: 200px !important;
  }

/* 2023-07-25 */
.reserve_payment_bank{
  margin-left: 52px;
}
/* end */
/* 2023-08-14 */
.line-client-information{
  border: 1px solid #e8e8e8;
  padding: 5px;
  border-radius: 5px;
  font-weight: 100;
}
/* end */

/* 2023-10-25 */
.relative-position{
  position: relative;
}
/* end */
/* 2023-11-01 */
/* estilo para botpon de favoritos en funciones del sistema */
.favorite-add-icon > span{
  font-family: arial;
  font-style: normal;
  font-size: 14px;
  color: #000000;
}
/* end */
/* 2023-11-14 */
.file-info-box{
  border: 1px solid #f7f7f7;
  padding: 5px;
  border-radius: 5px;
  background-color: #f7f7f7;
  font-size: 12px;
}

.list-group-item label.label-no-weight{
  font-weight: 100;
}

.alert-info2{
  color: #000;
  background-color: #c8eaf1a6;
  border-color: #c8eaf1a6;
}
.alert-warning2{
color: #000;
    background-color: #faebcc;
    border-color: #faebcc;
    }
/* end */

/* 2023-12-06 */
.padding-top-space{
  padding-top: 10px;
}
/* end */

/* 2023/11/15 */
.fa-newspaper-o {
  position: relative;
}
.nNews {
  position: absolute;
  top: -6px;
  right: 10px;
  transform: translate(-50%, -50%);
  background-color: red; /* Color de fondo del badge, ajusta según tu diseño */
  border-radius: 50%; /* Para hacer un círculo, ajusta según tu diseño */
  font-size: 11px; /* Ajusta según tu diseño */
  color: white; /* Color del texto del badge, ajusta según tu diseño */
}
/* modal y boton */
.modalb {
  padding: 10px;
  }
.modalcardbody {
    padding: 15px;
}
.card-title {
    font-size: 1.8rem;
    color: #333; 
}
.separateline {
    border: 1px solid #ccc;
}
.image-modal{
  border-radius: 10px !important;
  margin: 10px 0 10px 0;
}
.image-modalhome {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}
.custom-video-container {
  max-width: 600px; /* Define el ancho máximo del contenedor */
  margin: 0 auto; /* Centra el contenedor horizontalmente */
}
.custom-video-container iframe {
  width: 100%;
  height: 400px;
}
#quiljsbtn {
  border: none;
  height: auto;
  margin-bottom: 10px;
}
#quiljsbtn .ql-editor {
    height: auto;
    padding: 0;
    font-size: 14px;
}
/* end */
/* 2024-02-02 */
#frameChatWolkvox{
  margin-right: -1.6% !important;
  margin-bottom: 50px !important;
}
/* end */
/* 2024-02-23 */
.dates_container{
  border: 1px solid #E8E8E8;
  padding: 10px;
  border-radius: 5px;
}
/* end 
/* 2024-03-08 */
.concept-cell{
/*  word-break: break-all;*/
  white-space: normal;
}
/* end */

/* 2024-03-11 */
.delete-swipe > .notification-content{
  margin-left: -70px;
  transition: margin 200ms;
}

.delete-notification-button > button.btn-danger{
  height: 100%;
}

.notification-content{
  width: 100% !important;
  transition: margin 200ms;
  margin: 5px;
  padding-left: 5px !important;
}
/* end */
/* 2024-03-15 */
.completed-form-credapp{
  background-color: #93bee6;
  color: #000000;
}
.completed-form-credapp i, .completed-form-credapp a{
  color: #000000;
}
/* end */
/* 2024-03-18 */
.credapp-coment-container{
  border: 1px solid #e8e8e8;
  padding: 10px;
  border-radius: 5px;
}

.credapp-user-comment{
  background-color: #003b57;
  color: #ffffff;
  display: inline-block;
  padding: 2px 5px 2px 5px;
  font-size: 12px;
  border-radius: 5px;
}

.credapp-comment{
  padding: 10px 5px 10px 5px;
}

.credapp-comment-date{
  display: inline-block;
  font-size: 10px;
  /* padding-top: 5px; */
}

.credapp-record-delete{
  float: right;
}

#credapp_comments_container{
  max-height: 45vh;
  overflow-x: auto;
}

.record-comment-icon{
  display: inline-flex;
}

.comment-number{
  width: 16px;
  color: #ffffff;
  background-color: red;
  height: 16px;
  vertical-align: middle;
  padding-top: 1px;
  border-radius: 5px;
}

.credapp-no-comments{
  border: 1px solid #E8E8E8;
  border-radius: 5px;
  padding: 10px;
}
/* end */
/* 2024-05-11 */
.td-break-word{
  word-break: break-word;
}
/* end */
/* 2024-06-27 */
.docs_to_assign_container{
  font-size: 12px;
  padding: 20px 10px 20px 10px;
  /* border-radius: 5px; */
  /* border: 1px solid #e8e8e8; */
}
/* end */
/* 2024-10-22 */
.comment-bubble{
  padding: 8px;
  margin-bottom: 5px;
  border: 1px solid #E8E8E8;
  border-radius: 5px;
  position: relative;
  background-color: #FFFFFF;
  transition: background-color 0.5s ease;
}

.comment-bubble > .comment-owner{
  font-size: 10px;
}

.comment-bubble > .comment-delete-option{
  position: absolute;
  right: 5px;
  top: 5px;
}

.comment-bubble > .comment-delete-option:hover{
  color: #d9534f;
}

.comment-bubble > .comment-bubble-comment-info{
  padding: 3px;
}

.new-comment-indicator{
  position: absolute;
  background-color: red;
  right: -8px;
  top: -2px;
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.comment-no-read-status{
  background-color: #b8ffc3;
}
/* end */
/* 2025-03-21 */
.border-bottom-cell-table{
  border-bottom: 2px solid #000000;
}
.border-top-cell-table{
  border-top: 1px solid #000000 !important;
}
/* end */
/* 2025-04-29 */
.has-cleitem-exception{
  background-color: #0075fe;
  color: #FFFFFF;
}

.client-memo-note{
  max-height: 10vh;
  overflow-x: auto;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #E8E8E8;
  border-radius: 5px;
}

.exception-note-comments{
  border: 1px solid #E8E8E8;
  border-radius: 5px;
  min-height: 25vh;
  max-height: 25vh;
  overflow-x: auto;
  margin-top: 10px;
  padding: 3px;
}

.cl-exception-note-box{
  margin: 5px;
  border-bottom: 1px solid #E8E8E8;
}
/* end */
/* 2025-05-05 */
.container-bubble-box{
  border: 1px solid #E8E8E8;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 8px;
}

.container-bubble-box-text{
  margin-bottom: 3px;
  text-align: justify;
}

.container-bubble-box-user-date{
  font-size: 10px;
}
/* end */
/* 2025-05-16 */
/*cambio de color para el toaster success*/
.toast-success {
  background-color: #003b57 !important; /* Por ejemplo, azul */
  color: #FFFFFF !important;
}
/* end */