.cursor-pointer{
    cursor: pointer;
}
.position-left{
    margin-right: 7px;
}

.position-right{
    margin-left: 7px;
}

.display-7 {
    font-size: 2rem !important; }

.display-8 {
    font-size: 1.8rem !important; }

.display-9 {
    font-size: 1.5rem !important; }

.scrollToTop {
    position: fixed;
    right: 10px;
    bottom: 10px !important;
    color: #FFF;
    background: #37474F;
    font-size: 26px;
    font-weight: normal;
    display: block;
    line-height: 1;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    cursor: pointer;
    z-index: 1098 !important;
    height: 50px;
    width: 50px;
    padding: 10px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] { -moz-appearance:textfield; }

.picker__select--month, .picker__select--year {
    height: 2.5em !important;
    font-size: 1.25rem !important;
}
.picker__select--month {
    width: 40% !important;
}

.picker__select--year {
    width: 25% !important;
}

.alert-social.twitter {
    background-color: #FFAB2D !important;
}

.fs-3-5 {
    font-size: 1.35rem !important;
}

.p-12{
    padding: 12px !important;
}

.nolabel-datatable {
    display: block !important;
    margin-bottom: 0 !important;
}

.dataTables_scrollBody{
    border: 1px solid #363062 !important;
    border-radius: 10px !important;
}

.dataTables_scrollHead{
    border: 1px solid #363062 !important;
    border-radius: 10px;
    margin-bottom: 5px;
}
.search-datatable{
    border: 1px solid #363062 !important;
    color: #6e6e6e !important;
}
.modal-footer {
    background-color: rgba(0, 0, 0, 0.03) !important;
}
.float-right{
    float: right;
}

.float-left{
    float: left;
}

.height-2-5{ height: 2.5rem !important;}

.qq-gallery .qq-upload-list li.qq-upload-success {
    background-color: #ecebf5 !important;
}

.bg-white{
    background-color: #ffffff !important;
}

.ml-7{ margin-left: 7px; }
.ml-10{ margin-left: 10px; }
.ml-15{ margin-left: 15px; }
.ml-20{ margin-left: 20px; }

.mr-7{ margin-right: 7px; }
.mr-10{ margin-right: 10px; }
.mr-15{ margin-right: 15px; }
.mr-20{ margin-right: 20px; }

.a-change{
    margin-top: 6px;margin-left: 6px;
}

.no-padding{
    padding: 0 !important;
}

.no-margin{
    margin: 0 !important;
}

.no-border-radius{
    border-radius: 0 !important;
}
.btn-hover-primary:hover{
    color: #fff;
    background-color: #363062;
    border-color: #5a50a4;
}

.btn-hover-danger:hover{
    color: #fff;
    background-color: #f72b50;
    border-color: #f72b50;
}

.btn-hover-success:hover{
    color: #fff;
    background-color: #68CF29;
    border-color: #68CF29;
}

.btn-hover-info:hover{
    color: #fff;
    background-color: #3A82EF;
    border-color: #3A82EF;
}

.border-1-grey{
    border: 1px solid #c8c8c8;
}

.display-block{
    display: block;
}

.text-hover-danger:hover{
    color: #f72b50;
}

.text-hover-info:hover{
    color: #3A82EF;
}
.text-hover-white:hover{
    color: #fff!important;
}

.text-hover-primary:hover{
    color: #363062 !important;
}
.fz-10{font-size: 10px !important;}
.fz-11{font-size: 11px !important;}
.fz-12{font-size: 12px !important;}
.fz-13{font-size: 13px !important;}
.fz-14{font-size: 14px !important;}
.fz-15{font-size: 15px !important;}
.fz-16{font-size: 16px !important;}
.fz-17{font-size: 17px !important;}
.fz-18{font-size: 18px !important;}
.fz-19{font-size: 19px !important;}
.fz-20{font-size: 20px !important;}
.fz-21{font-size: 21px !important;}
.fz-22{font-size: 22px !important;}
.fz-23{font-size: 23px !important;}
.fz-24{font-size: 24px !important;}
.fz-25{font-size: 25px !important;}
.fz-26{font-size: 26px !important;}
.fz-27{font-size: 27px !important;}
.fz-28{font-size: 28px !important;}
.fz-29{font-size: 29px !important;}
.fz-30{font-size: 30px !important;}

.fz-40{font-size: 40px !important;}
.fz-50{font-size: 50px !important;}
.fz-60{font-size: 60px !important;}
.fz-70{font-size: 70px !important;}
.fz-80{font-size: 80px !important;}
.fz-90{font-size: 90px !important;}
.fz-100{font-size: 100px !important;}
.fz-120{font-size: 120px !important;}

.fz-1-2{ font-size: 1.2rem; }

.m-t-1-5{
    margin-top: 1.5rem;
}
.blockOverlay{
    z-index: 1077 !important;
}
.blockPage{
    z-index: 1056 !important;
}

.divText {
    min-height: 60px;
    overflow-y: auto;
    word-wrap:break-word
}

.itemCod{
    width: 70px !important;
}

.itemDes{
    width: 619px !important;
}

.bg-white {
    background-color: #ffffff !important;
}
.pl-20{
  padding-left: 20px;
}

.pr-20{
    padding-right: 20px;
}

.pr-10{
    padding-right: 10px;
}

.ahover:hover{
    background-color: #ced4da;
}

.icon-text{
    padding: 16px 0;
    border-radius: 50px;
    height: 48px;
    width: 48px;
    text-align: center;
}

.mb-10{
    margin-bottom: 10px !important;
}

.p-9{
    padding: 9px;
}

.b-r-10{
    border-radius: 10px;
}

.font-22{
    font-size: 22px !important;
}

.fill-height {
    height: 100%;
}

.aside-render {
    max-width: 100%;
    transition: all .3s;
}

.justify-space-between {
    justify-content: space-between!important;
}

.align-center {
    align-items: center!important;
}

 .font-weight-bold {
    font-weight: 700!important;
}

.black-text {
     caret-color: #000!important;
     color: #000!important;
 }

.mb-15{
    margin-bottom: 15px !important;
}

.mb-20{
    margin-bottom: 20px !important;
}

.mt-20{ margin-top:20px !important;}

.mt-15{ margin-top:15px !important;}

.btn-outline-danger:hover {
    color: #ffffff !important;
}

.btn-outline-success:hover {
    color: #ffffff !important;
}

.cursor-normal{
    cursor:none;
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}
.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.btn-hover-item:hover {
    background-color: #e3753e;
    color: #ffffff !important;
    padding: 10px 8px 6px 8px;
    border-radius: 50px;
}
.btn-hover-transform:hover {
    transform: scale(1.05);
}

.border-radius-40{
    border-radius: 40px;
}
.border-radius-7{ border-radius: 7px; }
.border-radius-10{ border-radius: 10px; }
.border-radius-15{ border-radius: 15px; }
/*
.file-caption-name{
    margin-top: 10px !important;
}*/

.text-success-500 {
    color: #58ae23;
}

.w-0{
    width: 0 !important;
}

.fz-10{ font-size: 10px; }
.fz-11{ font-size: 11px; }
.fz-12{ font-size: 12px; }
.fz-13{ font-size: 13px; }
.fz-14{ font-size: 14px; }
.fz-15{ font-size: 15px; }
.fz-16{ font-size: 16px; }
.fz-17{ font-size: 17px; }
.fz-18{ font-size: 18px; }
.fz-19{ font-size: 19px; }
.fz-20{ font-size: 20px; }
.fz-25{ font-size: 25px; }
.fz-30{ font-size: 30px; }
.fz-35{ font-size: 35px; }
.fz-40{ font-size: 40px; }
.fz-45{ font-size: 45px; }

.text-right{ text-align: right !important;}
.text-left{ text-align: left !important;}
.mt-7{
    margin-top: 7px !important;
}


.scale-chk-1-2{ transform: scale(1.2) !important;}
.scale-chk-1-3{ transform: scale(1.3) !important;}
.scale-chk-1-4{ transform: scale(1.4) !important;}
.scale-chk-1-5{ transform: scale(1.5) !important;}
.scale-chk-1-6{ transform: scale(1.6) !important;}
.scale-chk-1-7{ transform: scale(1.7) !important;}
.scale-chk-1-8{ transform: scale(1.8) !important;}

.searchTable{
    padding: 0.3125rem 1.25rem !important;
    height: 3.5rem !important;
    border: 1px solid #e2e2e2 !important;
    color: #715d5d !important;
    border-radius: 5px !important;
}

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

.nav-tlink.active{
    color: #495057;
    background-color: #fff !important;
    border-color: #dee2e6 #dee2e6 #efefef;
}

.psw_info_text{
    font-size: 1rem !important;
    line-height: 3.5rem !important;
}

.bg-grey-100{
    background-color: #e9ecef !important;
}

.bg-success-300 {
    background-color: #06d79c !important; }

.bg-warning-300 {
    background-color: #ffb22b !important; }



.kbw-signature { width: 100%; height: 246px; }
.kbw-signature {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(231, 231, 231);
    box-sizing: border-box;
    border-radius: 15px;
}
.kbw-signature-disabled {
    opacity: 0.35;
}
.flagSign{
    animation: 2s ease-in-out 0s infinite alternate none running bseyGM;
    background-color: rgb(252, 217, 65);
    width: fit-content;
    height: 40px;
    padding: 11px 4px 12px 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: rgb(47, 47, 47);
    position: absolute;
    box-sizing: border-box;
    left: -77px;
    top: 32%;
}
.bimg_pos::after {
    content: "";
    background-image: url(../img/label.arrow.svg);
    height: 40px;
    width: 25px;
    display: block;
    background-size: cover;
    background-position: right center;
    right: -25px;
    top: 0px;
    position: absolute;
}

.btn-warning-600 {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning-600:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
}
.font-17{
    font-size: 17px;
}

@keyframes bseyGM{
    80% {
        transform: translateX(0%);
    }

    90% {
        transform: translateX(calc(0% + 8px));
    }

    100% {
        transform: translateX(0%);
    }
}

.flagEnd{
    animation: 2s ease-in-out 0s infinite alternate none running bseyGM;
    background-color: rgb(252, 217, 65);
    width: fit-content;
    height: 40px;
    padding: 11px 4px 12px 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: rgb(47, 47, 47);
    position: absolute;
    box-sizing: border-box;
    top: 14%;
    right: 19.5rem;
}

.resal-tr{
    background-color: #dee2e6 !important;
}
.pre-act{
    width: 100% !important;
    overflow: hidden !important;
    display: block !important;
    font-family: monospace !important;
    white-space: pre-wrap !important;
    margin: 1em 0 !important;
    border-radius: 5px !important;
    padding: 6px !important;
    border: 2px solid #adb5bd !important;
}

.td-start-border{
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.td-end-border{
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.cursor-normal{
    cursor: default !important;
}

.text-hover-success:hover {
    color: #4caf50 !important;
    font-weight: bold !important;
}

.ctitle{
    display: block;
    padding: 0.1em;
    border-radius: 7px;
    font-size: 0.9rem;
}


.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}


.h-3rem {height: 3rem !important; }
.h-25rem {height: 2.5rem !important; }

.cth{
    padding: 0.5rem 0.3rem !important;
    font-size: 14px !important;
}

.w-399{ width: 393px !important; }

.dtable-scroll{ padding: 5px 0 0 0 !important; }

.qq-edit-icon {
    background: url(../../assets/img/gif/edit.gif) !important;
    float: left !important;
    margin-top: 3px !important;
}

.bootstrap-touchspin-up{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.bootstrap-touchspin-down{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.fc-daygrid-day-events{
    flex-wrap: wrap !important;
    display: flex !important;
}
/*
.fc-daygrid-event-harness{
    width: 15%;
}*/
.scrollItem{
    height: 750px;
    overflow-y: scroll;
    min-height: 750px;
}

.pl-0{
    padding-left: 0 !important;
}

.timer,
.timer-weekdays {
    padding: 0;
    text-align: center;
    list-style: none;
}
.timer-weekdays {
    margin: 0;
}
.timer-weekdays > li {
    display: inline-block;
    margin: 2px 0;
}
.timer-weekdays > li > a {
    display: block;
    margin: 0 1px;
}
.timer-weekdays .label-default {
    background-color: #ccc;
    border-color: #ccc;
}
.timer-weekdays .label-default:focus,
.timer-weekdays .label-default:hover {
    border-color: #999;
}
.timer {
    margin: 0;
}
.timer > li {
    font-size: 46px;
    text-align: center;
    display: inline-block;
    color: #555;
    font-weight: 300;
}
.timer > li.dots {
    font-size: 25px;
    padding: 19px 8px 0 8px;
    margin: 0;
    font-weight: bold;
}
.timer > li > span {
    display: block;
    font-size: 13px;
}
.task-details {
    float: right;
    margin: 0;
}

.height-65{ height: 65px; }

.border-radius-top-round-left{
    border-top-left-radius: 19px !important;
}

.border-radius-bottom-round-left{
    border-bottom-left-radius: 19px !important;
}

.border-radius-top-round-right{
    border-top-right-radius: 19px !important;
}

.border-radius-bottom-round-right{
    border-bottom-right-radius: 19px !important;
}

.page-links a.active:after {
    background-color: #231f40;
}
.page-links a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -10px;
    background-color: rgba(255, 255, 255, .5);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.page-links a {
    position: relative;
    display: inline-block;
    font-weight: 300;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.form-floating > label:after{
    position: absolute !important;
    inset: 1rem 0.375rem !important;
    z-index: -1 !important;
    height: 1.5em !important;
    content: "" !important;
    background-color: #ffffff !important;
    border-radius: var(--bs-border-radius) !important;
}

.form-floating > label {
    transform-origin: 50% -120% !important;
}

.file-caption-name {
    padding: 10px !important;
}

.accordion-header-indicator1::before {
    font-size: 0.8rem !important;
}

#pdfContainer {
    width: 100%;
    height: auto;
    /*border: 1px solid #ddd;*/
}

.input-success-o > .form-control{
    border-color: #68CF29;
}

.input-warning-o > .form-control{
    border-color: #FFAB2D;
}

.input-danger-o > .form-control{
    border-color: #f72b50;
}

.border-radius-none{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.border-radius-left-none{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.text-hover-info:hover{ color: #3065D0 !important; }

.text-hover-danger:hover{ color: #F44336 !important; }

.text-hover-primary:hover{ color: #231f40 !important; }

.text-hover-white:hover{ color: #ffffff !important; }

.text-hover-success:hover{ color: #4caf50 !important; }

.text-hover-warning:hover{ color: #ff9900 !important; }

.no-border-top{
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-vertical-custom {
    display: flex;
    flex-direction: column; /* Uno debajo del otro */
    align-items: center;    /* Centrado horizontal */
    justify-content: center; /* Centrado vertical */
    gap: 8px;              /* Espaciado entre botones */
    height: 100%;          /* Ocupa toda la altura disponible */
}

.time-counter {
    /*background-color: #3065D0;*/
    color: white;
    padding: 0.7rem 1.2rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    font-size: 1.2rem;
    min-width: 120px;
    justify-content: center;
    transition: transform 0.2s ease-in-out;
}
.time-counter:hover {
    transform: translateY(-2px);
}

@keyframes blink {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
}

.time-exceed {
    background-color: orange !important;
    animation: blink 1s infinite;
}

#timeLineActivty {
    overflow: hidden; /* Oculta scroll nativo */
    position: relative;
    padding-right: 8px; /* Espacio para la barra */
}

.transition-all {
    transition: all 0.3s ease-in-out;
}