@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a {
    color: #0071c1;
    text-decoration: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

/*scrollBar*/

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: #C1C1C1;
}

/*Loader css*/

.k-loader-container {
    width: 100%;
    height: 100%;
}

.k-loader-container-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.k-loader-container.k-loader-top {
    width: 100%;
    height: 100%;
    min-height: 100vh;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
   cursor: pointer;
   position: absolute;
   right: 0.75rem;
   top: 0.5rem;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}

/*Width*/

.w-30 {
    width: 30%;
}

.w-20 {
    width: 20%;
}

/*Button css*/

.primary-outline-button.k-button-solid-base {
    border-color: #48749B82;
    color: #0072EB;
    background-color: #fff;
    border-radius: 4px;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    padding: 8px 15px;
}

.primary-outline-button.k-button-solid-base .k-button-text .k-icon {
    margin-right: 10px;
}

.primary-outline-button.k-button-solid-base .k-button-text .k-icon svg {
    vertical-align: top;
}

.primary-outline-button.k-button-solid-base:hover,
.primary-outline-button.k-button-solid-base.k-hover {
    border-color: #7492AC;
    background-color: #fff;
    color: #0A4FB3;
    border: 1px solid #7492AC;
}

.secondary-button {
    border-color: #0072EB;
    color: #0072EB;
    background-color: transparent;
    border-radius: 50px;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    line-height: 16.8px;
    font-weight: 600;
    padding: 8px 16px;
}

.secondary-button:hover {
    color: #fff;
    background: #0072EB;
}

.primary-button {
    color: #fff;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.8px;
    text-align: center;
    padding: 8px 20px;
    background: #0072EB;
    border-radius: 50px;
    height: max-content;
}

.primary-button:hover {
    color: #fff;
}

/*TextBox css*/

.k-textbox {
    border-color: #748899;
    background-color: #fff;
    border: 1px solid #748899;
    border-radius: 4px;
}

.k-input-solid:hover,
.k-input-solid.k-hover,
.k-input-solid:focus-within {
    border-color: #748899;
    box-shadow: none;
}

.k-input-solid.k-invalid {
    border-color: #0072EB;
}

.k-form-error.k-invalid-msg {
    color: #f31700;
    font-weight: 500;
    font-size: 14px;
    font-style: normal;
}

.form-group .form-input.input-error {
    border-color: #f31700;
}

.input-error.k-invalid {
    border-color: #f31700 !important;
}

.form-item {
    position: relative;
}

.form-item input {
    display: block;
    background: transparent;
    transition: all .3s ease;
    padding: 0 15px;
    height: 40px;
    border: 2px solid #7492AC !important;
    border-radius: 4px !important;
    outline: 0 !important;
}

.form-item label {
    position: absolute;
    cursor: text;
    z-index: 2;
    top: 8px;
    left: 10px;
    font-weight: bold;
    background: #fff;
    color: #7492AC;
    transition: all .3s ease
}

.form-item input:focus {
    border: 2px solid #0072EB !important;
}

.form-item input:hover {
    border: 2px solid #48749B !important;
}

.form-item input:focus + label,
.form-item input.modified + label,
.edit-form .form-item input + label {
    top: -12px;
}

.form-item input:focus + label {
    color: blue;
}

.form-item input.invalid + label {
    color: #DE0D26;
}

.form-item input.invalid {
    border: 2px solid #DE0D26 !important;
}

.disabled {
    cursor: not-allowed !important;
}

.pagination {
    justify-content: center;
}

li.page-item {
    vertical-align: middle;
    text-align: center;
}

li.page-item > a {
    cursor: pointer;
}

li.page-item > .page-text {
    border: none;
    padding: 0.375rem 0.75rem;
    display: block;
    color: #0072EB;
}

.text-right {
    text-align: right;
}

.error-message {
    color: red;
}

.edit-form td {
    color: #48749B;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}

.root-content > ul > li {
    position: relative;
}

.edit-form .modal {
    top: 35%;
}

.pagination li.page-item > a {
    border: none;
    color: #3D4956;
}

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

.mb-14 {
    margin-bottom: 14px;
}

.gap-20 {
    gap: 20px;
}

.gap-30 {
    gap: 30px;
}

.selectedPortals {
    border: 1px solid #748899;
    border-radius: 6px;
}

.selectedPortals.input-error, .custom-multiselect.input-error {
    border-color: #f31700;
}

.k-toolbar.k-editor-toolbar {
    background: transparent;
}

.greenText {
    color: #00833D;
}

.redText {
    color: #DE0D26;
}

/*telerik Grid css*/

.telerik-blazor.k-grid {
    border-width: 0;
}

.k-grid-aria-root {
    margin-top: 20px;
    height: 80vh;
}

.k-grid .k-table-th,
.k-grid td,
.k-grid .k-table-td {
    border-width: 0;
    border-style: none;
}

.k-grid .k-table-thead,
.k-grid .k-grid-header {
    background: #132367;
}

.k-grid .k-grid-header .k-table-th {
    color: #fff;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 18px;
    line-height: 21.6px;
    text-align: left;
    padding-top: 17px;
    padding-bottom: 16px;
}

.k-grid .k-grid-header .k-grid-filter:hover,
 k-grid.k-grid-header .k-header-column-menu:hover,
.k-grid .k-grid-header .k-grid-header-menu:hover,
.k-grid .k-grid-header .k-hierarchy-cell .k-icon:hover {
    background-color: transparent;
}

.k-grid .k-table-td {
    color: #5B6B7A;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    line-height: 16.8px;
    text-align: left;
    font-weight: 500;
    padding-top: 17px;
    padding-bottom: 17px;
    word-break: break-word;
}

.k-grid .k-drag-cell.k-table-td {
    padding-left: 15px;
}

.k-grid .k-header .k-checkbox:indeterminate,
.k-grid .k-header .k-checkbox.k-indeterminate {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23132367' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/%3E%3C/svg%3E");
}

.k-grid .k-table-th {
    text-overflow: unset;
}

.k-grid .k-cell-inner {
    gap: 10px;
}

.k-grid .k-cell-inner > .k-link {
    flex: inherit;
    cursor: default;
}

.k-grid .k-grid-header .k-grid-header-menu:focus {
   box-shadow: none;
}

.k-grid .k-grid-header .k-icon.k-svg-i-filter svg {
    display: none;
}

.k-grid .k-grid-header .k-icon.k-svg-icon.k-svg-i-filter:after {
    content: "\f0d7";
    font-size: 18px;
    margin-left: 8px;
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    color: #fff;
}

.k-grid .k-checkbox-wrap {
    width: 18px;
    height: 18px;
}

.k-grid .k-checkbox-wrap .k-checkbox[aria-checked="false"] {
    background-color: #fff;
    border-color: #5b6b7a;
    border-width: 2px;
    height: 18px;
    width: 18px;
}

.k-grid .k-checkbox-wrap .k-checkbox:checked {
    background-color: #fff;
    color: #5B6B7A;
    border-color: #5B6B7A;
    height: 18px;
    width: 18px;
    border-width: 2px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.74967 2.9166L3.74967 7.9166L1.45801 5.62493L2.04551 5.03744L3.74967 6.73743L8.16217 2.3291L8.74967 2.9166Z' fill='%231E1E1E'/%3E%3C/svg%3E");
}

.k-grid .k-checkbox-wrap .k-checkbox:focus,
.k-grid .k-checkbox-wrap .k-checkbox.k-focus,
.k-button-solid-primary:focus,
.k-button-solid-primary.k-focus {
    box-shadow: none;
}

.k-grid td.k-selected,
.k-grid .k-table-row.k-selected > td,
.k-grid .k-table-td.k-selected,
.k-grid .k-table-row.k-selected > .k-table-td {
    background-color: transparent;
}

.k-animation-container .k-child-animation-container .k-popup.k-reset {
    border-radius: 4px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
    background: #fff;
    padding: 10px 10px 0 10px;
}

.k-grid-filter-popup {
    max-width: 170px;
    min-width: inherit;
}

.k-grid-filter-popup .k-columnmenu-item-wrapper .k-icon.k-svg-i-filter svg {
    display: block;
}

.k-grid-filter-popup .k-columnmenu-item .k-icon.k-svg-icon.k-svg-i-filter:after {
    content: "";
}

.k-grid-filter-popup .k-columnmenu-item-content .k-filter-menu-container {
    padding: 0;
    margin-top: 6px;
    gap: 10px;
}

.k-grid-filter-popup .k-filter-menu .k-button-solid-base .k-button-text {
    color: #0072EB;
    font-weight: 500;
    font-family: 'Barlow';
    font-size: 14px;
    border: none;
}

.k-grid-filter-popup .k-filter-menu-container .k-button.k-button-solid-base {
    padding: 0;
    border: none;
    background: #fff;
    color: #0072EB;
    font-weight: 500;
    font-family: 'Barlow';
    font-size: 16px;
}

.k-grid-filter-popup .k-columnmenu-item-wrapper .k-columnmenu-item {
    padding-left: 0;
}   

/*Calendar*/

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected .k-link {
    border-color: #0072EB;
    background-color: #0072EB;
    color: #fff;
}

.k-calendar .k-calendar-td.k-selected:hover
.k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected:hover .k-link,
.k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected.k-hover .k-link {
    background-color: #0072EB;
    border-color: #0072EB;
}

.k-calendar-header .k-button-text {
    color: #0072EB;
}

.k-calendar .k-calendar-view .k-today {
    color: #0072EB;
}

/*flat Button with icon css*/

.flat-button.k-button.k-button-solid-base {
    border: none;
    background: #fff;
    color: #0072EB;
    font-weight: 500;
    font-family: 'Barlow';
    font-size: 16px;
    line-height: 19.2px;
}

.k-button-solid-base:focus,
.k-button-solid-base.k-focus {
    box-shadow: none;
}

.k-button.custom-add-button.k-button-solid-base {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.25 0.75C7.25 0.334375 6.91563 0 6.5 0C6.08437 0 5.75 0.334375 5.75 0.75V5.75H0.75C0.334375 5.75 0 6.08437 0 6.5C0 6.91563 0.334375 7.25 0.75 7.25H5.75V12.25C5.75 12.6656 6.08437 13 6.5 13C6.91563 13 7.25 12.6656 7.25 12.25V7.25H12.25C12.6656 7.25 13 6.91563 13 6.5C13 6.08437 12.6656 5.75 12.25 5.75H7.25V0.75Z' fill='%230072EB'/%3E%3C/svg%3E");
    background-size: auto;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: left center;
}

.custom-add-button .k-button-text {
    margin-left: 15px;
}

.k-button.custom-delete-button.k-button-solid-base {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='21' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.2 12.193L23.8 24.3C23.766 25.3369 23.3292 26.3197 22.5823 27.0398C21.8355 27.7599 20.8375 28.1607 19.8 28.157H12.2C11.1632 28.1607 10.1658 27.7605 9.41907 27.0412C8.67236 26.322 8.23512 25.3402 8.20003 24.304L7.80003 12.193C7.79128 11.9278 7.88824 11.6699 8.06959 11.4762C8.25093 11.2825 8.50181 11.1687 8.76703 11.16C9.03224 11.1512 9.29007 11.2482 9.4838 11.4295C9.67752 11.6109 9.79128 11.8618 9.80003 12.127L10.2 24.237C10.2199 24.7539 10.4394 25.2431 10.8124 25.6017C11.1853 25.9602 11.6827 26.1604 12.2 26.16H19.8C20.3181 26.1603 20.816 25.9597 21.189 25.6002C21.5621 25.2408 21.7811 24.7507 21.8 24.233L22.2 12.127C22.2088 11.8618 22.3225 11.6109 22.5163 11.4295C22.71 11.2482 22.9678 11.1512 23.233 11.16C23.4982 11.1687 23.7491 11.2825 23.9305 11.4762C24.1118 11.6699 24.2088 11.9278 24.2 12.193ZM25.523 8.16397C25.523 8.42919 25.4177 8.68354 25.2301 8.87108C25.0426 9.05861 24.7882 9.16397 24.523 9.16397H7.47803C7.21281 9.16397 6.95846 9.05861 6.77092 8.87108C6.58338 8.68354 6.47803 8.42919 6.47803 8.16397C6.47803 7.89875 6.58338 7.6444 6.77092 7.45686C6.95846 7.26933 7.21281 7.16397 7.47803 7.16397H10.578C10.8949 7.16482 11.2007 7.04776 11.436 6.83557C11.6713 6.62337 11.8192 6.33122 11.851 6.01597C11.9248 5.27646 12.2713 4.5909 12.8229 4.09288C13.3746 3.59485 14.0918 3.32004 14.835 3.32197H17.165C17.9082 3.32004 18.6255 3.59485 19.1771 4.09288C19.7288 4.5909 20.0752 5.27646 20.149 6.01597C20.1808 6.33122 20.3287 6.62337 20.564 6.83557C20.7993 7.04776 21.1052 7.16482 21.422 7.16397H24.522C24.7872 7.16397 25.0416 7.26933 25.2291 7.45686C25.4167 7.6444 25.522 7.89875 25.522 8.16397H25.523ZM13.587 7.16397H18.415C18.2836 6.86371 18.1977 6.54555 18.16 6.21997C18.1353 5.97348 18.0199 5.74496 17.8362 5.57868C17.6526 5.41241 17.4138 5.32022 17.166 5.31997H14.836C14.5883 5.32022 14.3495 5.41241 14.1658 5.57868C13.9822 5.74496 13.8668 5.97348 13.842 6.21997C13.8041 6.54561 13.7188 6.86377 13.587 7.16397ZM14.594 22.315V13.8C14.594 13.5348 14.4887 13.2804 14.3011 13.0929C14.1136 12.9053 13.8592 12.8 13.594 12.8C13.3288 12.8 13.0745 12.9053 12.8869 13.0929C12.6994 13.2804 12.594 13.5348 12.594 13.8V22.319C12.594 22.5842 12.6994 22.8385 12.8869 23.0261C13.0745 23.2136 13.3288 23.319 13.594 23.319C13.8592 23.319 14.1136 23.2136 14.3011 23.0261C14.4887 22.8385 14.594 22.5842 14.594 22.319V22.315ZM19.408 22.315V13.8C19.408 13.5348 19.3027 13.2804 19.1151 13.0929C18.9276 12.9053 18.6732 12.8 18.408 12.8C18.1428 12.8 17.8885 12.9053 17.7009 13.0929C17.5134 13.2804 17.408 13.5348 17.408 13.8V22.319C17.408 22.5842 17.5134 22.8385 17.7009 23.0261C17.8885 23.2136 18.1428 23.319 18.408 23.319C18.6732 23.319 18.9276 23.2136 19.1151 23.0261C19.3027 22.8385 19.408 22.5842 19.408 22.319V22.315Z' fill='%230072EB'/%3E%3C/svg%3E%0A");
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.custom-delete-button .k-button-text {
    margin-left: 22px;
}

.custom-archive-button.k-button.k-button-solid-base {
    content: "";
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg height='16px' width='16px' viewBox='-10 -10 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='scale(0.625)'%3E%3Cpath d='M41.09 10.45l-2.77-3.36c-.56-.66-1.39-1.09-2.32-1.09h-24c-.93 0-1.76.43-2.31 1.09l-2.77 3.36c-.58.7-.92 1.58-.92 2.55v25c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4v-25c0-.97-.34-1.85-.91-2.55zm-17.09 24.55l-11-11h7v-4h8v4h7l-11 11zm-13.75-25l1.63-2h24l1.87 2h-27.5z' fill='%230072EB'/%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.custom-archive-button .k-button-text {
    margin-left: 26px;
}

.custom-bell-button.k-button.k-button-solid-base {
    content: "";
    display: inline-block;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='-8 -8 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.44794 7.97013C6.59941 6.60355 7.24957 5.34085 8.27396 4.42373C9.29835 3.50661 10.625 2.99951 11.9999 2.99951C13.3749 2.99951 14.7015 3.50661 15.7259 4.42373C16.7503 5.34085 17.4005 6.60355 17.5519 7.97013L17.8039 10.2361L17.8099 10.2931C17.939 11.4172 18.3051 12.501 18.8839 13.4731L18.9139 13.5231L19.4909 14.4861C20.0159 15.3601 20.2779 15.7971 20.2209 16.1561C20.1833 16.3944 20.0608 16.6111 19.8759 16.7661C19.5969 17.0001 19.0869 17.0001 18.0679 17.0001H5.93194C4.91194 17.0001 4.40194 17.0001 4.12394 16.7671C3.93855 16.612 3.81563 16.3949 3.77794 16.1561C3.72194 15.7971 3.98394 15.3601 4.50794 14.4861L5.08694 13.5221L5.11694 13.4721C5.6953 12.5002 6.06101 11.4167 6.18994 10.2931L6.19594 10.2361L6.44794 7.97013Z' stroke='%230072EB' stroke-width='1.5'/%3E%3Cpath d='M8 17C8 18.0609 8.42143 19.0783 9.17157 19.8284C9.92172 20.5786 10.9391 21 12 21C13.0609 21 14.0783 20.5786 14.8284 19.8284C15.5786 19.0783 16 18.0609 16 17' stroke='%230072EB' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    vertical-align: middle;
    background-repeat: no-repeat;
}

.custom-bell-button .k-button-text {
    margin-left: 26px;
}

.custom-bell-button {
    position: relative;
}

.custom-bell-button .k-badge-edge.k-top-end {
    transform: translate(0, 0);
    font-size: 6px;
    background: #0072EB;
    color: #fff;
    border: none;
    left: 15px;
    height: 14px;
    width: 14px;
    top: 2px;
    border-radius: 100%;
    display: inline-block;
}

/*Pagination*/

.k-pager .k-button-flat-primary {
    color: #5B6B7A;
}

.k-pager .k-button-flat.k-button-flat-primary.k-selected {
    color: #0072EB;
}

.k-pager  .k-button .k-button-icon.k-svg-icon {
    width: 20px;
    height: 20px;
}

.k-pager:focus {
    box-shadow: none;
}

.k-popup .k-list-content ul.k-list-ul .k-selected {
    color: #fff;
    background-color: #0072EB;
}

/*form input*/

.form-group .form-input,
.form-group .custom-editor {
    height: 50px;
    border: 1px solid #748899;
    border-radius: 4px;
}

.form-group .subtitle {
    color: #1E1E1E;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 16.8px;
}

.form-group .clubtitle {
    color: #1E1E1E;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 16.8px;
}

/*upload buttton section*/

.form-group .k-upload {
    border-radius: 10px;
    border: 1px dashed #909EB2;
    background: #F1F6FA;
}

.form-group .k-upload .k-dropzone,
.form-group .k-upload .k-upload-dropzone {
    border-width: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #F1F6FA;
    height: 103px;
    flex-direction: column;
    border-radius: 10px;
}

.form-group .k-upload .k-dropzone .k-dropzone-hint {
    flex: inherit;
    display: none;
}

.form-group .k-upload-button-wrap .k-button-solid-base {
    border: none;
    border-width: 0;
    background: transparent;
    box-shadow: none;
}

.k-upload-files {
    display: none !important;
}

/*Edtior css*/

.custom-editor .k-editor-toolbar {
    order: 2;
}

.custom-editor .k-editor-content {
    order: 1;
    display: flex;
    flex-direction: column;
}

.custom-editor {
    display: flex;
    flex-direction: column;
    width: auto;
}

.custom-editor .k-button-solid-base.k-selected {
    border-color: #0072EB;
    color: #fff;
    background-color: #0072EB;
}

/*Radio button*/

.k-radio-list .k-radio-list-item {
    gap: 10px;
}

.k-radio-list-item .k-radio-wrap input {
    border-color: #909EB2;
}

.k-radio-list .k-radio-list-item .k-radio-wrap .k-radio:checked,
.k-radio-list .k-radio-list-item .k-radio-wrap .k-radio.k-checked {
    background-color: #fff;
    border-width: 2px;
    width: 20px;
    height: 20px;
    border: none;
    background-size: 100%;
    background-position: center;
    margin-left: -2px;
    background-image: url('/images/checkbox-circle.png');
}

.k-radio-list .k-radio-list-item .k-radio-wrap .k-radio:checked:focus,
.k-radio-list .k-radio-list-item .k-radio-wrap .k-radio.k-checked.k-focus {
    box-shadow: none;
}

.k-radio-list .k-radio-list-item .k-radio-label {
    color: #1E1E1E;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

/*check box*/

.k-checkbox-wrap input.k-checkbox {
    border-color: #909EB2;
}

.k-checkbox-wrap .k-checkbox:checked {
    background-color: #fff;
    color: #1e1e1e;
    border-color: #1e1e1e;
    border-width: 2px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.74967 2.9166L3.74967 7.9166L1.45801 5.62493L2.04551 5.03744L3.74967 6.73743L8.16217 2.3291L8.74967 2.9166Z' fill='%231E1E1E'/%3E%3C/svg%3E");
}

.k-checkbox-wrap .k-checkbox:focus,
.k-checkbox-wrap .k-checkbox.k-focus {
    box-shadow: none;
}

/*Date picker*/

.k-datepicker.k-input.k-input-solid {
    border-radius: 4px;
    border: 1px solid #748899;
    background: #fff;
    position: relative;
}

.k-datepicker .k-input-button {
    background: transparent;
    border-inline-start-width: 0;
}

.k-button-flat-primary {
    color: #0072EB;
}



/**/

.k-list-item.k-selected,
.k-selected.k-list-optionlabel,
.k-button-solid-primary {
    color: #fff;
    background-color: #0072EB;
    border-color: #0072EB;
}

.k-list-item.k-selected:hover,
.k-selected.k-list-optionlabel:hover,
.k-list-item.k-selected.k-hover,
.k-selected.k-hover.k-list-optionlabel,
.k-button-solid-primary:hover {
    color: #fff;
    background-color: #909EB2;
    border-color: #909EB2;
}

/*preview page css*/

.left-preview-section h3 {
    color: #0E398D;
    font-family: 'Barlow', sans-serif;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
}

.portal-select-section .custom-multiselect, .portal-select-section .k-input-solid {
    max-width: 100%;
    width: 100%;
    margin-top: 10px;
}

.start-date, .end-date {
    font-family: Barlow;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0.02em;
    color: #1e1e1e;
}

/* Multi select dropdown for Portal ids */

.portal-select-wrapper {
    text-align: right;
}

    .portal-select-wrapper .portal-select-button {
        z-index: 11111111;
        right: 36px;
        bottom: -39px;
        width: 28px;
        height: 28px;
        border-radius: 0;
        border: none;
    }

.portal-select-section .custom-multiselect {
    height: auto;
    max-height: 140px;
    overflow-y: auto;
}

.portal-select-section span.k-clear-value {
    display: flex;
    align-self: flex-start;
    padding: 5px;
    margin-right: 2px;
    border: 1.2px solid #c6c6c6;
}

.portal-select-section .k-icon-button {
    width: 28px;
    height: 28px;
    position: sticky;
    top: 0;
    right: 0;
    margin-left: 20px;
}

.portal-select-section .custom-multiselect .k-input-values .k-chip-list .k-chip {
    margin: 3px;
}

.portal-select-section .custom-multiselect .k-input-values .k-chip-content .k-chip-label {
    white-space: normal;
    line-height: normal;
    word-break: break-word;
}
/* Error pop-up */
.k-window.k-dialog.k-alert {
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    width: 380px;
}

.k-window.k-alert .k-dialog-titlebar {
    color: #3d3d3d;
    background: #ffffff;
    border-radius: 4px;
    border: none;
    padding: 15px 15px 10px 15px;
}

.k-window-title.k-dialog-title {
    font-family: Barlow;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #3d3d3d;
}

.k-window.k-alert .k-dialog-content {
    font-family: Barlow;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    color: #3d3d3d;
    background: #ffffff;
    border: none;
    padding: 10px 15px 10px 15px;
}

.k-window.k-alert .k-dialog-actions {
    background: #ffffff;
    border: none;
    padding: 5px 15px 15px 15px;
    border-radius: 4px;
}

.k-window.k-alert .k-dialog-actions .k-button {
    border-radius: 50px;
    padding: 8px 16px;
    font-family: Barlow;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.8px;
    color: #ffffff;
}

.k-window.k-alert .k-dialog-actions .k-button:hover {
    background: #0072EB;
}

.right-preview-section .custom-editor.editor-error {
    border-color: #f31700;
}

@media screen and (max-width: 1100px) {
    .k-editor.telerik-blazor.custom-editor {
        width: 100% !important;
        height: auto !important;
    }
}

@media screen and (max-width: 1124px) {
    .portal-select-section .custom-multiselect, .portal-select-section .k-input-solid {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 768px) {
    .custom-bell-button {
        margin-left: -5px;
    }

    .form-group .subtitle {
        margin-bottom: 0;
    }

    .k-editor.telerik-blazor.custom-editor {
        width: 100% !important;
        height: auto !important;
    }

    .k-window.k-dialog.k-alert {
       max-width: 300px;
    }

    .portal-select-section .custom-multiselect {
        max-height: 200px;
    }
}

@media (max-width: 768px) {
    .gap-30 {
        gap: 10px;
    }

    .gap-20 {
        gap: 10px;
    }

    .portal-select-section .k-icon-button {
        margin-left: 38px;
    }
}

@media screen and (max-width: 388px) {
    .portal-select-section .form-group .k-radio-list, .visibility-portal-container .form-group .k-radio-list {
        gap: 4px;
    }

    .portal-select-section .custom-multiselect, .portal-select-section .k-input-solid {
        margin-bottom: 0;
    }

    .gap-sm-0 {
        gap: 0 !important;
    }

    .mt-xs-1 {
        margin-top: 16px !important;
    }
}