/* CSS modificados para el proyecto*/
/* *{
    border: 0.5px solid red;
} */
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  font-family: "Font Awesome 5 Free"!important;
  font-weight: 900;
}
table.dataTable thead .sorting:after {content: "\f0dc" !important;}
table.dataTable thead .sorting_asc:after {content: "\f0de"!important;}
table.dataTable thead .sorting_desc:after {content: "\f0dd"!important;}

.oswald {font-family: 'Oswald', sans-serif;}
.table td {font-weight: 500;}

.menu1 span{
    font-size: 12px;
    color: #6c757d;
    display: flex;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}

.topbar .top-navbar .navbar-header{
    line-height: 80px;
    border-right: 1px solid rgba(0,0,0,.1);
}

.cuslogin input{
    font-weight: 500;
}

.card{
    box-shadow: 3px 9px 25px 2px rgb(232, 232, 232,1);
}
.menu1 i{
    font-size: 18px;
    color: var(--main-bg-color-primario);
}

.menu1{
    padding: 10px;
    text-align: center;
}

.navbar-brand{
    font-size: 12px;

    /* letter-spacing: 1px; */
}

.logoinacex{
    padding: 0;
}

.btn-inacex {
    color: #ffffff;
    background-color: var(--main-bg-color-primario);
    border-color: var(--main-bg-color-primario);
    font-family: 'Oswald', sans-serif;
}

.btn-secondary {
    font-family: 'Oswald', sans-serif;
}

.btn-inacex:hover {
    color: #ffffff;
    background-color: #658428;
    border-color: #658428;
    transition: 1s all;
}
.btn_inacex {
    color: #ffffff;
    background-color: #89b13b;
    border-color: #89b13b;
    transition: 1s all;
}
.btn_inacex:hover {
    color: #ffffff;
    background-color: #658428;
    border-color: #658428;
}
.text_white .btn-inacex:hover {color: #fff!important;}

.bonos{
    margin:20px 0 0 0;
}

.colbono{
    padding: 0;
    /* border: 10px;  */
}

.cellbono{
    margin:0 0 10px 0;
}

.bonustext{
    font-size: 14px;
    font-weight: 500;
}

.bonusnumber{
    font-weight: 600;
}


.boton1{
    margin: 0 0 20px 0;
}

.boton1 button{

    font-size: 14px;
    font-weight: 500;
    border-radius: 0%;
    padding: 8px 14px 8px 14px;
}

.boton1 button:hover{
    color: #fff;
    opacity: 0.5 black;
}

.filacombo1{
    margin: 0 0 10px 0;
    padding: 0;
}

.cususer span{
    padding: 0 10px 0 0;
    font-size: 16px;
}

.cususer i{
    padding: 0 10px 0 10px;
    font-size: 16px;
    color: var(--main-bg-color-primario);
}

.cususer h4{
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}
.cususer h4 span{
    font-size: 14px;
    font-weight: 400;
}

.modaluser h4{
    font-size: 16px;
    font-weight: 400;
    font-weight: 400;
}

.modaluser p{
    font-size: 12px;
    font-weight: 400;
}

.cusnotif{
    padding: 20px;
    font-size: 16px;
    color: var(--main-bg-color-primario);
}

.filacombo2{
    margin: 0 0 10px 0;
    padding: 0;
}

/* .headfondo:active{
    background: green;
} */

.headfondo a span{
    color: white;
    text-transform: uppercase;
}

.headfondo a.active span{
    color:white;
}

.horizontal-nav .sidebar-nav #sidebarnav>li>a.active
{
    /*background:var(--main-bg-color-secundario);*/
    border-bottom-color:var(--main-bg-color-secundario);
}

.horizontal-nav .sidebar-nav #sidebarnav>li>a
{
    border-left: 0;
}

.skin-megna-dark.horizontal-nav .sidebar-nav #sidebarnav>li:hover>a
{
    background:var(--main-bg-color-secundario);
    transition: 0.7s ease-out;
}

.headtable{
    background-color: var(--main-bg-color-secundario);
    color:  white;
    font-size:12px;
    height: 45px;
}

 table .headtable th{
    font-weight: 700;
}


/* .headfondo a:hover{

} */
/* .headfondo a span:hover{
    border-bottom: 1px solid white;
} */

.combopago{
    margin: 0 0 20px 0;
    padding: 0;
}

.etiqueta{
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.contentlabel{
    padding: 0;
    color: var(--main-bg-color-primario);
    font-weight: 700;
    margin:0 15px 0 0;
    display:flex;
    flex-direction:row;
    align-items:center;
}

.contentlabel label{
    margin: 0 10px 0 0;
    white-space: nowrap;
    color: var(--main-bg-color-primario);
    font-size: 14px;

}

.contentlabel select{
    font-weight: 500;
}

.cuentastitulo{
    margin: 0 0 20px 0;
}

.cuentastitulo .titulo1{
    font-weight: 700;
    margin: 0;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
}
.titulo1 {
  font-weight: 700;
  font-family: 'Oswald', sans-serif;
}

.customtab li a.nav-link.active, .profile-tab li a.nav-link.active{
    border-bottom: 2px solid var(--main-bg-color-primario);
    color: var(--main-bg-color-primario);
}

.customtab li a.nav-link:hover, .profile-tab li a.nav-link:hover{
    color: var(--main-bg-color-primario);
}

.custab li a{
    color: var(--main-bg-color-primario);
}

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

.titulo2{
    margin: 40px 0 10px 0;
    font-weight: 500;
}

.col-sm-6{
    margin: 0 0 10px 0;
}

.bg-inacex {
    background-color: var(--main-bg-color-primario);
}

.bg-inacex1 {
    background-color: #ff601e;
}

.label-inacex2 {
    background-color: var(--main-bg-color-primario);
}
.label-inacex1 {
    background-color: #ff601e;
}

.round, .round.round-inacex {
    background: var(--main-bg-color-primario);
}

.text-inacex {
    color: var(--main-bg-color-primario)!important;
}

.text-inacex2 {
    color: #ff601e!important;
}
.subtitle-inacex {
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 2px;
    color: #6c757d;
}

.place{
    color: #868685;
}

.card-inacex{
    width: 370px;
    margin: 5px 0 0 110px;
    box-shadow: 1px 5px 8px 0 rgba(0, 0, 0, 0.2), 10px 9px 20px 9px rgba(0, 0, 0, 0.19);
}

.card-inacex2{
    width: 370px;
    box-shadow: 1px 5px 8px 0 rgba(0, 0, 0, 0.2), 10px 9px 20px 9px rgba(0, 0, 0, 0.19);
}

.label-inacex {
    color: var(--main-bg-color-primario);
    font-weight: 700;
}

.statitle h4{
    color: black;
}

.statitle2 h3{
    color: black;
    font-weight: 600;
}

.statitle2 h6{
    color: black;
}
/* .dataTables_length{
    display:flex;
    justify-content: flex-end;
} */
@media (max-width: 480px)
{
  .card-inacex{
      width: 370px;
      margin: 5px 0 0 55px;
      box-shadow: 1px 5px 8px 0 rgba(0, 0, 0, 0.2), 10px 9px 20px 9px rgba(0, 0, 0, 0.19);
  }
  .contentlabel{
    display:flex;
    flex-wrap: wrap;
    padding: 0;
    margin:15px 15px 0 0;
    }
    .logoinacex img{
        width: 60px;
        padding-right: 10px;
    }
    .cususer h4{
        display: none;
    }
    .cususer h4 span{
        display: none;
    }

    .menu1{
        display: none;
    }
    .skin-megna-dark .topbar{
        background: linear-gradient(to right,#01c0c8 0,var(--main-bg-color-primario) 100%);
    }
    .menures a i{
        color:var(--main-bg-color-primario);
        padding:10px;
    }
}

.nav-text{
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
}

.btn-inacex2 {
    color: #ffffff;
    background-color: #ff601e;
    background-image: linear-gradient(180deg,#fea128,#ff601e);
    font-family: 'Oswald', sans-serif;
}

.btn-inacex2:hover {
    color: #ffffff;
    background-color: #f2a23a;
    background-image: linear-gradient(180deg,#f2a23a,#d1470e);
    font-family: 'Oswald', sans-serif;
}

.menu2{
    padding: 18px;
    text-align: center;
}

.menu2 i{
    font-size: 18px;
    color: #fff;
}

.menu2 span{
    font-size: 12px;
    color: #fff;
    display: flex;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}

.menu2:hover{
  color: #ffffff;
  background-color: var(--main-bg-color-primario);
  border-color: var(--main-bg-color-primario);
}

.menu2 > li.active > a{
    background:#ffffff;
    /*border-bottom-color:#ffffff;*/
}

/*.topbar .top-navbar .navbar-nav>.menu2.show {
    background: rgba(137, 177, 59, 0.9);
}*/
/* ----------------temas-------------------------- */
.inacex-theme{
    background:#ffffff
}
.skin-inacex .topbar{
    background:#0178bc;
    background:-moz-linear-gradient(left,#318f94 0,#5ec58c 100%);
    background:-webkit-linear-gradient(left,#318f94 0,#5ec58c 100%);
    background:linear-gradient(to right,#318f94 0,#5ec58c 100%)
}
.skin-inacex .topbar .top-navbar .navbar-header .navbar-brand .dark-logo{
    display:none
}
.skin-inacex .topbar .top-navbar .navbar-header .navbar-brand .light-logo{
    display:inline-block;
    color:rgba(255,255,255,.8)
}
.skin-inacex .page-titles .breadcrumb .breadcrumb-item.active,.skin-inacex .sidebar-nav ul li a.active,.skin-inacex .sidebar-nav ul li a.active i,.skin-inacex .sidebar-nav ul li a:hover,.skin-inacex .sidebar-nav ul li a:hover i,.skin-inacex .sidebar-nav>ul>li.selected>a i{
    color:#55ce63
}
.skin-inacex .sidebar-nav>ul>li.selected>a{
    color:#55ce63;
    border-left:3px solid #55ce63
}
.skin-inacex .left-sidebar{
    background:#272c33
}
.skin-inacex .left-sidebar .user-pro-body a.link{
    color:#54667a
}
/* btn icon 1 */
.btn-outline-inacex{
    color:var(--main-bg-color-primario);
    background-color:transparent;
    border-color:var(--main-bg-color-primario)
}
.btn-outline-inacex:hover{
    background-color:var(--main-bg-color-primario);
    color:#fff;
    border-color:var(--main-bg-color-primario)
}
.btn-outline-inacex.disabled,.btn-outline-inacex:disabled{
    color:var(--main-bg-color-primario);
    background-color:transparent
}
.btn-outline-inacex:not(:disabled):not(.disabled).active,.btn-outline-inacex:not(:disabled):not(.disabled):active,.show>.btn-outline-inacex.dropdown-toggle{
    color:#fff;
    background-color:var(--main-bg-color-primario);
    border-color:var(--main-bg-color-primario)
}
.btn-outline-inacex.focus,.btn-outline-inacex:focus,.btn-outline-inacex:not(:disabled):not(.disabled).active:focus,.btn-outline-inacex:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-inacex.dropdown-toggle:focus{
    box-shadow:0 0 0 .2rem rgba(137,177,59,.5)
}
/* btn icon 2 */
.btn-outline-inacex1{
    color:#ff601e;
    background-color:transparent;
    border-color:#ff601e
}
.btn-outline-inacex1:hover{
    background-color:#ff601e;
    color:#fff;
    border-color:#ff601e
}
.btn-outline-inacex1.disabled,.btn-outline-inacex1:disabled{
    color:#ff601e;
    background-color:transparent
}
.btn-outline-inacex1:not(:disabled):not(.disabled).active,.btn-outline-inacex1:not(:disabled):not(.disabled):active,.show>.btn-outline-inacex1.dropdown-toggle{
    color:#fff;
    background-color:#ff601e;
    border-color:#ff601e
}
.btn-outline-inacex1.focus,.btn-outline-inacex1:focus,.btn-outline-inacex1:not(:disabled):not(.disabled).active:focus,.btn-outline-inacex1:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-inacex1.dropdown-toggle:focus{
    box-shadow:0 0 0 .2rem rgba(255,96,30,.5)
}
/* no imprimir elemento */
@media print {
  .noprint {
    display: none !important;
  }

  .novisible {
    visibility: hidden;
  }

  @page {
    size:  auto;   /* auto es el valor inicial */
    margin: auto;   /* afecta el margen en la configuración de impresión */
  }
}

/* check box*/
.checkbox {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.checkbox span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.checkbox span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #9098A9;
  transition: all 0.2s ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.checkbox span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.checkbox span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--main-bg-color-primario);
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
.checkbox span:last-child {
  padding-left: 8px;
}
.checkbox:hover span:first-child {
  border-color: var(--main-bg-color-primario);
}

.inputcheck:checked + .checkbox span:first-child {
  background: var(--main-bg-color-primario);
  border-color: var(--main-bg-color-primario);
  animation: wave 0.4s ease;
}
.inputcheck:checked + .checkbox span:first-child svg {
  stroke-dashoffset: 0;
}
.inputcheck:checked + .checkbox span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}

@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}

.table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid #d2d3d4;
}


table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-right: 0px solid red;
}


.diploma-title {
  color: #000;
  font-size: 45px;
  font-weight: 700;
  font-family: 'Oswald';
}


.diploma-title1 {
  color: #000;
  font-size: 47px;
  font-weight: 300;
  font-family: 'Anton', sans-serif;
  letter-spacing: 2px;
}

.diploma-subtitle {
  color: #4f4f52;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
.diploma-name {
  color: #000;
  font-size: 34px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

.diploma-statement {
  color: #4f4f52;
  font-size: 19px;
  line-height: 1.3em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
.diploma-content {
  color: #000;
  font-size: 20px;
  line-height: 1.2em;
}

.diploma-content1 {
  color: #000;
  font-size: 28px;
  line-height: 1.0em;
}

.diploma-enunciate {
  color: #8a8a8b;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
    background-color: rgba(136, 188, 32);
}
.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
    background-color: rgba(136, 188, 32);
}
.ps:hover>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x, .ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y {
    background-color: rgba(136, 188, 32);
}

/* iconos de inicio*/
.btn-inacex3 {
    color: #ffffff;
    background-color: var(--main-bg-color-secundario);
    border-color: var(--main-bg-color-secundario);
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}

.btn-inacex3:hover {
    color: #ffffff;
    background-color: var(--main-bg-color-primario);
    border-color: var(--main-bg-color-primario);
    font-weight: bold;
}

.btn-inacex4 {
    color: #ffffff;
    background-color: var(--main-bg-color-primario);
    border-color: var(--main-bg-color-primario);
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}

.btn-inacex4:hover {
    color: #ffffff;
    background-color: #ff601e;
    border-color: #ff601e;
    font-weight: bold;
}

.btn-inacex5 {
    color: #ffffff;
    background-color: #6c757d;
    border-color: #6c757d;
    font-family: 'Oswald', sans-serif;
}

.btn-inacex5:hover {
    color: #ffffff;
    background-color: #575f66;
    border-color: #575f66;
    transition: 1s all;
}

.btn-inacex6 {
    color: #ffffff;
    background-color: #ff601e;
    border-color: #ff601e;
    font-family: 'Oswald', sans-serif;
}

.btn-inacex6:hover {
    color: #ffffff;
    background-color: #d1470e;
    border-color: #d1470e;
    transition: 1s all;
}

.text-annex {font-family: 'Archivo Narrow', sans-serif;}
.border-inacex {border: 1px solid #000!important;}

/* carrusel */
.carousel-inacex{
    padding-top:0px;
    padding-bottom:90px;
    color:#fff;
    text-align:left;
}
.carousel-text{
    font-size: 50px;
    line-height: 1.1em;
}
.carousel-subtext{
    font-size: 25px;
    line-height: 1.1em;
}
@media only screen and (max-width: 768px) {
  .carousel-text{
      font-size: 35px;
      line-height: 1.1em;
  }
  .carousel-subtext{
      font-size: 20px;
      line-height: 1.1em;
  }
}

/* Diploma edit preview */
.screen-diploma-edit {
  background-image: url(/images/letterhead.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 910px;
}

.diploma-title-edit {
  color: #000;
  font-family: 'Oswald', sans-serif;
}

.body-edit-diploma {height: 14.5cm;}

.edit-title-area {height: 2.5cm; width: 490px; display: table;}
.center-edit-diploma {display: table-cell; vertical-align: middle;}
.area-diploma-edit {height:10.8cm; width: 490px; display: table;}
.name-edit-area {height: 2.5cm; width: 490px; display: table;}
.course-edit-area {height: 4cm; width: 490px; display: table;}
.module-edit-area {height: 4cm; width: 490px; display: table;}

.aval-ccm {max-height: 80px;}
.aval-nch {max-height: 75px;}
.aval-sna {max-height: 55px;}

.title-view-edit {font-size: 25px; line-height: 0.9em; font-family: 'Oswald', sans-serif;}
.subtitle-view-edit {font-weight: 300; font-size: 12px;}
.registry-view-edit {font-weight: 700; font-size: 12px; line-height: 0.9em;}
.enunciate-view-edit {font-weight: 300; font-size: 12px; line-height: 0.9em;}
.name-view-edit {font-size: 18px; line-height: 0.9em; color: #000; font-family: 'Open Sans', sans-serif; font-style: italic;}
.program-view-edit {font-weight: 300; font-size: 12px; line-height: 1.5em;}
.training-view-edit {font-size: 15px; line-height: 1.3em;}
.aval-view-edit {font-size: 12px; font-style: italic;}

@media only screen and (max-width: 1366px) {

  .body-edit-diploma {height: 11.3cm;}

  .edit-title-area {height: 1.5cm; width: 410px; display: table;}
  .center-edit-diploma {display: table-cell; vertical-align: middle;}
  .area-diploma-edit {height:8.8cm; width: 410px; display: table;}
  .name-edit-area {height: 2cm; width: 410px; display: table;}
  .course-edit-area {height: 2cm; width: 410px; display: table;}
  .module-edit-area {height: 2cm; width: 410px; display: table;}


  .screen-diploma-edit {
    background-image: url(/images/letterhead.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 753px;
  }
  .aval-ccm {max-height: 60px;}
  .aval-nch {max-height: 55px;}
  .aval-sna {max-height: 40px;}

  .title-view-edit {font-size: 20px; line-height: 0.9em; font-family: 'Oswald', sans-serif;}
  .subtitle-view-edit {font-weight: 300; font-size: 10px;}
  .registry-view-edit {font-weight: 700; font-size: 10px; line-height: 0.9em;}
  .enunciate-view-edit {font-weight: 300; font-size: 10px; line-height: 0.9em;}
  .name-view-edit {font-size: 15px; line-height: 0.9em; color: #000; font-family: 'Open Sans', sans-serif; font-style: italic;}
  .program-view-edit {font-weight: 300; font-size: 10px; line-height: 1.5em;}
  .training-view-edit {font-size: 13px; line-height: 1.3em;}
  .aval-view-edit {font-size: 10px; font-style: italic;}
}

/* Data picker */
.datepicker.datepicker-dropdown.dropdown-menu {
  z-index: 5100!important;
}
/* Boton de asignar repuesta en examenes */
.exam-input {
  color: #009efb;
  font-weight: 700;
}
.exam-check {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .25rem;
  text-transform: uppercase;
  transition: color .15s;
  color: #fff;
  background-color: var(--main-bg-color-primario);
  border-color: var(--main-bg-color-primario);
  font-family: 'Oswald', sans-serif;
}

.exam-check:hover {
    color: #fff;
    background-color: #658428;
    border-color: #658428;
    transition: 1s all;
}

/* Alerta inacex */
.alert-inacex {
  color: #57595b;
  background-color: #a9d94c;
  border-color: var(--main-bg-color-primario);
}

/* nuevos */
.title_1 {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

/* Finanzas */

@media (min-width: 768px) {
  .finance_edit_area {max-height: 100vh;}
  .finance_template_area {min-height: 90vh;}
}

.panel {
  padding: 10px;
  border-radius: 0.25em;
  border: 1px solid #a9a9a9;
}

.color_text_finance .asColorPicker-wrap input,
.color_text_finance .asColorPicker-wrap a {display: none;}
.color_text_finance .asColorPicker-wrap .asColorPicker-trigger {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
}
.color_bg_finance .asColorPicker-wrap input,
.color_bg_finance .asColorPicker-wrap a {display: none;}
.color_bg_finance .asColorPicker-wrap .asColorPicker-trigger {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
}

.modal.modal-right .modal-dialog{min-height:calc(100vh - 0)}
.modal.modal-right.show .modal-dialog{transform:translate(0,0)}
.modal.modal-right .modal-content{height:calc(100vh - 0);overflow-y:auto}
.modal.modal-right .modal-dialog{transform:translate(100%,0);margin:0 0 0 auto}

#letters_tr th {
  padding: 0.1rem 0.6rem;
  color: #fff;
  background-color: #6f6f6f;
  position: sticky;
  top: 0;
  z-index: 10;
}
#headers_tr th {
  padding: 0.1rem 0.6rem;
  vertical-align: middle;
}
.bodies_tr td {
  padding: 0.1rem 0.6rem;
  vertical-align: middle;
}
.dashboard_sede_link {
  color: #343a40;
}
.dashboard_sede_link:hover {
  color: #343a40;
  text-decoration: underline;
}
.widget_dashboard .card .card-title {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.widget_dashboard .data_text_1 {font-size: 22px;}
.widget_dashboard .data_text_2 {
  font-size: 17px;
  font-family: 'Oswald', sans-serif;
}
.widget_dashboard .card .card-subtitle {
  color: #343a40;
  font-family: 'Oswald', sans-serif;
}

#finance_tbody td {vertical-align: middle;}
/* Inicio - finanzas */
.home_management_description {
  border-right-style: solid;
  border-right-width: 2px;
  border-color: #ff601e;
}

/* Corporatyivo - finanzas */
.corporate_item {
  border: 1px solid #ddd;
  border-radius: 0.25em;
  margin-bottom: 15px;
}
.corporate_item .head_item_corporate{
  background: #ddd;
  padding: 15px
}
.corporate_item .head_item_corporate a {
  color: #000;
  font-weight: 700;
  font-size: 18px;
  display: flex;
  justify-content: space-between;
}
.corporate_item .head_item_corporate a:hover {color: #000;}
.corporate_item .collapse {padding: 10px;}
.arrow_icon {margin-left: 4px;}
.arrow_icon::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-style: normal;
    transition: 0.5s;
}

.link_item_corporate {font-family: 'Oswald', sans-serif;}
.link_item_corporate .arrow_icon::before {content: "\f106";}
.link_item_corporate.collapsed .arrow_icon::before {content: "\f107";}
.table_corporative .table_title {
  text-align: center;
  text-transform: uppercase;
}
.table_corporative thead th,
.table_corporative tfoot td,
.table_corporative tr.subtotal_table td {
  font-weight: 700;
  color: #000;
}
.table_corporative tr.resaltar td {
  background-color: #f2a46f;
  font-weight: 700;
}

/* Dashboard detail */
.detail_dash_table thead th {
  font-weight: 700;
  color: #000;
  text-align: center;
  background-color: #ddd;
  text-transform: uppercase;
}
.detail_dash_table .text-danger td {color: #ff0000;}
.detail_dash_table .font-bold td {color: #000;}
.detail_dash_table .bg-muted td {
  font-weight: 700;
  color: #000;
  background-color: #ddd;
}
.detail_dash_table .resaltar td {
  background-color: #fcfc03;
  font-weight: 700;
}
.detail_dash_table tbody td.font-bold {
  font-weight: 700;
  color: #000;
}
.detail_dash_table tbody td a {
  font-weight: 700;
  color: #000;
}
.detail_dash_table tbody td a:hover {
  color: #000;
  text-decoration: underline;
}
/* corporativo configuracion  */
.config_corp_table thead th {
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
}
.config_corp_table tr th,
.config_corp_table tr td {
  vertical-align: middle;
}
.link_corp_config {
  color: #343a40;
  text-decoration: underline;
  text-transform: uppercase;
}
.link_corp_config:hover {
  color: #ff601e;
  text-decoration: underline;
}
/* ///////////////// */
.table_first_row {
  position: sticky;
  top: 20px;
  background: #fff;
  z-index: 3;
}
.table_first_col {
  position: sticky;
  left: 0px;
}
.table_second_col {
  position: sticky;
  left: 32px;
  z-index: 3;
}
.table_title_top_1 {
  position: sticky;
  top: 20px;
  left: 0px;
  z-index: 5;
  background: #fff;
}
.table_title_top_2 {
  position: sticky;
  top: 20px;
  left: 32px;
  /* z-index: 5; */
  background: #fff;
}
/* /// */
.first_col_corp {
  position: sticky;
  left: 0px;
  background: #edf1f5;
}
.flujo_tabla tbody td {vertical-align: middle;}

table.dataTable thead .sorting:after {font-family: "Font Awesome 5 Free"!important;}

.tab_edit_view ul.nav-tabs {width: 250px;}

@media (max-width: 576px) {
  .vtabs.tab_edit_view {display: block;}
  .vtabs.tab_edit_view .tabs-vertical {display: flex;}
  .tab_edit_view ul.nav-tabs {width: 100%;}
}

.vertical_middle tbody td {vertical-align: middle;}

/* HEADER 2022  */
.header_2022 .top-navbar {
  background: #f1f1f1;
}
.option_header div {
  min-height: 80px;
  display: flex;
  align-items: center;
  padding: 0px 20px;
  color: #525252;
  font-family: 'Oswald', sans-serif;
}
.option_header div p {
  margin-bottom: 0px;
  text-align: center;
}
.option_header:hover div,
.option_header.active div {
  background: #89b13b;
  color: #fff;
}
.option_header div p span {
  font-size: 14px;
  font-weight: 400;
}
.option_header div p i {font-size: 18px;}

.option_header_2 div {
  min-height: 80px;
  display: flex;
  align-items: center;
  padding: 0px 20px;
  background: #0051f9;
  color: #fff;
  font-family: 'Oswald', sans-serif;
}
.option_header_2 div p {
  margin-bottom: 0px;
  text-align: center;
}
.option_header_2 div p span {
  font-size: 14px;
  font-weight: 400;
}
.option_header_2 div p i {font-size: 18px;}
.option_header_2:hover div {background: #d04b1c;}

.option_header_3 div {
  min-height: 80px;
  display: flex;
  align-items: center;
  padding: 0px 20px;
  background: #89b13b;
  color: #fff;
  font-family: 'Oswald', sans-serif;
}
.option_header_3 div label {
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 14px;
  border: 1px solid #fff;
  padding: 3px 15px 4px;
  border-radius: 25px;
  text-transform: uppercase;
}
.option_header_3 div img {
  width: 30px;
  border-radius: 50%;
}
/* .option_header_3:hover div,
.option_header_3.active div,
.dropdown_user:hover .option_header_3 div {

} */
.option_header_3:hover div label,
.option_header_3.active div label,
.dropdown_user:hover .option_header_3 div label {
  background: #f1f1f1;
  color: #525252;
}

.dropdown_user:hover .dropdown-menu {display: block;}

#carousel_home .carousel_caption {
  position: absolute;
  top: 0;
  right: 10%;
  left: 10%;
  height: 100%;
  display: flex;
  align-items: center;
}
#carousel_home .carousel_caption .carousel-text{
  color: #525252;
  font-family: 'Oswald', sans-serif;
}
#carousel_home .carousel_caption .carousel-text p {margin-bottom: 0px;}
#carousel_home .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #89b13b;
    cursor: pointer;
}
#carousel_home .carousel-indicators .active {
    background-color: #525252;
}
.text_body {
  color: #525252;
  font-family: 'Oswald', sans-serif;
}
.icon_acces {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.p_acces {
  padding: 2.5px;
}
.area_icon_acces {
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding-top: 15px;
  padding-bottom: 14px;
  min-height: 114px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.area_icon_acces:hover {
  -webkit-transform: translateY(-0.25em);
          transform: translateY(-0.25em);
}
.area_icon_acces p {margin-bottom: 0px;}
.area_icon_acces p span {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.area_icon_acces p i {
  font-size: 33px;
  margin-bottom: 10px;
}
.bg_acces_1 {background: #89b13b;}
.bg_acces_1:hover {background: #679000;}
.bg_acces_2 {background: #525252;}
.bg_acces_2:hover {background: #333;}
.bg_acces_3 {background: #2986e2;}
.bg_acces_3:hover {background: #0062c3;}
.bg_acces_4 {background: #f15a24;}
.bg_acces_4:hover {background: #d04b1c;}


@media (max-width: 767px) {
  .hlog_sm_none {display: none;}
}
@media (min-width: 767px) {
  .hlog_md_none {display: none;}
  .topbar.header_2022 .top-navbar .navbar-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.body_ver_2022 {
  font-weight: normal;
  color: #525252;
  /* font-family: 'Roboto', sans-serif; */
}
.body_ver_2022 .topbar {box-shadow: none;}
.body_ver_2022.skin-megna-dark .left-sidebar {background: #ccc;}
.body_ver_2022 .page-wrapper {background: #f1f1f1;}
.body_ver_2022 .sidebar-nav ul li a {
  display: flex;
  align-items: center;
  line-height: 1;
  min-height: 47px;
  color: #525252;
}
.body_ver_2022.skin-megna-dark.horizontal-nav .sidebar-nav #sidebarnav>li:hover>a {
    background: #89b13b;
    color: #fff;
}
.body_ver_2022.horizontal-nav .sidebar-nav #sidebarnav>li>a.active {
    background: #89b13b;
    color: #fff;
}
.body_ver_2022 .headfondo a span {
    color: #525252;
    text-transform: inherit;
}
.body_ver_2022 .headfondo .nav-text {
  font-size: 15px;
  font-weight: 400;
}
.body_ver_2022 .sidebar-nav>ul>li>a i {
  color: #525252;
  padding-right: 7px;
}
.body_ver_2022.skin-megna-dark .sidebar-nav ul li a.active i,
.body_ver_2022.skin-megna-dark .sidebar-nav>ul>li.selected>a i,
.body_ver_2022.skin-megna-dark .sidebar-nav ul li a:hover,
.body_ver_2022.skin-megna-dark .sidebar-nav ul li a:hover i,
.body_ver_2022.skin-megna-dark .sidebar-nav ul li a:hover .nav-text,
.body_ver_2022.skin-megna-dark .sidebar-nav ul li a.active .nav-text {color: #fff;}

@media (min-width: 767px){
  .body_ver_2022.horizontal-nav .sidebar-nav #sidebarnav>li>a {
    padding: 8px 15px;
    border-bottom: none;
  }
}
.body_ver_2022 .footer {
    border-top: none;
    background: #f1f1f1;
}
.text_footer {
  color: #aaa;
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.body_ver_2022 .nav-tabs .nav-link {font-weight: 600;}
.title_basic {
  font-weight: 700;
  font-size: 20px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}
.table_basic table thead th {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: #525252;
  text-transform: uppercase;
}
.table_basic tbody td,
.table_basic tbody th {
  vertical-align: middle;
  font-weight: normal;
}
.body_ver_2022 .modal-footer button {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
}

/* diploma 2022 */
.diploma_content {
    position: absolute;
    top: 2%;
    width: 100%;
    /* height: 93.5%; */
    padding: 0px 117px 0px 100px;
    color: #000;
}
.text_zise_area {min-height: 16cm;}
@media only screen and (min-width: 930px) {
  .text_zise_area {min-height: 19.3cm;}
}
@media print {
  .text_zise_area  {min-height: 18.3cm;}
}

.img_logo_diploma img {
  height: 180px;
  width: 180px;
}
.text_inacex_print {color: #7eb92f;}
@font-face {
    font-family: "HelveticaFont";
    src: url("/fonts/Helvetica.ttf");
    font-style: normal;
}
@font-face {
    font-family: "HelveticaFont";
    src: url("/fonts/Helvetica-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "HelveticaFontItalic";
    src: url("/fonts/Helvetica-Oblique.ttf");
    font-style: italic, oblique;
}
@font-face {
    font-family: "HelveticaFontItalic";
    src: url("/fonts/Helvetica-BoldOblique.ttf");
    font-weight: bold;
    font-style: italic, oblique;
}
@font-face {
    font-family: "HelveticaFont";
    src: url("/fonts/helvetica-light-587ebe5a59211.ttf");
    font-weight: lighter;
}
.title_diploma_1 {
  font-size: 33px;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
}
.title_diploma_2_letter {
  font-size: 17px;
  font-family: 'HelveticaFont';
  font-weight: 700;
  letter-spacing: 1px;
}
.title_diploma_2 {
  font-size: 17px;
  font-family: 'HelveticaFont';
  font-weight: 700;
}
.title_diploma_3 {
  font-size: 16px;
  font-family: 'HelveticaFont';
  font-weight: 700;
  letter-spacing: 1px;
}
.title_diploma_4 {
  font-size: 23px;
  font-family: 'HelveticaFont';
  font-weight: 700;
}
.title_diploma_5 {
  font-size: 21px;
  font-family: 'HelveticaFont';
  font-weight: 700;
}
.title_diploma_6 {
  font-size: 16px;
  font-family: 'HelveticaFont';
}
.title_diploma_7 {
  font-size: 16px;
  font-family: 'HelveticaFont';
}
.title_diploma_8 {
  font-size: 15px;
  font-family: 'HelveticaFont';
}
.title_diploma_9 {
  font-size: 20px;
  font-family: 'HelveticaFont';
  font-weight: 700;
}
.firma_area .title_diploma_7 {
  border-top: 1px solid #000;
  font-size: 15px;
  line-height: 1.2;
  padding-top: 8px;
}
/* .firma_area img {width: 100%;} */
.firm_img_espace {
  /* display: flex;
  align-items: center;
  justify-content: center; */
  max-height:3.1cm;
  text-align: center;
}
.firm_img_espace img {
    /* max-height: 150px; */
    max-width: 100%;
}

.parrafo_diploma_1 {
  font-size: 17px;
  font-family: 'HelveticaFont';
}
.parrafo_diploma_2 {
  font-size: 17px;
  font-family: 'HelveticaFont';
  font-weight: 700;
  line-height: 1;
}
.img_cert {
  display: flex;
  align-items: center;
}
.credit_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 25px;
  padding-right: 25px;
}
.foot_diploma {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 36px;
  padding-right: 25px;
}
.img_country {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  padding: 2px 7px;
}
.img_country img {
  height: 20px;
  margin-right: 4px;
}
.cert_text {
  text-align: right;
  line-height: 1;
}
.printableArea .linear {
  border-top: 3px solid;
  border-image: linear-gradient(to left, #7eb92f00, #7eb92f, #7eb92f00) 1;
  margin: 1.2rem 100px;
}
.text-opaco {color: #656568;}
.printableArea .diploma_content .text-muted {color: #7d8181!important;}

/* new modal on users */
.user_link {
  color: #7eb92f;
  font-weight: 600;
}
.user_link:hover {color: #658428;}
.modal_title {
  font-weight: 700;
  font-size: 18px;
  font-family: 'Oswald', sans-serif;
}
#users-datatable tbody td {vertical-align: middle;}
#tab_enrollment .table tbody td {
  vertical-align: middle;
  font-weight: 500;
}

/*income  */
.btn_input_out {
  background: inherit;
  border-top: 1px solid #a9a9a9;
  border-right: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
}

/* 2023 */
.title_project_1 {
  font-size: 20px;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
}
.table_project thead th {
  background-color: var(--main-bg-color-secundario);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
}
.table_project tbody td {
  vertical-align: middle;
}
.text_filter {
  color: var(--main-bg-color-primario);
  font-size: 14px;
  font-weight: 700;
}
.content_filter {
  display: flex;
  align-items: center;
}
.content_filter label {
  font-weight: 700;
  color: var(--main-bg-color-primario);
  margin-bottom: 0px;
  font-size: 14px;
}
.custom-control.custom-checkbox label {
  margin-top: 1px;
  font-size: 15px;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: var(--main-bg-color-primario);
}
.card_acces_tab {
  border: 2px solid #ccc;
  border-radius: .4rem;
}
.row_acces {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  flex-wrap: wrap;
}
.bg-muted {background-color: #eaeaea;}
.nav-pills .nav-link {font-weight: 500;}
.row_verano {
  display: flex;
  align-items: center;
  font-size: 15px;
}