* {
    outline: none;
    outline-offset: 0px;
}
::-webkit-scrollbar {
    width: 8px !important;
    height: 8px;
    border-radius:8px;
}
/* Track */
::-webkit-scrollbar-track {
    /*background: #f1f1f1;*/
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 8px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
        border-radius: 8px;
    }

a, button {
    transition: 0.2s all ease
}

    a:hover, button:hover {
        transition: 0.2s all ease
    }

ul {
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

hr {
    width: 100%;
    border-width: 3px;
    border-color: var(--avatar-border-color);
    opacity: 1;
}

    hr.singleLine {
        width: 100%;
        border-width: 1px;
        border-color: var(--avatar-border-color);
        opacity: 1;
    }
/**/
.ul {
    margin: 10px 0px 10px;
    padding: 0px;
}

    .ul li {
        list-style: none;
        padding-bottom: 10px;
    }
/**/
/**/
.noWrap {
flex-flow:nowrap;
}
.noWrap-row {
    flex-wrap: nowrap !important;
}
/**/
.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::-webkit-input-placeholder {
    color: #aab4c6;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #aab4c6;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #aab4c6;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #aab4c6;
    opacity: 1
}

.form-control::placeholder {
    color: #aab4c6;
    opacity: 1
}
/**/
@media (max-width:7680px) {
    body {
        zoom: 325%;
    }
}

@media (max-width:5120px) {
    body {
        zoom: 250%;
    }
}

@media (max-width:4096px) {
    body {
        zoom: 200%;
    }
}

@media (max-width:3840px) {
    body {
        zoom: 190%;
    }
}

@media (max-width:2560px) {
    body {
        zoom: 150%;
    }
}

@media (max-width:2048px) {
    body {
        zoom: 110%;
    }
}

@media (max-width:1920px) {
    body {
        zoom: 100%;
    }
}

h1, h2, h3, h4, h5, h6 {
    color: var(--theme-color);
}

    h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
        font-size: 90%;
        margin-right: 5px;
    }
/*font-weight*/
.f-w-300 {
    font-weight: 300 !important;
}

.f-w-400 {
    font-weight: 400 !important;
}

.f-w-500 {
    font-weight: 500 !important;
}

.f-w-600 {
    font-weight: 600 !important;
}

/*Padding*/
.p-0 {
    padding: 0px !important;
}
.p-2_5 {
    padding: 0.3rem 0.5rem !important;
}
.p-5 {
    padding: 5px !important;
}

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

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

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

.p-25 {
    padding: 25px !important;
}
/*padding top*/
.p-t-0 {
    padding-top: 0px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}
/*padding bottom*/
.p-b-0 {
    padding-bottom: 0px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}
/*padding left */
.p-l-0 {
    padding-left: 0px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}
/*padding right*/
.p-r-0 {
    padding-right: 0px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}
/*padding top bottom*/
.p-tb-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.p-tb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.p-tb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.p-tb-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.p-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.p-tb-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
/*padding left right*/
.p-lr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.p-lr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.p-lr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.p-lr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.p-lr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.p-lr-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}
/**/

/*margin---------------------------------------*/
.m-0 {
    margin: 0px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-20 {
    margin: 20px !important;
}
/*margin top*/
.m-t-0 {
    margin-top: 0px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

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

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

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

.m-t-25 {
    margin-top: 25px !important;
}
/**/

/*margin bottom*/
.m-b-0 {
    margin-bottom: 0px !important;
}


.m-b-5 {
    margin-bottom: 5px !important;
}

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

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

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

.m-b-25 {
    margin-bottom: 25px !important;
}
/*margin left*/
.m-l-0 {
    margin-left: 0px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}
/*margin right*/
.m-r-0 {
    margin-right: 0px !important;
}
.m-r-3 {
    margin-right: 3px !important;
}
.m-r-5 {
    margin-right: 5px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}
/*margin top bottom*/

.m-tb-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.m-tb-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
.m-tb-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.m-tb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.m-tb-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.m-tb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.m-tb-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}
/*margin left right*/
.m-lr-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.m-lr-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.m-lr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.m-lr-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.m-lr-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.m-lr-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}
/*width*/
.width-100-per {
    width: 100% !important;
    flex: 0 0 100% !important;
}

.w-10 {
    width: 10px !important;
    flex: 0 0 10px !important;
}

.w-15 {
    width: 15px !important;
    flex: 0 0 15px !important;
}

.w-20 {
    width: 20px !important;
    flex: 0 0 20px !important;
}

.w-30 {
    width: 30px !important;
    flex: 0 0 30px !important;
}
.w-35 {
    width: 35px !important;
    flex: 0 0 35px !important;
}
.w-40 {
    width: 40px !important;
    flex: 0 0 40px !important;
}

.w-50 {
    width: 50px !important;
    flex: 0 0 50px !important;
}

.w-55 {
    width: 55px !important;
    flex: 0 0 55px !important;
}

.w-60 {
    width: 60px !important;
    flex: 0 0 60px !important;
}

.w-65 {
    width: 65px !important;
    flex: 0 0 65px !important;
}

.w-70 {
    width: 70px !important;
    flex: 0 0 70px !important;
}

.w-80 {
    width: 80px !important;
    flex: 0 0 80px !important;
}

.w-90 {
    width: 90px !important;
    flex: 0 0 90px !important;
}

.w-100 {
    width: 100px !important;
    flex: 0 0 100px !important;
}

.w-110 {
    width: 110px !important;
    flex: 0 0 110px !important;
}

.w-120 {
    width: 120px !important;
    flex: 0 0 120px !important;
}

.w-130 {
    width: 130px !important;
    flex: 0 0 130px !important;
}

.w-140 {
    width: 140px !important;
    flex: 0 0 140px !important;
}

.w-150 {
    width: 150px !important;
    flex: 0 0 150px !important;
}

.w-160 {
    width: 160px !important;
    flex: 0 0 160px !important;
}
.w-165 {
    width: 165px !important;
    flex: 0 0 165px !important;
}
.w-170 {
    width: 170px !important;
    flex: 0 0 170px !important;
}
.w-175 {
    width: 175px !important;
    flex: 0 0 175px !important;
}

.w-180 {
    width: 180px !important;
    flex: 0 0 180px !important;
}

.w-190 {
    width: 190px !important;
    flex: 0 0 190px !important;
}

.w-200 {
    width: 200px !important;
    flex: 0 0 200px !important;
}

.w-210 {
    width: 210px !important;
    flex: 0 0 210px !important;
}

.w-220 {
    width: 220px !important;
    flex: 0 0 220px !important;
}

.w-230 {
    width: 230px !important;
    flex: 0 0 230px !important;
}

.w-240 {
    width: 240px !important;
    flex: 0 0 240px !important;
}

.w-250 {
    width: 250px !important;
    flex: 0 0 250px !important;
}

.w-260 {
    width: 260px !important;
    flex: 0 0 260px !important;
}

.w-270 {
    width: 270px !important;
    flex: 0 0 270px !important;
}

.w-280 {
    width: 280px !important;
    flex: 0 0 280px !important;
}

.w-290 {
    width: 290px !important;
    flex: 0 0 290px !important;
}

.w-300 {
    width: 300px !important;
    flex: 0 0 300px !important;
}

.w-310 {
    width: 310px !important;
    flex: 0 0 310px !important;
}

.w-320 {
    width: 320px !important;
    flex: 0 0 320px !important;
}

.w-330 {
    width: 330px !important;
    flex: 0 0 330px !important;
}

.w-340 {
    width: 340px !important;
    flex: 0 0 340px !important;
}

.w-350 {
    width: 350px !important;
    flex: 0 0 350px !important;
}

.w-360 {
    width: 360px !important;
    flex: 0 0 360px !important;
}

.w-370 {
    width: 370px !important;
    flex: 0 0 370px !important;
}

.w-380 {
    width: 380px !important;
    flex: 0 0 380px !important;
}

.w-390 {
    width: 390px !important;
    flex: 0 0 390px !important;
}

.w-400 {
    width: 400px !important;
    flex: 0 0 400px !important;
}

.w-410 {
    width: 410px !important;
    flex: 0 0 410px !important;
}

.w-420 {
    width: 420px !important;
    flex: 0 0 420px !important;
}

.w-430 {
    width: 430px !important;
    flex: 0 0 430px !important;
}

.w-440 {
    width: 440px !important;
    flex: 0 0 440px !important;
}

.w-450 {
    width: 450px !important;
    flex: 0 0 450px !important;
}

.w-460 {
    width: 460px !important;
    flex: 0 0 460px !important;
}

.w-470 {
    width: 470px !important;
    flex: 0 0 470px !important;
}

.w-480 {
    width: 480px !important;
    flex: 0 0 480px !important;
}

.w-490 {
    width: 490px !important;
    flex: 0 0 490px !important;
}

.w-500 {
    width: 500px !important;
    flex: 0 0 500px !important;
}

.w-510 {
    width: 510px !important;
    flex: 0 0 510px !important;
}

.w-520 {
    width: 520px !important;
    flex: 0 0 520px !important;
}

.w-530 {
    width: 530px !important;
    flex: 0 0 530px !important;
}

.w-540 {
    width: 540px !important;
    flex: 0 0 540px !important;
}

.w-550 {
    width: 550px !important;
    flex: 0 0 550px !important;
}

.w-560 {
    width: 560px !important;
    flex: 0 0 560px !important;
}

.w-570 {
    width: 570px !important;
    flex: 0 0 570px !important;
}

.w-580 {
    width: 580px !important;
    flex: 0 0 580px !important;
}

.w-590 {
    width: 590px !important;
    flex: 0 0 590px !important;
}

.w-600 {
    width: 600px !important;
    flex: 0 0 600px !important;
}

.w-610 {
    width: 610px !important;
    flex: 0 0 610px !important;
}

.w-620 {
    width: 620px !important;
    flex: 0 0 620px !important;
}

.w-630 {
    width: 630px !important;
    flex: 0 0 630px !important;
}

.w-640 {
    width: 640px !important;
    flex: 0 0 640px !important;
}

.w-650 {
    width: 650px !important;
    flex: 0 0 650px !important;
}

.w-660 {
    width: 660px !important;
    flex: 0 0 660px !important;
}

.w-670 {
    width: 670px !important;
    flex: 0 0 670px !important;
}

.w-680 {
    width: 680px !important;
    flex: 0 0 680px !important;
}

.w-690 {
    width: 690px !important;
    flex: 0 0 690px !important;
}

.w-700 {
    width: 700px !important;
    flex: 0 0 700px !important;
}

.w-710 {
    width: 710px !important;
    flex: 0 0 710px !important;
}

.w-720 {
    width: 720px !important;
    flex: 0 0 720px !important;
}

.w-730 {
    width: 730px !important;
    flex: 0 0 730px !important;
}

.w-740 {
    width: 740px !important;
    flex: 0 0 740px !important;
}

.w-750 {
    width: 750px !important;
    flex: 0 0 750px !important;
}

.w-760 {
    width: 760px !important;
    flex: 0 0 760px !important;
}

.w-770 {
    width: 770px !important;
    flex: 0 0 770px !important;
}

.w-780 {
    width: 780px !important;
    flex: 0 0 780px !important;
}

.w-790 {
    width: 790px !important;
    flex: 0 0 790px !important;
}

.w-800 {
    width: 800px !important;
    flex: 0 0 800px !important;
}
.w-auto {
    width: auto !important;
    flex: 0 0 auto !important;
}
/**/
.bor-none {
    border: none !important;
}
/************/
.ui-datepicker {
    z-index: 999 !important;
}
.ui-widget-overlay {
    background: rgba(14,29,53,0.9) !important;
    /*z-index: 1060 !important;*/
}

.ui-widget-content {
    color: var(--theme-dark-color);
}

.ui-dialog {
    border-radius: 5px;
    box-shadow: 0px 9px 20px rgb(46 35 94 / 7%);
    /*padding: 17px 20px 15px;*/
    padding: 0px !important;
    font-family: var(--font-family);
    /*z-index: 1070 !important;*/
}

.ui-dialog-titlebar {
    padding: 12px 20px !important;
    border: 0px;
    border-bottom: 1px solid #d5d8df;
    position: relative;
    border-radius: 0px;
    background: none;
}

.ui-dialog-title {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    margin: 0px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 13px;
    top: 14px;
    width: 30px;
    height: 30px;
    border: 0px solid #000;
    background: none;
}

.ui-dialog-titlebar-close:before {
    content: "\f62a";
    font-family: bootstrap-icons !important;
    font-size: 30px;
    line-height: 30px;
    color: #000;
}

.ui-dialog .ui-dialog-titlebar-close:hover:after {
    color: #dd381b;
}

.ui-dialog-content {
    padding: 20px 20px 10px !important;
    overflow-x: hidden !important;
}

.dialog-footer {
    border-top: 1px solid #d5d8df;
    padding-top: 15px;
}

.ui-dialog-buttonpane {
    border-top: 1px solid #d5d8df;
    padding: 0px !important;
    padding-top: 15px !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 1px;
}

/***/
.ui-dialog.modal-sm {
    min-width: 400px;
    margin-right: auto;
    margin-left: auto;
    top: 100px !important;
    left: calc(50% - (/* width */400px / 2)) !important;
}

@media (max-width:450px) {
    .ui-dialog.modal-sm {
        width: 90% !important;
        min-width: inherit !important;
        left: calc(50% - (/* width */90% / 2)) !important;
    }
}

.modal-sm-center {
    min-width: 350px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    /*top: calc(100vh - (50% / 2)) !important;*/
}

.ui-dialog.modal-md {
    min-width: 540px;
    margin-right: auto;
    margin-left: auto;
    top: 100px !important;
    left: calc(50% - (/* width */540px / 2)) !important;
}

@media (max-width:600px) {
    .ui-dialog.modal-md {
        width: 90% !important;
        min-width: inherit !important;
        left: calc(50% - (/* width */90% / 2)) !important;
    }
}

.ui-dialog.modal-lg {
    min-width: 800px;
    margin-right: auto;
    margin-left: auto;
    top: 100px !important;
    left: calc(50% - (/* width */800px / 2)) !important;
}

@media (max-width:850px) {
    .ui-dialog.modal-lg {
        width: 90% !important;
        min-width: inherit !important;
        left: calc(50% - (/* width */90% / 2)) !important;
    }
}

.ui-dialog.modal-full {
    min-width: 90%;
    margin-right: auto;
    margin-left: auto;
    top: 100px !important;
    left: calc(50% - (/* width */90% / 2)) !important;
}

.ui-dialog.modal-xl {
    min-width: 1150px;
    margin-right: auto;
    margin-left: auto;
    top: 100px !important;
    left: calc(50% - (/* width */1150px / 2)) !important;
}

@media (max-width:1199px) {
    .ui-dialog.modal-xl {
        width: 90% !important;
        min-width: inherit !important;
        left: calc(50% - (/* width */90% / 2)) !important;
    }
}


.ui-dialog.modal-xxl {
    min-width: 1350px;
    margin-right: auto;
    margin-left: auto;
    top: 100px !important;
    left: calc(50% - (/* width */1350px / 2)) !important;
}

@media (max-width:1400px) {
    .ui-dialog.modal-xxl {
        width: 90% !important;
        min-width: inherit !important;
        left: calc(50% - (/* width */90% / 2)) !important;
    }
}
/**/
.dropdown-item {
    font-size: var(--font-size-13);
}
/**/
.form-control, .bootstrap-tagsinput {
    border: 1px solid #cacfd8 !important;
    padding: 3px 10px;
    font-size: var(--font-size-13);
    border-radius: 3px;
    background: #fff;
    color: #696c72;
    box-shadow: none;
}
.bootstrap-tagsinput {
    padding: 1.75px 10px;
}
.form-select {
    --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232c302e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    display: block;
    width: 100%;
    padding: 3px 10px;
    font-size: var(--font-size-13);
    background-position: right 0.40rem center;
    background-size: 16px 12px;
    border-color: #cacfd8 !important;
    border-radius: 3px;
    background-color: #fff;
    color: #696c72;
}

.form-select-sm {
    padding: 2px 8px;
}

.form-control:focus, .form-select:focus {
    color: #696c72;
    background-color: #fff;
    border-color: #0e1d35 !important;
    outline: 0;
    box-shadow: none;
}
/****/
.nBtn {
    padding: 3px 10px;
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-600);
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #d4d7dc;
}

    .nBtn i, .btn i {
        margin-right: 5px;
    }

.btn {
    padding: 2px 10px !important;
    box-shadow: none;
}

.nBtnSm {
    padding: 1px 6px !important;
    font-size: var(--font-size-11);
}

.btn-sm {
    padding: 1px 6px !important;
    font-size: var(--font-size-11);
}

.btn-normal, .btn-normal[disabled="disabled"], .btn-normal[disabled] {
    background: #e9e9ef;
    border-color: #cacfd8 !important;
    color: var(--theme-color);
}

    .btn-normal:hover, .btn-normal:active, .btn-normal:focus-visible {
        background: var(--theme-color);
        border-color: var(--theme-color);
        color: #fff;
    }

.btn-theme, .btn-theme[disabled="disabled"], .btn-theme[disabled] {
    background: #0e1d35;
    border-color: #0e1d35;
    color: #fff;
}

    .btn-theme:hover, .btn-theme:active, .btn-theme:focus-visible {
        background: var(--menu-text-color-hover);
        border-color: var(--menu-text-color-hover);
        color: #fff;
    }

.btn-theme-reverse, .btn-theme-reverse[disabled="disabled"], .btn-theme-reverse[disabled] {
    background: var(--menu-text-color-hover);
    border-color: var(--menu-text-color-hover);
    color: #fff;
}

    .btn-theme-reverse:hover, .btn-theme-reverse:active, .btn-theme-reverse:focus-visible {
        background-color: #0e1d35 !important;
        border-color: #0e1d35;
        color: #fff !important;
    }

.btn-cancel, .btn-cancel[disabled="disabled"], .btn-cancel[disabled] {
    background: #fff;
    border-color: var(--danger-bg);
    color: var(--danger-bg);
}

    .btn-cancel:hover, .btn-cancel:active, .btn-cancel:focus-visible {
        background: var(--danger-bg);
        border-color: var(--danger-bg);
        color: #fff;
    }

.btn-save, .btn-save[disabled="disabled"], .btn-save[disabled] {
    background: var(--save-bg);
    border-color: var(--save-bg);
    color: #fff;
}

    .btn-save:hover, .btn-save:active, .btn-save:focus-visible {
        background: var(--save-hover-bg);
        border-color: var(--save-hover-bg);
        color: #fff;
    }
    /**/
.btn-edit-show, .btn-edit-show[disabled="disabled"], .btn-edit-show[disabled] {
    background: var(--edit-show);
    border-color: var(--edit-show);
    color: #fff;
}

    .btn-edit-show:hover, .btn-edit-show:active, .btn-edit-show:focus-visible {
        background: var(--edit-show-hover-bg);
        border-color: var(--edit-show-hover-bg);
        color: #fff;
    }

.btn-close-show, .btn-close-show[disabled="disabled"], .btn-close-show[disabled] {
    background: var(--close-show);
    border-color: var(--close-show);
    color: #fff;
}

    .btn-close-show:hover, .btn-close-show:active, .btn-close-show:focus-visible {
        background: var(--close-show-hover-bg);
        border-color: var(--close-show-hover-bg);
        color: #fff;
    }


/***/
.btn-new {
    background: var(--badge-new);
    border-color: var(--badge-new);
    color: #fff;
}

.btn-hold {
    background: var(--badge-hold);
    border-color: var(--badge-hold);
    color: #fff;
}

.btn-progress {
    background: var(--badge-progress);
    border-color: var(--badge-progress);
    color: #fff;
}

.btn-resolve {
    background: var(--badge-resolve);
    border-color: var(--badge-resolve);
    color: #fff;
}

.btn-complete {
    background: var(--badge-complete);
    border-color: var(--badge-complete);
    color: #fff;
}

.btn-closes {
    background: var(--badge-close);
    border-color: var(--badge-close);
    color: #fff;
}
.btn-theme-flip-color {
    background: var(--menu-text-color-hover);
    border-color: var(--menu-text-color-hover);
    color: #fff;
}
.btn-theme-hover-color {
    background: var(--menu-text-color-hover);
    border-color: var(--menu-text-color-hover);
    color: #fff;
}
    .btn-theme-hover-color:hover {
        background: var(--menu-text-color-hover);
        border-color: var(--menu-text-color-hover);
        color: #fff;
        opacity: 0.8;
    }
.btn-soft-theme-hover {
    background: var(--menu-text-soft-color-hover);
    border-color: var(--menu-text-soft-color-hover);
    color: var(--menu-text-color-hover);
}

    .btn-soft-theme-hover:hover {
        background: var(--menu-text-color-hover);
        border-color: var(--menu-text-color-hover);
        color: #fff;
    }

    .btn-soft-theme-hover.active {
        background: var(--menu-text-color-hover);
        border-color: var(--menu-text-color-hover);
        color: #fff;
    }
.btn-new:hover, .btn-hold:hover, .btn-progress:hover, .btn-resolve:hover, .btn-complete:hover, .btn-closes:hover, .btn-theme-hover-color:hover {
    opacity: 0.8;
}

    .btn-closes[disabled="disabled"], .btn-closes[disabled], .btn-complete[disabled="disabled"], .btn-complete[disabled], .btn-resolve[disabled="disabled"], .btn-resolve[disabled], .btn-progress[disabled="disabled"], .btn-progress[disabled], .btn-hold[disabled="disabled"], .btn-hold[disabled], .btn-new[disabled="disabled"], .btn-new[disabled], .btn-normal[disabled="disabled"], .btn-normal[disabled], .btn-theme[disabled="disabled"], .btn-theme[disabled], .btn-theme-reverse[disabled="disabled"], .btn-theme-reverse[disabled], .btn-cancel[disabled="disabled"], .btn-cancel[disabled], .btn-save[disabled="disabled"], .btn-save[disabled], .btn-theme-flip-color[disabled="disabled"], .btn-theme-flip-color[disabled] {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.6;
    }

.btn-add, .btn-delete, .btn-show, .btn-edit {
    min-width: 27.5px;
    min-height: 27.5px;
    padding: 0px;
    font-size: 15px;
    background: #fff;
    border-color: #cacfd8;
}

    .btn-add.btn-sm, .btn-delete.btn-sm, .btn-show.btn-sm, .btn-edit.btn-sm {
        min-width: 24.5px;
        min-height: 24.5px;
        padding: 0px;
        font-size: 11px;
        background: #fff;
        border-color: #cacfd8;
    }

.btn-add {
    color: var(--menu-text-color-hover);
}

    .btn-add:hover, .btn-add:active, .btn-add:focus-visible {
        background: var(--menu-text-color-hover);
        color: #fff;
        border-color: var(--menu-text-color-hover);
    }

.btn-delete {
    color: var(--delete-bg);
}

    .btn-delete:hover, .btn-delete:active, .btn-delete:focus-visible {
        background: var(--delete-bg);
        color: #fff;
        border-color: var(--delete-bg);
    }

.btn-edit {
    color: var(--edit-bg);
}

    .btn-edit:hover, .btn-edit:active, .btn-edit:focus-visible {
        background: var(--edit-bg);
        color: #fff;
        border-color: var(--edit-bg);
    }

.btn-show {
    color: var(--badge-resolve);
}

    .btn-show:hover, .btn-show:active, .btn-show:focus-visible {
        background: var(--badge-resolve);
        color: #fff;
        border-color: var(--badge-resolve);
    }
.btn-form-build, .btn-send {
    min-width: 33.5px !important;
    min-height: 33.5px !important;
    padding: 0px;
    font-size: 15px;
    padding: 0px !important;
}
/**/
.btn-close-round {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #fd625e;
    color: #fd625e;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}
    .btn-close-round:hover, .btn-close-round:focus, .btn-close-round:active {
        background: #fd625e;
        border: 1px solid #fd625e;
        color: #fff;
    }
.btn-outline-primary:focus, .btn-outline-primary:active {
    border: 1px solid #5156be !important;
}
/**/
/**/
/*.nRadio {
    position: relative;
    display: flex;
    align-items:center;
    white-space: nowrap;
    margin-right: 20px;
}

    .nRadio input[type=radio] {
        position: absolute;
        opacity: 0;
    }

    .nRadio .nRadio-label {
        margin: 0px;
    }

    .nRadio input[type=radio] + .nRadio-label:before {
        content: "";
        background: #f4f4f4;
        border-radius: 100%;
        border: 1px solid #b4b4b4;
        display: inline-block;
        width: 20px;
        height: 20px;
        position: relative;
        top: -1px;
        margin-right: 5px;
        vertical-align: top;
        cursor: pointer;
        text-align: center;
        transition: all 250ms ease;
    }

    .nRadio input[type=radio]:checked + .nRadio-label:before {
        background-color: var(--menu-text-color-hover);
        box-shadow: inset 0 0 0 4px #f4f4f4;
    }

    .nRadio input[type=radio]:focus + .nRadio-label:before {
        outline: none;
        border-color: var(--menu-text-color-hover);
    }

    .nRadio input[type=radio]:disabled + .nRadio-label:before {
        box-shadow: inset 0 0 0 4px #f4f4f4;
        border-color: #b4b4b4;
        background: #b4b4b4;
    }

    .nRadio input[type=radio] + .nRadio-label:empty:before {
        margin-right: 0;
    }
    
.nCheck {
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-right: 20px;
}

    .nCheck input[type=checkbox] {
        position: absolute;
        opacity: 0;
    }

    .nCheck .nCheck-label {
        margin: 0px;
    }

    .nCheck input[type=checkbox] + .nCheck-label:before {
        content: "";
        background: #f4f4f4;
        border-radius: 3px;
        border: 1px solid #b4b4b4;
        display: inline-block;
        width: 20px;
        height: 20px;
        position: relative;
        top: -1px;
        margin-right: 5px;
        vertical-align: top;
        cursor: pointer;
        text-align: center;
        transition: all 250ms ease;
        font-family: bootstrap-icons!important;
    }
    .nCheck input[type=checkbox] + .nCheck-label:after {
        
    }

    .nCheck input[type=checkbox]:checked + .nCheck-label:before {
        background-color: var(--menu-text-color-hover);
        box-shadow: inset 0 0 0 4px #f4f4f4;

    }

    .nCheck input[type=checkbox]:focus + .nCheck-label:before {
        outline: none;
        border-color: var(--menu-text-color-hover);
    }

    .nCheck input[type=checkbox]:disabled + .nCheck-label:before {
        box-shadow: inset 0 0 0 4px #f4f4f4;
        border-color: #b4b4b4;
        background: #b4b4b4;
    }

    .nCheck input[type=checkbox] + .nCheck-label:empty:before {
        margin-right: 0;
    }*/
#pageLoadDiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(23, 49, 89, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    color: #fff;
    font-size: 25px;
    overflow: hidden;
}

    #pageLoadDiv b {
        font-size: 13px;
        font-weight: 500;
    }
/*.nBlur {
    filter: blur(5px);
}
body.nBlur * {
    background: red;
}*/

/***/
.bootstrap-select {
    padding: 0px;
    width: auto;
    background: none;
    padding: 0px;
    position:relative;
    z-index:50;
}

    .bootstrap-select > .dropdown-toggle {
        border-radius: 0px;
        font-size: var(--font-size-13);
        background: #fff;
        border-radius: 2px;
        border: 0px;
        padding: 2px 6px;
        padding: 3px 10px !important;
        width: 100% !important;
    }

        .bootstrap-select > .dropdown-toggle:before {
            position: absolute;
            right: 0px;
            content: '';
            font-size: 18px;
            color: #343a40;
            content: "\f107";
            font-family: 'FontAwesome' !important;
            margin-right: 7px;
            margin-top: 2px;
        }

        .bootstrap-select > .dropdown-toggle:hover, .bootstrap-select > .dropdown-toggle:focus, .bootstrap-select > .dropdown-toggle:focus {
            border: 0px;
            outline: none !important;
            background: #fff;
        }

        .bootstrap-select > .dropdown-toggle .filter-option .filter-option-inner {
            display: inline-grid;
        }

        .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
            color: var(--theme-color);
            /*min-width: 65px !important;
            max-width: 95px !important;*/
            width: 100% !important;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding-right:10px;
            font-weight:600;
           
        }
    .bootstrap-select > .dropdown-menu .bs-actionsbox .actions-btn {
       padding:5px !important;
    }
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }

.bootstrap-select {
}

    .bootstrap-select .dropdown-menu li {
        padding-bottom: 0px;
    }

        .bootstrap-select .dropdown-menu li.selected a {
            color: var(--theme-color);
        }

    .bootstrap-select .dropdown-menu.inner .dropdown-item {
        padding: 7px 7px;
        display:flex;
        align-items:center;
    }
        .bootstrap-select .dropdown-menu.inner .dropdown-item .nIcon {
        margin-right:5px;
        }
        .bootstrap-select .dropdown-menu.inner .dropdown-item .nTask, .bootstrap-select > .dropdown-toggle .filter-option-inner-inner .nTask {
            
            color: #3c98db;
        }
        .bootstrap-select .dropdown-menu.inner .dropdown-item .nBug, .bootstrap-select > .dropdown-toggle .filter-option-inner-inner .nBug {
           
            color: #dd3e49;
        }
        .bootstrap-select .dropdown-menu.inner .dropdown-item .nTask, .bootstrap-select > .dropdown-toggle .filter-option-inner-inner .nTask {
            color: #3c98db;
        }

        .bootstrap-select .dropdown-menu.inner .dropdown-item .nStory, .bootstrap-select > .dropdown-toggle .filter-option-inner-inner .nStory {
            color: #2ab57d;
        }
        .bootstrap-select .dropdown-menu.inner .dropdown-item .nAnnouncement, .bootstrap-select > .dropdown-toggle .filter-option-inner-inner .nAnnouncement {
            color: #9a00d7;
        }

        .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
            font-size: 11px;
            top: 8px;
            right: 10px;
        }

    .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar {
        width: 5px !important;
        height: 5px;
        border-radius: 5px;
    }

    .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .bootstrap-select .dropdown-menu.inner li .dropdown-item:hover {
        background: #eaeded !important;
    }

    .bootstrap-select .dropdown-menu.inner li.selected.active .dropdown-item.active.selected {
        background: #eaeded !important;
    }
    /**/
    /*float:left*/
.fixed-row {
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.fixed-col {
    float: left;
    min-height: 1px;
    position: relative;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}
.overflow-col {
    overflow:hidden;
    min-height: 1px;
    position: relative;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}
/**/
.white-space-table {

}
.text-overflow-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sa-button-container .cancel {
    background: #fff !important;
    border:1px solid var(--danger-bg) !important;
    color: var(--danger-bg) !important;
    padding: 6px 15px;
    font-size: var(--font-size-13);
    font-weight: var(--font-weight-600);
    border-radius: 3px;
}
    .sa-button-container .cancel:hover {
        background: var(--danger-bg) !important;
        border-color: var(--danger-bg) !important;
        color: #fff !important;
    }
    .sa-confirm-button-container .confirm {
        background: var(--save-bg) !important;
        border-color: var(--save-bg) !important;
        color: #fff;
        padding: 6px 15px;
        font-size: var(--font-size-13);
        font-weight: var(--font-weight-600);
        border-radius: 3px;
    }
        .sa-confirm-button-container .confirm:hover {
            background: var(--save-hover-bg) !important;
            border-color: var(--save-hover-bg) !important;
            color: #fff !important;
        }
        /**/
.auth-page .form-control, .auth-page .bootstrap-tagsinput {
    padding: 7px 10px;
}
.auth-page .btn {
    padding: 6.25px 15px !important;
}
.auth-page .input-group .btn {
    padding: 5.5px 15px !important;
}
.fs-10 {
font-size:10px !important;
}
.fs-11 {
    font-size: 11px !important;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-13 {
    font-size: 13px !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-15 {
    font-size: 15px !important;
}
.fs-16 {
    font-size: 16px !important;
}