@font-face {
    font-family: 'kanz-al';
    src: url('../fonts/kanz-al-marjaan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.kal-font {
    font-family: 'kanz-al' !important;
}

.display-none {display: none;}
.cur-pointer {cursor: pointer;}
.preloader {position: fixed;width: 100%;height: 100%;z-index: 9999999;top: 0;left: 0;background-color: #fef8ffb0;display: none;}
.preloader .spinner-border {position: absolute;top: 50%;left: 50%;}

.final-page {
    display: flex;
    justify-content: center;
}

.form-switch .form-check-input {
    border-radius: 2rem !important;
    height: 20px;
    width: 3rem;
    margin-right: 8px;
}

.step-1-business-details > tbody > tr > td {
    white-space: normal;
    border: 1px solid #000;
    border-bottom: solid #000 1px;
}

.step-2-preview td, th {
    white-space: normal;
    text-align: center;
}

.step-2-preview .preview-title {
    background-color: #818181;
    color: #fff;
    border-bottom: 1px solid #000;
}

.step-4-preview td, th {
    white-space: normal;
    text-align: center;
}

.step-4-preview .preview-title {
    background-color: #818181;
    color: #fff;
    border-bottom: 1px solid #000;
}

.step-5-preview td, th {
    white-space: normal;
    text-align: center;
}

.step-5-preview .preview-title {
    background-color: #818181;
    color: #fff;
    border-bottom: 1px solid #000;
}

.step-7-preview td, th {
    white-space: normal;
    text-align: center;
}

.step-7-preview .preview-title {
    background-color: #818181;
    color: #fff;
    border-bottom: 1px solid #000;
}

.w-90 {width: 90% !important;}
.w-95 {width: 95%;}
.master-section .card .card-body {display: flex;justify-content: space-between;align-items: center;height: 90px;}
.master-section .card .card-body img {width: 50px;height: 50px;margin-right: 15px;}
.master-section .card:hover {color: var(--color-default);background: #fdfdfd;}
.btn-delete {background: #ffdede;border: transparent;border-radius: 100px;padding: 2px 23px 3px;font-size: 16px;color: #FF6A6A;}
.btn-delete:hover {background: #FF6A6A;color: #ffffff;}
.link-dark-blue {background: #98c5f3;border: transparent;border-radius: 100px;padding: 5px 23px;font-size: 16px;color: #003366;}
.link-dark-blue:hover {background: #003366;color: #ffffff;}
.table-width th {word-break: break-all}
.table-width td {word-break: break-all}
.text-006D99 {color: #006D99}
.table-width th {font-size: 16px}
.table-width td {font-size: 16px}
.deed-tables tbody tr td:nth-child(3){text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 150px;}
.reject-btn:hover .reject-icon path {stroke: #006d99;}

.widget-preloader {position: absolute;z-index: 10;top: 0;left: 0;background-color: #fef8ffb0;border-radius: 20px;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;color: gray}
.custom-icon-block {width: 41px;height: 41px;background: #fff;border-radius: 100px;display: flex;justify-content: center;align-items: center;margin-right: 20px;box-shadow: rgba(0, 0, 0, 0.24) 0 2px 6px;}
.custom-bg-blue{background: #006D99;}
.custom-bg-blue span{color: #FFFFFF;}
.dt-empty {text-align: center !important;}

.heading {width: 100%;float: left;background-color: #E9ECEF;padding: 10px 15px;margin: 20px 0;font-size: 16px;font-weight: 700;color: #006d99;}
.role-list .ul-role {float: left;width: 100%;margin: 0;padding: 0;}
.role-list .ul-role .li-role {list-style: none;float: left;border: 1px solid #f2f2f2;padding: 10px 15px;text-align: center;margin-right: 9px;margin-bottom: 10px;position: relative;cursor: pointer;width: 125px;height: 100px;}
.role-list .ul-role .li-role .name {font-size: 12px;}
.role-list .ul-role .li-role .check {position: absolute;top: -6px;right: -4px;background-color: rgba(0, 109, 153, 1);width: 11px;height: 11px;border-radius: 50%;display: none;}
.role-list .ul-role .li-role.active .check {display: block;}
.role-list .ul-role .li-role:hover, .role-list .ul-role .li-role.active {border: 1px solid #b5c93a;}
.custom-collapsed {background: #E9ECEF !important;}
.custom-collapsed:not(.collapsed)  {color:#006d99 !important;}

.plus, .minus {display: inline-block;background-repeat: no-repeat;background-size: 16px 16px !important;width: 16px;height: 16px;}
.plus {background-image: url(../images/plus.png);}
.minus {background-image: url(../images/minus.png);}

.tree_main ul {list-style: none;padding: 0px 0px 0px 20px;}
.tree_main .sub_ul li:before {font-size: 15px;margin-left: -11px;margin-top: -5px;vertical-align: middle;float: left;width: 8px;color: #41424e;}
.tree_main .sub_ul {padding: 0px 0px 0px 35px;}
.tree_main ul li label{font-size: 14px;}
.font-16 {font-size: 16px !important;}
.border-blue {border-color: #016D99}

.select2-selection__choice { justify-content: space-between; }
.select2-selection__choice__remove { order: 1; margin-left: 10px; }
.select2-dropdown.select2-dropdown--below,.select2-dropdown.select2-dropdown--above {
    width: unset !important;
}
.select2-dropdown.select2-dropdown--below .select2-results,.select2-dropdown.select2-dropdown--above .select2-results {
    white-space: nowrap;
}
.partners-count-custom-scrollbar {height:auto;max-height: 250px; overflow-y: auto; overflow-x: hidden; padding: 10px;}

.custom-scrollbar::-webkit-scrollbar {width: 24px;}

.custom-scrollbar::-webkit-scrollbar-track {border-radius: 20px; background-color: #E9ECEF;}

.custom-scrollbar::-webkit-scrollbar-thumb {border-radius: 20px; background-color: #003366;}
.reporting-right-header .dwnld-report:hover {background-color: #003366;}
.reporting-right-header .dwnld-report:hover span {color: #FFFFFF;}

.reporting-right-header .date-range:hover {background-color: #003366 !important;}
.reporting-right-header .date-range:hover span {color: #FFFFFF;}
.reporting-right-header .date-range:hover span svg path {fill: #FFFFFF;}
.chart-inner .chart-inner-text {position: absolute;width: 250px;height: 124px;top: 38%;text-align: center;font-size: 16px;}

.partnership-added:hover, .create-partnership-box:hover {background-color: #FF8A00}

.wrapper-dropdown.active .dropdown {border-top: 1px solid #006e96;padding: 0 !important;}
.wrapper-dropdown.active .dropdown li{padding: 8px 23px;line-height: unset;}
.wrapper-dropdown.active .dropdown li:hover {background-color: #e1e1e1;}
.input-error {font-size: 16px;}
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;}

.partner-edit-btn {position:absolute; right: 30px; padding: 5px 20px 5px 16px; background: #D9EFFF; color: var(--color-default); border-radius: 100px; font-size: 17px; border: transparent; white-space: nowrap;}
.partner-edit-btn .icon {margin-right: 5px;}
.partner-edit-btn:hover {background: var(--color-default); color: #fff;}
.partner-edit-btn:hover i svg path {fill: #fff;}
tr.bg-highlight-renew {background: #d7effe !important;}
.deed-tables-admin tbody tr td:nth-child(5){text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 150px;}
.datepicker table tr td span.year {color: #000000 !important;}
.datepicker table tr td span.year.active {color: #ffffff !important;}
.datepicker table tr td span.year.disabled {color: #999 !important;}
.comment-img-section img{width: 41px;height: 41px;border-radius: 50%;}
.cus-tooltip {position: relative;}
.cus-tooltip .cus-tooltip-text {display: none;}
.cus-tooltip:hover .cus-tooltip-text {display: block;text-align: center;background-color: #DAE9FF;color: #006D99;z-index: 9999;border-radius: 10px;padding: 18px 20px;position: absolute;width: 387px;font-size: 13px;line-height: 22px;}
.cus-tooltip:hover .cus-tooltip-text.tooltip-right {left: 102%;top: 0;}
.cus-tooltip:hover .cus-tooltip-text.tooltip-left {right: 102%;top: 0;}
.cus-tooltip:hover .cus-tooltip-text::after{content: ""; position: absolute; border-width: 12px; border-style: solid;}
.cus-tooltip:hover .cus-tooltip-text.tooltip-right::after{top: 14%; left: -24px;border-color: transparent #dae9ff transparent transparent;}
.cus-tooltip:hover .cus-tooltip-text.tooltip-left::after {top: 14%;right: -24px;border-color: transparent transparent transparent #dae9ff;}
.raise-query-fixed {position: fixed;right: 30px;bottom: 30px;background-color: #236e9b;width: 55px;height: 55px;border-radius: 50%;display: flex;align-items: center;justify-content: center; text-decoration: none;}
.raise-query-fixed::after {content: "Raise a query";position: absolute;bottom: 113%;right: 50%;transform: translateX(50%);background: #D9EFFF;color: #006D99;font-size: 13px;padding: 6px 10px;border-radius: 6px;white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity 0.2s ease-in-out;z-index: 999;}
.raise-query-fixed::before {content: "";position: absolute;bottom: 91%;right: 50%;transform: translateX(50%);border-width: 6px;border-style: solid;border-color: #D9EFFF transparent transparent transparent;opacity: 0;transition: opacity 0.2s ease-in-out;z-index: 999;}
.raise-query-fixed:hover::after,
.raise-query-fixed:hover::before {opacity: 1;}
.raise-query-fixed img {width: 34px;}
.top-scroll {overflow-x: auto;overflow-y: hidden;height: 16px;}
.top-scroll div {height: 1px;}
.active-card {background-color: #f68900 !important;color: #ffffff;}
.active-card .number h3 {color: #ffffff;}
.active-card .icon img {filter: brightness(0) invert(1);}
body.blur {filter: blur(10px);user-select: none;pointer-events: none;overflow: hidden;}
.protected-content {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.forgot-sec {text-align: right; margin-right: 5%; padding-top: 5px; font-size: 15px;}
.forgot-sec a {color: var(--color-default);}
.forgot-sec a:hover {color: #FF8A00;}