/******* Common Styles ***********/
:root {
    --primary: #BA0C2F;
    --secondary: #464B49;
    --whiteColor: #ffffff;
    --blackColor: #000;
    --fColor: #333333;
}
body {
    font-family: 'Lato', sans-serif;
    /*background: #ccc;*/
    font-size: 14px;
    color: var(--fColor);
    word-break: break-word;
    overflow-x: hidden;
}
body.noscroll {
    overflow: hidden;
}
body.noScroll {
    position: fixed;
    width: 100%;
    overflow-y: auto;
}
input[type=number]:not(.form-control-number)::-webkit-outer-spin-button,
input[type=number]:not(.form-control-number)::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number]:not(.form-control-number) {
    -moz-appearance:textfield;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.quantity input {
    width: 80px;
    height: 30px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0 20px 0 15px;
    margin: 0;
    border-radius: 4px;
    border: 1px solid #eee;
}
.quantity input:focus {
    outline: 0;
}
.quantity-nav {
    float: left;
    position: relative;
    height: 30px;
}
.form-control:focus + .quantity-nav .quantity-button {
    border-color: #c5c5c5;
}
.quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 22px;
    text-align: center;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    line-height: 12px;
}

.quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #eee;
}
.quantity-button.quantity-down {
    position: absolute;
    bottom: 0px;
    height: 50%;
}
canvas {
    margin: 0;
    padding: 0;
}
html {
    scroll-behavior: smooth;
}
.border {
    border: 1px solid #E5E5E5 !important;
}
.btn-close:focus, .form-control:focus, .form-select:focus {
    box-shadow: none;
    border-color: #c5c5c5;
}
.c-pointer {
    cursor: pointer;
}
.cursor-drag {
    cursor: all-scroll;
}
.cursor-drag.nocursor-drag, .c-default {
    cursor: default;
}
.cursor-notallow {
    cursor: not-allowed;
}
.rounded {
    border-radius: 8px !important;
}
.rounded-top {
    border-radius: 8px 8px 0 0;
}
.rounded-bottom {
    border-radius: 0 0 8px 8px;
}
.rounded-top-start-0 {
    border-top-left-radius: 0 !important;
}
.rounded-top-end-0 {
    border-top-right-radius: 0 !important;
}
.rounded-bottom-start-0 {
    border-bottom-left-radius: 0 !important;
}
.rounded-bottom-end-0 {
    border-bottom-right-radius: 0 !important;
}
.commonpad-textarea {
    line-height: 20px;
    padding: 10px;
}
.f-16 {
    font-size: 16px;
}
.f-20 {
    font-size: 20px !important;
}
.w-2 {
    width: 2%;
}
.w-3 {
    width: 3%;
}
.w-4 {
    width: 4%;
}
.w-5 {
    width: 5%;
}
.w-6 {
    width: 6%;
}
.w-7 {
    width: 7%;
}
.w-8 {
    width: 8%;
}
.w-10 {
    width: 10%;
}
.w-12 {
    width: 12%;
}
.w-13 {
    width: 13%;
}
.w-14 {
    width: 14%;
}
.w-15 {
    width: 15%;
}
.w-16 {
    width: 16%;
}
.w-17 {
    width: 17%;
}
.w-18 {
    width: 18%;
}
.w-19 {
    width: 19%;
}
.w-20 {
    width: 20%;
}
.w-21 {
    width: 21%;
}
.w-22 {
    width: 22%;
}
.w-27 {
    width: 27%;
}
.w-28 {
    width: 28%;
}
.w-30 {
    width: 30%;
}
.w-31 {
    width: 31%;
}
.w-35 {
    width: 35%;
}
.w-36 {
    width: 36%;
}
.w-40 {
    width: 40%;
}
.w-44 {
    width: 44%;
}
.w-46 {
    width: 46%;
}
.w-48 {
    width: 48%;
}
.w-52 {
    width: 52%;
}
.w-54 {
    width: 54%;
}
.w-55 {
    width: 55%;
}
.w-56 {
    width: 56%;
}
.w-58 {
    width: 58%;
}
.w-60 {
    width: 60%;
}
.w-64 {
    width: 64%;
}
.w-65 {
    width: 65%;
}
.w-66 {
    width: 66%;
}
.w-68 {
    width: 68%;
}
.w-69 {
    width: 69%;
}
.w-70 {
    width: 70%;
}
.w-71 {
    width: 71%;
}
.w-72 {
    width: 72%;
}
.w-74 {
    width: 74%;
}
.w-76 {
    width: 76%;
}
.w-78 {
    width: 78%;
}
.w-80 {
    width: 80%;
}
.w-82 {
    width: 82%;
}
.w-83 {
    width: 83%;
}
.w-84 {
    width: 84%;
}
.w-85 {
    width: 85%;
}
.w-86 {
    width: 86%;
}
.w-90 {
    width: 90%;
}
.w-93 {
    width: 93%;
}
.w-94 {
    width: 94%;
}
.w-95 {
    width: 95%;
}
.w-96 {
    width: 96%;
}
.w-97 {
    width: 97%;
}
.w-98 {
    width: 98%;
}
a, a:hover {
    text-decoration: none;
    color: var(--fColor);
    transition: 0.4s;
}
hr {
    border-color: #dee2e6;
}
.fp-color {
    color: var(--primary);
}
.fw-color {
    color: var(--whiteColor);
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    background-image: none;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.pe-none.input-group input, .pe-none.input-group .input-group-append .input-group-text {
    background: #EAEAEA 0% 0% no-repeat padding-box;
    color: #707071 !important;
}
.currency_set.pe-none .input-group-append:before {
    border-left: 1px solid #6F6F6F;
}
.bg-grey {
    background: #f1f1f1;
}
/* Loader */
#loader_section, #fileload_section, #export_loader_section {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    /* background: rgb(255 255 255 / 80%); */
    background: transparent;
    z-index: 99999;
    display: none;
    /* opacity: 0; */
}
#loader_section .loader, #export_loader_section .loader {
    position: fixed;
    width: 50px;
    height: 50px;
    border: 4px solid transparent;
    border-radius: 50%;
    border-top: 4px solid var(--primary);
    animation: rotate 1.5s linear infinite;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#loader_section .loader::before,
#loader_section .loader::after,
#export_loader_section .loader::before,
#export_loader_section .loader::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    box-sizing: border-box;
    border: 4px solid transparent;
}
#loader_section .loader::after, #export_loader_section .loader::after {
    inset: 0;
    border-bottom: 4px solid var(--primary);
    animation: rotate 0.5s linear infinite reverse;
}
#loader_section .loader::before, #export_loader_section .loader::before {
    inset: 4px;
    border-left: 4px solid var(--primary);
    animation: rotate 1.5s linear infinite;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#fileload_section .center {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@keyframes loading{
    0%{
        height: 50px;
        top: 0px;
    }

    50%{
        height: 70px;
        top: -10px;
    }

    100%{
        height: 50px;
        top: 0px;
    }
}
#loading{
    position:absolute;
    background-color: var(--primary);
    height: 50px;
    width: 15px;
    animation-name: loading;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
#loading.loading1{
    left:-25px;
    animation-delay: 0.2s;
}
#loading.loading2{
    left:0px;
    animation-delay: 0.4s;
}
#loading.loading3{
    left:25px;
    animation-delay: 0.6s;
}
/* Loader */
/* Toast */
.risk_notify {
    position: fixed;
    right: 0px;
    left: 0px;
    top: 40px;
    z-index: 100000;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.35s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}
.risk_notify.notifiy-shows {
    opacity: 1;
    visibility: visible;
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.35s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}
.risk_notify .alert {
    border-radius: 8px;
    max-width: 400px;
    display: flex;
    align-items: center;
    font-size: 16px;
}
.risk_notify .alert .alert_image {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px;
}
.risk_notify .alert.alert-success {
    background: #EBF7EE;
    border-color: #3AB75C
}
.risk_notify .alert.alert-success .alert_image {
    background: #3AB75C;
}
.risk_notify .alert.alert-warning {
    background: #FEF7EB;
    border-color: #EF9402
}
.risk_notify .alert.alert-warning .alert_image {
    background: #EF9402;
}
.risk_notify .btn-close {
    background: transparent url('../images/close_icon.svg') center/2em auto no-repeat;
}
.risk_notify .alert .btn-close {
    margin: auto;
    height: 20px;
    padding: 10px 16px;
    bottom: 0;
}
/* Toast */
/* Button */
.btn, .tg-dialog .tg-dialog-footer button.tg-dialog-btn {
    font: normal normal normal 16px/16px Lato;
    position: relative;
    display: inline-block;
    padding: 9px 16px;
    text-align: center;
    text-decoration: none;
    border: none;
    min-width: 90px;
    cursor: pointer;
    border-radius: 8px;
    transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    height: 36px;
    line-height: 18px;
}
/*.btn.btn_primary::after,
.btn.btn_primary::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    transition: .8s;
}
.btn.btn_primary::after {
    top: 0px;
    right: 0px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
}
.btn.btn_primary::before {
    bottom: 0px;
    left: 0px;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
}
.btn.btn_primary:hover::after,
.btn.btn_primary:hover::before {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border-color: var(--primary);
}*/
.btn.btn_primary, .tg-dialog .tg-dialog-footer button.tg-dialog-btn {
    color: var(--whiteColor);
    background: var(--primary);
}
.btn.btn_secondary_red {
    background: var(--whiteColor);
    color: var(--primary);
    border: 1px solid var(--primary);
    padding: 8px 12px;
}
.btn.btn_primary:hover, .tg-dialog .tg-dialog-footer button.tg-dialog-btn:hover {
    background: #9f0e2b;
}
.btn.btn_secondary_red:hover {
    background: #fff7f8;
    /*color: var(--whiteColor);*/
}
.btn.btn_secondary_red:hover path.filter_path {
    /*fill: var(--whiteColor);*/
}
.btn.btn_secondary {
    transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
}
.btn.btn_secondary:hover {
    background: #FDEFF2 radial-gradient(circle, transparent 1%, #FDEFF2 1%) center/15000%;
    transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
}
.btn.btn_secondary:active {
    background-color: #FDEFF2;
    background-size: 100%;
    transition: background 0s;
}
/* Button */
/* Modal */
.custom_modal .modal-header, .custom_modal .modal-footer {
    border: none;
}
.custom_modal .modal-content {
    box-shadow: 2px 3px 15px rgb(0 0 0 / 8%);
}
.custom_modal .modal-header .modal-title {
    font: normal normal bold 20px/24px Lato;
}
.custom_modal .modal-body {
    font: normal normal normal 14px/17px Lato;
}
.custom_modal .modal-body p.modal-para {
    font: normal normal normal 16px/24px Lato;
}
.modal-dialog-scrollable .modal-footer {
    box-shadow: 1px 1px 6px rgb(0 0 0 / 8%);
}
.custom_modal .modal-footer .btn {
    margin: 0 0 0 8px;
}
.custom_modal ul {
    list-style: circle;
}
.modal-roleapp {
    max-width: 630px;
}
.server_error_modal_wrapper {
    z-index: 1056;
}
/* Modal */
/* Table */
.table-responsive {
    border-radius: 8px;
    /* overflow: inherit; */
}
.roleapp-list-view .table-responsive, .hcbs-list-view .table-responsive, .stakeholder-list-view .table-responsive {
    border-radius: 0px;
}
.custom_table {
    font-size: 16px;
    border: 1px solid #EDEDED;
    margin-bottom: 80px;
    table-layout: fixed;
}
.custom_table thead, .common_table thead {
    background: #EDEDED 0% 0% no-repeat padding-box;
}
.custom_table tbody {
    background: var(--whiteColor) 0% 0% no-repeat padding-box;
}
.custom_table td, .custom_table th {
    vertical-align: middle;
    color: #464B49;
    line-height: 19px;
}
.custom_table tbody tr td {
    position: relative;
}
.custom_table tbody tr td img.rounded-circle {
    width: 22px;
    height: 22px;
}
.custom_table tbody tr td video, .empty video {
    width: 200px;
}
.custom_table.roleSubTable tbody tr td video, .roleSubTable .empty video {
    width: 75px;
}
.table>:not(caption)>*>* {
    padding: 10px 15px;
}
.custom_table>tbody>tr:not(.empty):not(.sub_table_tr):not(.noBorder):hover>* {
    background: #FAFAFA 0% 0% no-repeat padding-box;
}
.custom_table>tbody>tr:hover td:first-child:before {
    content: "";
    border-left: 5px solid #BA0C2F;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.custom_table th .icon_container {
    padding-left: 8px;
    vertical-align: middle;
}
.custom_table th .icon_container .fa-sort-up,
.custom_table th .icon_container .fa-sort-down {
    display: none;
    color: #171D1A;
}
.custom_table th.asc .icon_container .fa-sort,
.custom_table th.asc .icon_container .fa-sort-up {
    display: none;
}
.custom_table th.desc .icon_container .fa-sort,
.custom_table th.desc .icon_container .fa-sort-down {
    display: none;
}
.custom_table th.asc .icon_container .fa-sort-down  {
    display: inline-block;
}
.custom_table th.desc .icon_container .fa-sort-up {
    display: inline-block;
}
.custom_table th[data-sort-column-name] {
    cursor: pointer;
}
.tableDropdown .dropdown-toggle:after {
    content: "";
    border: none;
}
.tableDropdown .dropdown-menu a {
    font: normal normal 400 16px/19px Lato;
    color: #171D1A;
    border-radius: 8px;
    padding: 8px !important;
}
.dropdown-item.active, .dropdown-item:active {
    background: transparent;
}
.tableDropdown .dropdown-menu a:hover {
    background: #FDEFF2 0% 0% no-repeat padding-box;
}
.dropdown-menu {
    box-shadow: rgb(0 0 0 / 16%) 0px 0px 6px;
    border: none;
    min-width: fit-content;
    padding: 8px !important;
}
.statusIndicator {
    position: relative;
    min-width: 56px;
    display: inline-block;
}
.statusIndicator.active {
    color: #00CB59;
}
.statusIndicator:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    left: -15px;
    top: 7px;
}
.statusIndicator.active:before {
    background: #00CB59;
}
.statusIndicator.inactive:before {
    background: #727272;
}
.entries_text {
    font: normal normal normal 14px/17px Lato;
    color: #727272;
}
.pagination_container {
    position: fixed;
    background: var(--whiteColor);
    padding: 15px 15px 15px 25px;
    width: calc(100% - 270px);
    margin-left: 280px;
    box-shadow: 2px 3px 15px rgb(0 0 0 / 8%);
    right: 0;
    bottom: 0;
    transition: 0.5s;
}
.pagination .page-item {
    margin: 0 0 0 5px;
}
.pagination .page-link {
    border: 1px solid transparent;
    font: normal normal 400 14px/17px Lato;
    color: #464B49;
    border-radius: 5px;
}
.pagination .prev .page-link:before {
    font-family: "Font Awesome 5 Free";
    content: "\f053";
    font-size: 10px;
    margin: 0 5px 0 0;
    font-weight: 900;
}
.pagination .next .page-link:after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-size: 10px;
    margin: 0 0 0 5px;
    font-weight: 900;
}
.pagination .disabled {
    cursor: not-allowed;
}
.pagination .active>.page-link, .pagination .page-link.active, .pagination .page-link:hover {
    background: #FAFAFA 0% 0% no-repeat padding-box;
    border: 1px solid #D1D2D1;
}
.empty {
    margin: 0 0 20px 0;
}
/* Table */
/* Forms */
div.form-control:read-only {
    background: var(--whiteColor);
    height: auto;
    min-height: 36px;
}
.select2-container--default .select2-search--inline .select2-search__field::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #8B8E8C;
    font: normal normal normal 16px/26px Lato;
}
.select2-container--default .select2-search--inline .select2-search__field::-moz-input-placeholder { /* WebKit, Blink, Edge */
    color: #8B8E8C;
    font: normal normal normal 16px/26px Lato;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #8B8E8C;
    font-size: 16px;
}
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #8B8E8C;
    font: normal normal normal 16px/19px Lato;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #8B8E8C;
    opacity:  1;
    font: normal normal normal 16px/19px Lato;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #8B8E8C;
    opacity:  1;
    font: normal normal normal 16px/19px Lato;
}
.form-control::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #8B8E8C;
    font: normal normal normal 16px/19px Lato;
}
.form-control::placeholder { /* Most modern browsers support this now. */
    color: #8B8E8C;
    font: normal normal normal 16px/19px Lato;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #8B8E8C;
    font: normal normal normal 16px/19px Lato;
}
.form-control, .form-select {
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    font-size: 16px;
    height: 36px;
}
.form-control:read-only  {
    background: #F1F1F1 0% 0% no-repeat padding-box;
    color: #8B8E8C;
}
.form-label {
    font: normal normal normal 14px/17px Lato;
    color: #171D1A;
}
.mandatory {
    color: var(--primary);
    padding-left: 3px;
}
textarea {
    resize: none;
}
textarea.commonHeight {
    min-height: 100px;
}
.btnSection.noBoxshadow, .noBoxshadow {
    box-shadow: none;
}
.form-error {
    font-size: 12px;
    color: #ff0000;
    margin: 0;
}
.btnSection {
    position: fixed;
    right: 0;
    text-align: right;
    bottom: 0;
    background: var(--whiteColor);
    box-shadow: 2px 3px 15px rgb(0 0 0 / 8%);
    padding: 0 15px;
    z-index: 101;
}
.datePicker {
    background: url(../images/datepicker_icon.svg) 95% no-repeat !important;
    background-repeat: no-repeat;
    background-position: 96% 50%;
    padding-right: 30px;
}
.datePicker.user_expiry_disabled  {
    background: #F1F1F1 url(../images/datepicker_icon.svg) 95% no-repeat !important;
    padding-right: 30px;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 2px !important;
    top: 2px !important;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
    top: 2px !important;
}
/* Forms */
/* Radio */
.form-check [type="radio"]:checked,
.form-check [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.form-check [type="radio"]:checked+label,
.form-check [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-size: 16px;
}
.form-check [type="radio"]:checked+label:before,
.form-check [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #707070;
    border-radius: 100%;
    background: #fff;
}
.form-check [type="radio"]:checked+label:after,
.form-check [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--primary);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.form-check [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.form-check [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.customRadioWrapper {
    height: 36px;
}
.statusRadio [type="radio"]:checked+label:before {
    border: 1px solid #00CB59;
}
.statusRadio [type="radio"]:checked+label:after {
    background: #00CB59;
}
.instatusRadio [type="radio"]:checked+label:after {
    background: #707070;
}
.statusRadio [type="radio"]:checked+label {
    color: #00CB59;
}
.currency_set .input-group-prepend .input-group-text {
    border-radius: 8px 0px 0px 8px;
    border-right: none;
    border-color: #E5E5E5;
}
.input-group.currency_set input.form-control {
    border-radius: 0;
    border-left: none;
    border-right: none;
    margin: 0 1px !important;
}
.currency_set input:focus {
    border-color: #E5E5E5;
}
.input-group.currency_set.roleAppWeight input.form-control {
    border-left: 1px solid #E5E5E5;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}
.currency_set .input-group-append, .currency_set .input-group-prepend {
    position: relative;
    margin: 0 -1px;
}
.currency_set.roleAppWeight .input-group-append .input-group-text {
    color: #D1D2D1;
}
.currency_set .input-group-append:before {
    content: "";
    border-left: 1px solid #E5E5E5;
    position: absolute;
    height: 70%;
    top: 0;
    bottom: 0;
    margin: auto;
}
.currency_set .input-group-prepend:after {
    content: "";
    border-left: 1px solid #E5E5E5;
    position: absolute;
    height: 70%;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.currency_set .input-group-append .input-group-text {
    border-radius: 0 8px 8px 0;
    border-left: none;
    border-color: #E5E5E5;
}
.currency_set .form-error {
    position: absolute;
    bottom: -20px;
}
.input-group-append .input-group-text, .input-group-prepend .input-group-text {
    background: var(--whiteColor);
    padding: 5px 12px;
}
/* Radio */
/* Checkbox */
.customCheckBox .form-check {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    min-height: auto;
}
.customCheckBox .form-check-input[type=checkbox] {
    width: 18px;
    height: 18px;
    background-color: #E5E5E5;
    border-color: #E5E5E5;
    margin-top: 0 !important;
}
.customCheckBox .form-check-input[type=checkbox]:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}
.customCheckBox .form-check-input[type=checkbox]:focus {
    box-shadow: none;
}
.customCheckBox .form-check-label {
    font: normal normal normal 16px/19px Lato;
    color: var(--fColor);
    padding-left: 10px;
    cursor: pointer;
    text-shadow: 0 0 0 #333333;
}
/* Checkbox */
/* Textography */
.page_title {
    font: normal normal bold 18px/22px Lato;
}
.page_maintitle {
    font: normal normal bold 20px/24px Lato;
}
.page_subtitle {
    font: normal normal 400 18px/22px Lato;
    text-shadow: 0 0 0 #000;
}
.page_desctitle {
    font: normal normal normal 16px/20px Lato;
}
.user_title {
    font: normal normal bold 16px/19px Lato;
}
.page_smalltitle {
    font: normal normal normal 14px/17px Lato;
}
.breadcrumb-item+.breadcrumb-item {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.breadcrumb-item a {
    text-decoration: none;
    font: normal normal normal 13px/16px Lato;
    color: var(--fColor);
}
.breadcrumb-item a:hover {
    text-decoration: underline;
    color: var(--primary);
}
.breadcrumb-item.active span {
    font: normal normal 600 13px/16px Lato;
    color: var(--primary);
}
.breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item+.breadcrumb-item::before {
    content: ">";
}
/* Textography */
/* Custom File */
.customFileUpload {
    position: relative;
}
.customFileUpload label {
    font: normal normal normal 14px/17px Lato;
    color: var(--primary);
}
.customFileUpload .pe-none label {
    color: #6F7070;
}
.customFileUpload .pe-none svg path:nth-child(2) {
    fill: #6F7070;
}
.customFileUpload input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* Custom File */
/* Select2 */
.select2-container {
    width: 100% !important;
}
.select2-container--default .select2-results>.select2-results__options {
    margin: 8px;
}
.select2-results__option {
    padding: 8px;
    border-radius: 6px;
    font: normal normal normal 16px/19px Lato;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 0;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    font-size: 16px;
    min-height: 36px;
}
.pe-none .select2-container--default .select2-selection--single {
    background-color: #f1f1f1;
}
.pe-none .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #E5E5E5;
    border-radius: 8px;
}
.select2-dropdown {
    border-color: #E5E5E5;
    z-index: 1055;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single:focus-visible, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple:focus-visible, .select2-container--default .select2-selection--single:focus-visible, .select2-container--default .select2-selection--multiple:focus-visible {
    outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--fColor);
    line-height: 36px;
    padding-left: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
    top: 0px;
    right: 8px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field:focus, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single:focus-visible, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple:focus-visible {
    border-color: #c5c5c5;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    /*background-color: #fafafa;*/
    border: none;
    padding: 5px 20px 5px 8px;
    border-radius: 20px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #FDEFF2;
    color: var(--fColor);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--primary);
    border: none;
    top: 5px;
    right: 5px;
    left: inherit;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: block;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    color: var(--primary);
    background-color: transparent;
}
.select2-container--default .select2-search--inline .select2-search__field {
    line-height: 26px;
    height: 26px;
    font: normal normal normal 16px/26px Lato;
    color: #A49F9F;
    text-shadow: 0px 0px 0px #A49F9F;
    margin-left: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    background: url('../../masters/images/select_down_arrow.svg') 50% no-repeat;
    width: 15px;
    height: 15px;
    margin: 0;
    left: 0%;
    top: 30%;
    transition: 0.4s;
}
.roleFilter .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url('../../masters/images/filter_role_red_icon.svg') 50% no-repeat;
    width: 24px;
    height: 24px;
    left: -40%;
    top: 15%;
    transition: 0.4s;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
    transition: 0.4s;
}
.roleFilter .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(0deg);
    transition: 0.4s;
}
/* Select2 Multiple Checkbox */
.custom-dropdown .select2-results__option {
    padding-right: 20px;
    vertical-align: middle;
    position: relative;
}
.custom-dropdown .select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 15px;
    width: 15px;
    border: 1px solid #707070;
    border-radius: 4px;
    background-color: var(--whiteColor);
    margin-right: 10px;
    vertical-align: middle;
}
.custom-dropdown .select2-results__option.select2-results__message:before {
    content: "";
    border: none;
}
.select2-container--default .custom-dropdown .select2-results__option--selected:before, .custom-dropdown.permisionDisable .select2-results__option[aria-disabled=true]:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    color: var(--whiteColor);
    background-color: var(--primary);
    border: 0;
    display: inline-block;
    padding-left: 2px;
    line-height: 15px;
    font-size: 10px;
    font-weight: 900;
}
.select2-container--default .custom-dropdown .select2-results__option[aria-selected=true] {
    background-color: var(--whiteColor);
}
.select2-container--default .custom-dropdown .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--selected {
    background-color: #FDEFF2;
}
.select2-container--default.select2-container--open.select2-container--below .custom-dropdown .select2-selection--multiple {
    border-radius: 4px;
}
.select2-container--default.select2-container--focus .custom-dropdown .select2-selection--multiple {
    border-color: #E5E8EB;
    border-width: 2px;
}
select.error + .select2-container--default .custom-dropdown .select2-selection--multiple {
    border-color: #EE001C;
}
.select2-container--default .custom-dropdown .select2-selection--multiple {
    border-width: 2px;
}
.select2-container--open .custom-dropdown .select2-dropdown--below {
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
/* Select2 Multiple Checkbox */
.custom-temp-dropdown .select2-results__option {
    position: relative;
}
.custom-temp-dropdown .select2-results__option .user_badge {
    background: #E8DDFA 0% 0% no-repeat padding-box;
    color: #6C44AA;
    top: 8px;
}
/* Select2 */
/* DateRange */
.daterangepicker {
    font-family: 'Lato';
    color: var(--fColor);
}
.daterangepicker td.in-range, .daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #FDEFF2;
    color: var(--primary);
}
.daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker .btn-primary {
    background-color: var(--primary);
    color: var(--whiteColor);
}
.daterangepicker .btn-primary {
    border: 1px solid var(--primary);
}
.daterangepicker .btn-primary:hover {
    background-color: var(--whiteColor);
    color: var(--primary);
}
.daterangepicker td.available:not(.off) {
    text-shadow: 0 0 #000;
}
/* DateRange */
/* Upload File */
.upload-area {
    border: 1px dashed #D1D2D1;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
}
.upload-area h4 {
    font: normal normal normal 13px/16px Lato;
}
.upload-area h3 {
    font: normal normal normal 16px/19px Lato;
    color: #171D1A;
}
.upload-area h4 span, .upload-area h3 span {
    color: var(--primary);
    text-decoration: underline;
}
.upload-area p {
    font: normal normal 400 10px/12px Lato;
    color: #171D1A;
}
.upload-area input.uploadFile, .upload-area input.uploadResume {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.imagepreview-area {
    width: 60px;
}
.imagepreview-area img.imagepreview {
    border-radius: 4px;
    border: 1px solid #E5E5E5;
}
.imagepreview-area a {
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
}
.excelpreview-area {
    border: 1px solid #F1F1F1;
    border-radius: 5px;
    padding: 10px 20px;
    margin-top: 20px;
}
.excelpreview-area .progress {
    height: 4px;
}
.excelpreview-area p {
    margin: 0;
    font: normal normal 400 12px/15px Lato;
}
/* Upload File */
/* Login */
.login_header_wrapper {
    height: 100vh;
    background: rgb(255,255,255);
    background: linear-gradient(250deg, rgba(255,255,255,1) 70%, rgba(23,29,26,1) 60%);
}
.login_section {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 66px rgb(0 0 0 / 12%);
    border-radius: 13px;
    width: 1048px;
    height: 456px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.login_section .leftPanel {
    background: url(../images/login_bg.png) 100% no-repeat;
}
.login_section .headTitle {
    font: normal normal 400 20px/24px Lato;
    color: #171D1A;
    margin: 0;
    text-transform: capitalize;
}
.login_section .headText {
    font: normal normal normal 16px/19px Lato;
    color: #171D1A;
    margin: 0;
}
.login_section .btn {
    padding: 5px 20px;
}
.login_section .forgot_pw, .login_section .reset_captcha {
    text-decoration: underline;
}
.password_show {
    position: absolute;
    right: 3%;
    color: #979797;
    cursor: pointer;
    top: 40px;
}
.resendCode-input {
    padding-right: 60px;
}
.resendCode {
    position: absolute;
    right: 3%;
    cursor: pointer;
    top: 42px;
}
/* Login */
/* Error Pages */
.error_page_wrapper video {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 640px;
    height: 640px;
}
p.error_page_text {
    font: normal normal bold 16px/19px Lato;
    color: #8D8D8D;
}
/* Error Pages */
/* No data */
.nodata-sec {
    width: 100%;
    height: 98px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 3px 16px #00000014;
    border-radius: 8px;
    position: absolute;
    top: 70px;
    opacity: 0;
    transition: 0.4s;
    z-index: -1;
}
.nodata-sec.open {
    opacity: 1;
    transition: 0.4s;
    z-index: 102;
}
.nodata-sec p {
    font: normal normal normal 13px/16px Lato;
    color: #8D8D8D;
}
.nodata-sec video {
    width: 80px;
}
.emptyDropdown, .emptyDropdown:read-only {
    background: #FFFFFF url(../../masters/images/select_down_arrow.svg) 100% 50% no-repeat;
    color: #D1D1D1;
    cursor: pointer;
}
/* No data */
/* On Off Switch */
.onoffswitch-checkbox {
    position:absolute;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none
}
.switch_label {
    position:relative;
    cursor:pointer;
    display:inline-block;
    width:44px;
    height:24px;
    background:#848484;
    border:2px solid #848484;
    border-radius:20px;
    transition:0.2s
}
.onf_btn {
    position:absolute;
    top:1px;
    left:3px;
    display:inline-block;
    width:18px;
    height:18px;
    border-radius:20px;
    background:#fff;
    transition:0.2s
}
.onf_txt {
    position:absolute;
    right:-150%;
    top:10%
}
form.projectsForm .onf_txt {
    top:0
}
.onoffswitch-checkbox:checked+.switch_label {
    background:#7ed321;
    border:2px solid #7ed321
}
.customSwitch .onf_txt {
    position:initial
}
.customSwitch .onoffswitch-checkbox + .switch_label .onf_txt:before {
    font-size:16px;
    position:absolute;
    left:120%
}
.customSwitch .onoffswitch-checkbox:checked + .switch_label .onf_txt:before {
    left:120%
}
.onoffswitch-checkbox + .switch_label .onf_txt:before {
    content:"Inactive";
    color:#848484
}
.onoffswitch-checkbox:checked + .switch_label .onf_txt:before {
    content:"Active";
    color:#7ed321
}
.deleteSwitch .onf_txt {
    right:-70%
}
.deleteSwitch .onoffswitch-checkbox + .switch_label .onf_txt:before {
    content:"No" !important
}
.deleteSwitch .onoffswitch-checkbox:checked + .switch_label .onf_txt:before {
    content:"Yes" !important
}
.onoffswitch-checkbox:checked+.switch_label .onf_btn {
    left:21px;
    background:#fff;
    box-shadow:1px 2px 3px #00000020
}
/* On Off Switch */
/* TinyEditor */
.tox .tox-edit-area__iframe {
    /* z-index: -1; */
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
    box-shadow: none!important;
    padding: 0!important;
}
.tox .tox-tbtn, .tox .tox-tbtn--select {
    padding: 0 !important;
    margin: 0 !important;
}

.tox-editor-header .tox-toolbar {
    background: #F1F1F1 !important;
    border-bottom: 1px solid #F1F1F1;
    padding: 8px 8px 4px !important;
}
.tox-editor-header .tox-toolbar .tox-toolbar__group {
    border: none !important;
    padding: 0px !important;
}
.tox-editor-header .tox-toolbar .tox-toolbar__group > .tox-tbtn,
.tox-editor-header .tox-toolbar .tox-toolbar__group > .tox-split-button {
    height: 28px;
    font-size: 12px;
    border: 1px solid #E5E5E5;
    background: #fff;
    margin-right: 5px !important;
    margin-bottom: 5px !important;
    border-radius: 4px !important;
    padding: 0px 5px !important;
    box-shadow: none !important;
    justify-content: start;
    margin-top: 0;
    width: auto !important;
}
.tox-editor-header .tox-toolbar .tox-toolbar__group > .tox-split-button > span {
    height: 24px;
    padding: 0px !important;
    width: 18px;
    background: var(--whiteColor);
}
.tox-editor-header .tox-toolbar .tox-toolbar__group > .tox-split-button > span:hover {
    background: transparent !important;
}
.tox-tinymce-aux {
    z-index: 9999 !important;
}
.mce-content-body {
    text-align: justify;
}
.tox.tox-tinymce {
    min-height: 150px;
    border-radius: 8px;
    border: 1px solid #F1F1F1;
}
.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
    width: auto !important;
}
.tox .tox-collection--list .tox-collection__item--active {
    background: var(--whiteColor) !important;
}
/* TinyEditor */
/* UI Widget */
.ui-widget-content.ui-autocomplete{
    z-index: 1055;
    max-width: 600px !important;
}
.ui-menu .ui-menu-item {
    font: normal normal normal 14px/18px Lato;
}
.ui-menu .ui-menu-item-wrapper {
    padding: 5px 10px;
}
/* UI Widget */

.inviteSection label, .assignSection label, .inviteAccessorSection label  {
    font-size: 16px;
    color: #8D8D8D;
}
.none-input {
    width: 0;
}
textarea.form-control.autosize {
    text-align: justify;
}
#page_navigation .page_link, #page_navigation .previous_link, #page_navigation .next_link {
    font: normal normal 400 12px/15px Lato;
    color: #464B49;
    border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid transparent;
}
#page_navigation .page_link:hover, #page_navigation .previous_link:hover, #page_navigation .next_link:hover,
#page_navigation .page_link.active, #page_navigation .previous_link.active, #page_navigation .next_link.active {
    background: #FAFAFA 0% 0% no-repeat padding-box;
    border: 1px solid #D1D2D1;
}
.headerSec {
    height: 50px;
}