/*Start :Style for kendo dropdown must be removed once the styling for all is done: Remove it later*/
.k-state-selected, .k-list > .k-state-selected {
    background-color: rgba(var( --brand-table-row-background), 0.03) !important;
    color: var(--global-text-color) !important;
}
/*end: Style for kendo dropdown must be removed once the styling for all is done: Remove it later*/
.close {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0%;
    padding: 12px 16px;
    transform: translate(0%, -50%);
}

    .close:hover {
        background: #bbb;
    }

#scheduleAppointmentProspectsLookup {
    list-style-type: none;
    position: absolute;
    background: white;
}

.appointments-card {
    position: relative;
    display: -ms-flexbox;
    /*display: flex;*/
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--brand-default-light-background);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.4rem;
    height: 289px;
}

.app-card-header:first-child {
    border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
    border-bottom-left-radius: 0px;
    /*    padding: 1.1rem 1.1rem 0.6rem 1.1rem;*/
}

.admission__header {
    background-color: var(--brand-main-backgroundcolor-indicator) !important;
}

/* span  */
.contact__relation-avtar {
    width: 24px;
    height: 24px;
    font-size: var(--global-text-size-xs);
}

/* APP typography */
.prospect__name {
    font-size: var(--global-text-size-xxl) !important;
}

.prospect__address {
    line-height: 1.2em;
    margin-bottom: 0.7em;
    padding-top: 9px;
}

/* prospect card  */
.prospect-info__container {
    min-width: 10%;
    width: 100%;
}

.prospect__left {
    position: absolute;
    bottom: 10px;
    left: 12px;
}

.prospect__right {
    position: absolute;
    right: 21px;
    bottom: 10px;
}

.prospect__image {
    width: 122px;
    height: 122px;
    border-radius: 5%;
}

.overlay {
    position: absolute;
    height: 122px;
    width: 122px;
    opacity: 0;
    transition: 0.3s ease;
    background-color: var(--brand-default-dark-background-alpha);
    border-radius: 5%;
    top: 0;
}

.prospect__image-container {
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 1em;
}

    .prospect__image-container:hover .overlay {
        opacity: 1;
    }

    .prospect__image-container:hover .overlay__edit {
        animation: from-left 0.38s;
        animation-fill-mode: forwards;
    }

    .prospect__image-container:hover .overlay__delete {
        animation: from-right 0.38s;
        animation-fill-mode: forwards;
    }

.overlay__link {
    color: var(--global-text-light);
    text-align: center;
    padding-right: 0.4em;
    padding-left: 0.4em;
}

.overlay__img {
    height: 1.1rem;
    position: relative;
}


@keyframes from-left {
    0% {
        left: -9px;
    }

    100% {
        left: 0px;
    }
}

@keyframes from-right {
    0% {
        left: 9px;
    }

    100% {
        left: 0px;
    }
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 0.1px;
    max-height: 12px;
    background-color: var(--brand-default-light-background);
    position: relative;
    top: 52%;
    left: 0%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/* add image  */
.overlay__add-image {
    top: 0;
    position: absolute;
    height: 122px;
    width: 122px;
    opacity: 0;
    transition: 0.3s ease;
    border-radius: 5%;
    background-color: rgba(0, 0, 0, 0.8);
}

.prospect__image-container:hover .overlay__add-image {
    opacity: 1;
}

.overlay__add {
    height: 14px;
}

.overlay__text {
    font-size: 1rem;
}

.prospect__image-container:hover .overlay__add {
    animation: from-top 0.38s;
    animation-fill-mode: forwards;
}

.prospect__image-container:hover .overlay__text {
    animation: from-bottom 0.38s;
    animation-fill-mode: forwards;
}

@keyframes from-top {
    0% {
        top: -9px;
    }

    100% {
        top: 0px;
    }
}

@keyframes from-bottom {
    0% {
        top: 9px;
    }

    100% {
        top: 0px;
    }
}

/* add image  */

.card__icon {
    height: 15px;
    opacity: .8;
}

    .card__icon:hover {
        opacity: 1;
    }

.prospects-setting-icon, .prospects-alert-icon {
    opacity: 1;
}

.alert_icon {
    width: 24px;
    height: 22px;
}

.setting-icon {
    width: 24px;
    height: 24px;
}

.add-icon {
    width: 24px;
    height: 24px;
}

.decision-edit-icon {
    width: 20px;
    height: 20px;
}

.step-in-progress__container {
    left: 26.1%;
    top: 14px;
}

.step-in-progress-text {
    margin-bottom: 0.1em;
    width: 100%;
}

#chartLabel {
    top: 13px;
    font-size: var(--global-text-size-sm);
    color: var(--global-text-color);
    left: 12px;
}

.prospect__link:hover,
.prospect__link:focus {
    text-decoration: none;
}

.card-header__link:focus,
.card-header__link:hover {
    text-decoration: none;
}

.prospect__bottom-image {
    height: 18px;
}

.prospect__bottom-household-image {
    height: 21px;
}


/* decision card  */
#decison__input:checked:before {
    background: none;
    text-shadow: none;
    font-size: var(--global-text-size-xs);
    text-align: initial;
    line-height: 0;
    display: inline-block;
    width: 0;
    height: 0;
    color: transparent;
    border: 1px solid var(--brand-tabs-component-background);
    border-radius: 2px;
    margin: 0px;
    padding: 0px;
    text-indent: 1px;
    position: initial;
    top: 0px;
    content: " ";
}

#decison__input[type="checkbox"] {
    margin: 0 5px 0 0;
}

.decision__header {
    background-color: var(--brand-main-backgroundcolor-indicator);
}

.form-check .decision__input {
    width: 1em;
    height: 1em;
    margin-left: -1.2em;
    border-radius: 0.15em;
}

.decision__input:focus {
    outline: 0;
    box-shadow: none;
    border-color: var(--checkbox-border-color);
}

.decision__input:checked {
    background-color: var(--brand-light-backgroundcolor-indicator);
    width: 1.2em;
    height: 1.2em;
}


.decision__reaction {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

body.minimised-view .overlayChart {
    bottom: 0;
    left: -39%;
    transform: translateY(-6px);
    position: absolute;
}

.decision__reaction-image {
    width: 55px;
    height: 55px;
    left: -13px;
    top: -10px;
    position: absolute;
}

.decision_reactionmulti-image {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    display: block;
    box-shadow: 0px 0px 0px 18px rgba(var(--brand-process-completed-background), 0.2);
    border-radius: 50%;
}
/* decision card  */

/* contact card  */
.contact__relation {
    margin-right: 0.7em;
}

.contact__header {
    background-color: var(--brand-main-backgroundcolor-indicator);
}

.contact__table {
    margin-bottom: 7px;
}

.contact__name-text {
    max-width: fit-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-right: 0px;
    width: 71%;
    color: var(--global-text-color);
    font-size: var(--global-text-size-lg);
    font-family: var(--global-font-family-regular);
    font-weight: 500;
    letter-spacing: 0.16px;
}

.contact__list {
    padding: 0;
    margin-bottom: 0.5em;
}

.contact__email-image {
    width: 22px;
    height: 22px;
    margin-left: -24px;
    cursor: pointer;
}

.contact__household {
    background: var(--brand-main-backgroundcolor-indicator);
    margin-left: -15px;
    width: 24px;
    height: 24px;
}

.contact__view {
    color: var(--global-link-color-one);
    font-size: var(--global-text-size-lg);
    text-decoration: none;
    letter-spacing: 0.16px;
    font-family: var(--global-font-family-regular);
    font-weight: 500;
}

    .contact__view:hover,
    .contact__view:active,
    .contact__view:focus {
        text-decoration: none;
    }

.contact__row {
    height: 40px;
    align-items: center;
    padding: 1em 1.1em 1em 1em;
}

    /* table striped background  */
    .contact__row:nth-child(even) {
        background-color: rgba(var( --brand-table-row-background), 0.03);
    }

    .contact__row:nth-child(odd) {
        background-color: rgba(var( --brand-table-row-background), 0.1);
    }

/* table striped background  */
/* contact card  */

/* collapsed  */
#divSingleProspectSnapshot #divCollapseBar .collapsed__left-top {
    width: 100%;
}

    #divSingleProspectSnapshot #divCollapseBar .collapsed__left-top .collapse-box-responisve {
        width: calc(81% - 40px);
    }

.collapsed__key, collapsed__value {
    min-width: 40px;
}

.collapsed__container {
    box-shadow: 0px 3px 3px var(--global-box-shadow);
    border-radius: 5px;
    background: var( --brand-default-light-background);
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 8px;
    height: 60px;
}

.student__info-container {
    padding: 0.5em 1em;
    background: var(--brand-light-backgroundcolor-indicator);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 60px;
    width: 20%;
}

.prospect-collapsed-div__img {
    width: 39px;
    height: 39px;
}

.student__name {
    width: fit-content;
}

.student__grade {
    padding-left: 0.6em;
    max-width: fit-content;
}

.collapsed__decision {
    padding-right: 1.6em;
}

.emoji__image {
    width: 32px;
    height: 32px;
}

.student__setting {
    margin-right: 1em;
    width: 24px;
    height: 24px;
}

.vr__student {
    background-color: black;
    width: 0.1px;
    max-height: 21px;
    margin-left: 1em;
    margin-right: 1em;
}

.triangle {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--global-light-color-indicator);
}
/* collapsed  */

/*Demographic new screen design code starts here*/
/*demographic tab design*/

.demographic__settingsscreen #screenSettings .k-dropdown-wrap {
    width: 260px;
    height: 35px;
    border: 1px solid var(--global-dropdown-border) !important;
}

    .demographic__settingsscreen #screenSettings .k-dropdown-wrap .k-input {
        padding-top: 6px;
        color: var(--global-text-color) !important;
        margin-top: 0;
        font-size: var(--global-text-size-md);
        font-family: var(--global-font-family-regular);
        font-weight: var(--gloabl-default-font-weight) !important;
    }

    .demographic__settingsscreen #screenSettings .k-dropdown-wrap .k-icon.k-i-arrow-60-down {
        margin-top: 5px !important;
        color: var(--global-text-color);
    }

#demographicsfields #screenSettings span.k-dropdown-wrap,
#demographicsfields #screenSettings span.k-dropdown {
    border-radius: 5px !important;
}

/*prospects__tabs-header starts*/
.prospects__tabs-header .nav-tabs > li > a:hover {
    background-color: transparent;
    border-bottom: 3px solid var( --global-light-color-indicator);
    color: var(--global-text-color);
    cursor: pointer;
}

.prospects__tabs-header .nav-tabs > li > a {
    background-color: transparent;
    color: var(--global-text-color);
    padding: 15px 0px 1px 0px !important;
    margin: 0 0 13px 0;
    border: 0;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    font-weight: 500 !important;
    cursor: pointer;
    font-size: var(--global-text-size-lg);
}

.prospects__tabs-header .nav-tabs > li.active > a,
.prospects__tabs-header .nav-tabs > li.active > a:hover .prospects-tabs-heade .nav-tabs > li.active > a:focus {
    background-color: transparent;
    border-bottom: 3px solid var( --global-light-color-indicator);
    color: var(--global-text-color);
    font-weight: 600 !important;
}

.prospects__tabs-header .nav-tabs {
    border-bottom: 0;
    background: var(--brand-default-light-background);
    padding-left: 15px;
    /*height: var(--nav-height);*/
}

    .prospects__tabs-header .nav-tabs > li {
        margin-right: 30px;
        margin-bottom: 0px;
    }

.decision__form-check input[type=checkbox] {
    width: 15px;
    height: 15px;
    font-size: var(--global-text-size-xs);
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.prospects__tabs-header {
    position: relative;
}

    .prospects__tabs-header .startup_page {
        position: absolute;
        top: 15px;
        right: 15px;
        display: none;
    }

/*prospects__tabs-header ends*/
.demographic__settingsscreen {
    background: var( --brand-component-primary-background);
    padding: 10px;
}

#screenSettings .save__button button,
#screenSettings .save__next__button button {
    background: var(--brand-main-backgroundcolor-indicator);
    min-width: 85px;
    border: none;
    color: var(--global-text-light);
    width: auto;
    padding: 7px 20px;
}

    #screenSettings .save__button button img,
    #screenSettings .save__next__button button img {
        height: 17px;
        margin-right: 1px;
        margin-top: -2px;
    }

#screenSettings .abort__button button {
    background: var(--brand-default-light-background);
    min-width: 85px;
    border: 1px solid var(--global-link-color);
    color: var(--global-link-color);
    width: auto;
    padding: 7px 20px;
}

    #screenSettings .save__button button:hover,
    #screenSettings .save__next__button button:hover,
    #screenSettings .abort__button button:hover {
        background: var(--brand-dark-backgroundcolor-indicator);
        color: var(--global-text-light);
        font-weight: var(--gloabl-default-font-weight);
    }

    #screenSettings .abort__button button .abort-on-hover {
        display: none;
    }

    #screenSettings .abort__button button:hover .abort-on-hover {
        display: inline-block;
    }

    #screenSettings .abort__button button:hover .abort-icon {
        display: none;
        font-size: var(--global-text-size-sm)
    }

    #screenSettings .abort__button button img {
        width: 15px;
        margin-top: -2px;
        margin-right: -2px;
    }

#screenSettings .save__button button .fa-check {
    color: var(--global-text-light);
    padding-right: 5px;
    font-size: var(--global-text-size-sm);
    font-weight: 400;
}

#screenSettings .abort__button button .fa-close {
    color: var(--global-link-color);
    padding-right: 5px;
    font-size: var(--global-text-size-sm);
    font-weight: 400;
}

/*demographic tab design*/
.demographic-color-value {
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    top: 27%;
    position: absolute;
    left: 10px;
    border-radius: 50%;
    left: 11px;
    border-radius: 50%;
    display: inline;
    position: absolute !important;
    z-index: 1;
}

#demographicsfields #FieldLayout {
    padding: 20px 40px 20px 75px !important;
    background: var(--brand-component-secondary-background);
}

#demographicsfields .tabDemographicContent {
    background-color: var(--brand-component-secondary-background);
}

.k-content.tabHomeContent.search-tabHomeContent.k-state-active {
    background-color: var(--brand-component-secondary-background);
}

#demographicsfields #FieldLayout input,
#demographicsfields #FieldLayout .k-combobox,
#demographicsfields #FieldLayout .k-widget.k-dropdown,
#demographicsfields #FieldLayout .k-dropdown-wrap,
#demographicsfields #FieldLayout .k-datepicker.demo-field-date,
#demographicsfields #FieldLayout .iti__selected-flag {
    height: 35px !important;
    border-radius: 5px !important;
}

#demographicsfields #FieldLayout input,
#tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default {
    height: 35px !important;
    border-radius: 5px !important;
}

#demographicsfields input.form-control {
    color: var(--global-text-color) !important;
    font-size: var(--global-text-size-md);
}

#FieldLayout label.control-label,
#tabstripBatchEntries label {
    font-size: var(--global-text-size-sm);
    font-family: var(--global-font-family-semibold);
    padding-top: 12px;
    color: var(--global-text-color);
    font-weight: var(--gloabl-default-font-weight) !important;
}

#demographicsfields #FieldLayout .k-input,
#FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control {
    height: 33px !important;
}

#demographicsfields #FieldLayout input,
#tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default {
    border: 1px solid var(--global-dropdown-border) !important;
}

    #demographicsfields #FieldLayout input:hover,
    #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default:hover,
    #demographicsfields #FieldLayout input:active,
    #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default:active,
    #demographicsfields #FieldLayout input:focus,
    #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default:focus,
    #demographicsfields #FieldLayout input:visited,
    #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default:visited {
        border: 1px solid var(--global-form-container-border) !important;
    }

#demographicsfields #FieldLayout .k-widget input {
    padding-left: 10px;
    border: none !important;
    height: auto !important;
}

#demographicsfields #FieldLayout input,
#demographicsfields #FieldLayout .k-combobox,
#demographicsfields #FieldLayout .k-widget.k-dropdown,
#demographicsfields #FieldLayout .k-input,
#FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control,
#demographicsfields #FieldLayout .k-datepicker.demo-field-date,
#demographicsfields #FieldLayout .iti__selected-flag {
    width: 90% !important;
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight) !important;
}

#tabstripDemographics #FieldLayout .k-dropdown-wrap > .k-i-close {
    overflow: visible !important;
    top: 40% !important;
}

#tabstripDemographics #FieldLayout .k-i-calendar:before {
    background-image: url(../Images/Admission/calendar-black.svg) !important;
    background-position: right 24px top 4px !Important;
    background-repeat: no-repeat;
    height: 25px;
    width: 40px;
    background-size: 16px;
    content: " " !important;
}

#demographicsfields .k-widget.k-tabstrip.k-header.setupDemographicsList {
    border-bottom: 0 !important;
}

#demographicsfields #FieldLayout .k-dropdown-wrap {
    border: none !important;
}

    #demographicsfields #FieldLayout .k-dropdown-wrap.k-state-default {
        padding-left: 0 !important;
        /*border: 1px solid var(--global-dropdown-border) !important;*/
        height: 33px !important;
    }

        #demographicsfields #FieldLayout .k-dropdown-wrap.k-state-default:hover,
        #demographicsfields #FieldLayout .k-dropdown-wrap.k-state-default:active,
        #demographicsfields #FieldLayout .k-dropdown-wrap.k-state-default:focus,
        #demographicsfields #FieldLayout .k-dropdown-wrap.k-state-default:visited {
            border: 1px solid var(--global-form-container-border) !important;
        }


    #demographicsfields #FieldLayout .k-dropdown-wrap .k-icon:before {
        top: 6px !important;
        color: var(--global-text-color);
    }

#demographicsfields .iti--allow-dropdown .iti__flag-container {
    width: auto !important;
}

#demographicsfields .k-combobox .k-select,
#demographicsfields .k-numeric-wrap .k-select,
#demographicsfields .k-picker-wrap .k-select {
    border-width: 0;
    width: 40px;
}

#demographicsfields > .row.full-width {
    margin: 10px;
}

#demographicsfields #demoScreenSettings {
    margin-top: 0px;
}

#tabstripHome {
    padding: 0;
}

#screenSettings {
    margin-top: 0;
    height: auto;
}

    #screenSettings img#demoScreenSettings {
        width: 20px;
        margin-top: 0px;
    }

#tabstripHome .k-content.tabHomeContent.k-state-active {
    border-radius: 5px;
}

#tabstripHome {
    border-radius: 5px;
}

#divSingleProspectMode #home-wrap .column-box-outer {
    border-radius: 5px;
}

#divSingleProspectMode .k-tabstrip .k-tabstrip-items {
    border-radius: 5px 5px 0 0;
}

@keyframes slideup {
    0% {
        top: -1px;
        left: 9px;
    }

    100% {
        top: -4px;
        left: 15px;
    }
}

@keyframes slidedown {
    0% {
        top: -1px;
        left: 9px;
    }

    100% {
        top: 4px;
        left: 4px;
    }
}

.appgrid__expand img.app-position-absolute {
    top: -1px;
    left: 11px;
}

.expand__box__hover {
    display: none;
}

.appgrid__expand:hover .expand__box__hover {
    display: inline-block;
}

.appgrid__expand:hover .expand__box {
    display: none;
}

.collapse__box__hover {
    display: none;
}

.appgrid__expand:hover .collapse__box {
    display: none;
}

.appgrid__expand:hover .collapse__box__hover {
    display: inline-block;
}

.appgrid__expand:hover .expand__box__hover .icon__expand {
    animation: slideup 0.30s;
    animation-fill-mode: forwards;
}

.appgrid__expand .expand__box__before {
    width: 24px;
}

.appgrid__expand .icon__expand,
.appgrid__expand .icon__collapse {
    width: 14px;
}

.appgrid__expand:hover .collapse__box__hover .icon__collapse {
    animation: slidedown 0.30s;
    animation-fill-mode: forwards;
}

.appgrid__collapsedetail {
    display: none;
}

img#demoScreenSettings:hover {
    transform: rotate(360deg);
    -webkit-transition: -webkit-transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out;
}

#FieldLayout .k-icon.k-i-arrow-60-down:before,
#screenSettings .k-icon.k-i-arrow-60-down:before {
    content: "";
    position: absolute;
    background-image: url(../Images/Admission/dropdown-arrow-black.svg);
    background-position: right 30px top 14px !Important;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
}

span.k-button.k-button-icon.k-bare.k-tabstrip-next {
    height: 37px;
    top: 0px !important;
    width: 35px;
    display: block !important;
}

span.k-button.k-button-icon.k-bare.k-tabstrip-prev {
    height: 37px;
    top: 0px !important;
    width: 35px;
    display: block !important;
}

#demographicsfields span.k-button.k-button-icon.k-bare.k-tabstrip-next {
    width: 38px;
    background: var(--brand-tabs-component-background) !important;
    border-left: 1px solid var(--global-border-light) !important;
    right: 0px;
}

#demographicsfields span.k-button.k-button-icon.k-bare.k-tabstrip-prev {
    width: 38px;
    background: var(--brand-tabs-component-background) !important;
    border-right: 1px solid var(--global-border-light) !important;
    left: 0;
}

/*Demographic new screen design code ends here*/
/*App Header design starts here*/
.app__header {
    width: 100%;
    position: fixed;
    z-index: 99;
    left: 80px;
    top: 0;
}

    .app__header header.page-header {
        background: var(--brand-main-backgroundcolor-indicator);
        border-bottom: none;
        color: var(--global-text-light);
        margin: 0;
        padding: 15px;
        z-index: 10000;
        height: var(--header-height);
        width: calc(100% - 80px);
    }

    .app__header .app__year-pick .k-widget.k-dropdown,
    .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap {
        width: 140px !important;
        height: 35px;
        border-radius: 5px !important;
        border: none !important;
    }

        .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap .k-input,
        .app__header .app__year-pick .k-widget.k-dropdown .k-state-active .k-input,
        .app__header .app__year-pick .k-widget.k-dropdown .k-state-focus .k-input {
            padding-top: 7px !important;
            color: var(--global-text-color) !important;
            padding-bottom: 0 !important;
            font-size: var(--global-text-size-lg);
            font-family: 'source_sans_proregular';
            font-weight: 400;
            margin: 0 !important;
            line-height: 21px !important;
        }

        .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap .k-icon.k-i-arrow-60-down {
            height: 35px;
        }

            .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
                content: "";
                position: absolute;
                background-image: url(../Images/Admission/dropdown-arrow-black.svg);
                background-position: right 5px top 16px !Important;
                background-repeat: no-repeat;
                height: 35px;
                width: 15px;
            }

        .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap.k-state-active .k-icon.k-i-arrow-60-down:before {
            background-image: url(../Images/Admission/caret-black-up.svg);
        }

    .app__header .propect__add .app__addprospect:hover {
        background: var( --brand-fade-highlight-background);
        cursor: pointer;
    }

    .app__header .app__addprospect .prospect-label {
        padding-left: 3px;
    }

    .app__header .propect__add .app__addprospect {
        width: 135px;
        height: 35px;
        text-align: center;
        padding: 0.4375em 0;
        background: var(--brand-app-header-background);
        border-radius: 5px;
        color: var(--global-text-color);
        border: none;
    }

    /*toggle button*/
    .app__header .propect__toggle .prosects__knobs,
    .layer {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .app__header .propect__toggle .prospect__togglebutton {
        width: 258px;
        height: 36px;
        margin-right: 20px;
    }

        .app__header .propect__toggle .prospect__togglebutton,
        .app__header .propect__toggle .prospect__togglebutton .layer {
            border-radius: 100px;
        }

            .app__header .propect__toggle .prospect__togglebutton .prospect__checkbox {
                position: relative;
                width: 100%;
                height: 100%;
                padding: 0;
                margin: 0;
                opacity: 0;
                cursor: pointer;
                z-index: 3;
            }

            .app__header .propect__toggle .prospect__togglebutton .prosects__knobs {
                z-index: 2;
            }

            .app__header .propect__toggle .prospect__togglebutton .layer {
                font-size: var(--global-text-size-md);
                width: 100%;
                background-color: var(--brand-dark-backgroundcolor-indicator);
                transition: 0.3s ease all;
                z-index: 1;
            }

            .app__header .propect__toggle .prospect__togglebutton .prosects__knobs .app__singleprospect {
                position: absolute;
                top: 1px;
                width: 120px;
                height: 28px;
                font-size: var(--global-text-size-md);
                font-weight: bold;
                text-align: center;
                line-height: 1;
                padding: 9px 4px;
                transition: 0.3s ease all;
                border-radius: 20px;
            }

            .app__header .propect__toggle .prospect__togglebutton .prosects__knobs:before {
                position: absolute;
                top: 4px;
                width: 122px;
                height: 28px;
                font-size: var(--global-text-size-lg);
                font-weight: bold;
                text-align: center;
                line-height: 1;
                transition: 0.3s ease all;
                border-radius: 20px;
            }

            .app__header .propect__toggle .prospect__togglebutton .prosects__knobs:after {
                position: absolute;
                top: 1px;
                width: auto;
                height: 28px;
                font-size: var(--global-text-size-lg);
                font-weight: bold;
                text-align: center;
                line-height: 1;
                padding: 10px 5px;
                transition: 0.3s ease all;
                border-radius: 20px;
            }

            .app__header .propect__toggle .prospect__togglebutton .prosects__knobs:before {
                content: '';
                left: 4px;
                background-color: var(--brand-default-light-background);
            }

            .app__header .propect__toggle .prospect__togglebutton .prosects__knobs:after {
                content: 'Multiple Prospects';
                right: 6px;
                font-size: var(--global-text-size-lg);
                font-family: 'source_sans_proregular';
                font-weight: 400;
            }

            .app__header .propect__toggle .prospect__togglebutton .prosects__knobs .app__singleprospect {
                display: inline-block;
                left: 4px;
                color: var(--global-text-color);
                z-index: 1;
                font-size: var(--global-text-size-lg);
            }

            .app__header .propect__toggle .prospect__togglebutton .prospect__checkbox:checked + .prosects__knobs .app__singleprospect {
                color: var(--global-text-light);
                font-weight: 400;
            }

            .app__header .propect__toggle .prospect__togglebutton .prospect__checkbox:checked + .prosects__knobs {
                color: var(--global-text-light);
            }

                .app__header .propect__toggle .prospect__togglebutton .prospect__checkbox:checked + .prosects__knobs:before {
                    left: 128px;
                    background-color: var(--brand-default-light-background);
                    width: 146px;
                }

                .app__header .propect__toggle .prospect__togglebutton .prospect__checkbox:checked + .prosects__knobs:after {
                    color: var(--global-text-color);
                    letter-spacing: 0.15px;
                    font-weight: 600;
                }

/*toggle button*/
.content-wrapper {
    margin: 65px 0 0 0px;
    padding: 0px;
}

.app__header .page-header .top-menu #welcome_user {
    width: auto;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 230px;
    height: 35px;
}

    .app__header .page-header .top-menu #welcome_user .welcome_userimage {
        width: 45px;
        height: 35px;
        cursor: pointer;
    }

.app__header .recent__prospects .k-widget.k-dropdown .k-dropdown-wrap,
.app__header .recent__prospects .k-widget.k-dropdown {
    width: 170px !important;
    height: 35px;
    border-radius: 5px !important;
    border: none !important;
}

    .app__header .recent__prospects .k-widget.k-dropdown .k-dropdown-wrap .k-input {
        padding-top: 7px;
        color: var(--global-text-color) !important;
        padding-bottom: 0;
        font-size: var(--global-text-size-lg);
        font-family: 'source_sans_proregular';
        font-weight: 400;
        line-height: 20px !important;
    }

#welcome_user .welcome_userlistopen {
    display: none;
}

#welcome_user.dropdown-expanded .welcome_userlistopen {
    display: inline-block;
}

#welcome_user.dropdown-expanded .welcome_userlist {
    display: none;
}

.app__header .recent__prospects .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
    content: "";
    position: absolute;
    background-image: url(../Images/Admission/dropdown-arrow-black.svg);
    background-position: right 5px top 16px !important;
    background-repeat: no-repeat;
    height: 35px;
    width: 15px;
}

.app__header .recent__prospects .k-widget.k-dropdown .k-dropdown-wrap .k-icon.k-i-arrow-60-down {
    height: 35px;
}

.app__header .recent__prospects .k-dropdown-wrap.k-state-active .k-icon.k-i-arrow-60-down:before {
    background-image: url(../Images/Admission/caret-black-up.svg);
}

.app__header .app__addprospect .add__prospects {
    margin-top: -4px;
    width: 12px;
}

ul#usermenu_area {
    right: -8px;
    background: var(--brand-default-light-background);
    padding: 8px 15px 8px 15px;
    top: 38px;
    z-index: 11111;
    color: var(--global-text-light);
    width: 200px;
    box-shadow: 0px 3px 6px var(--global-user-menu-boxshadow);
    border: 1px solid var(--global-user-menu-border);
}

    ul#usermenu_area li a {
        text-align: left;
        background-color: transparent;
    }

.adm-headerWelcomeText {
    line-height: 0.8;
}

/*App Header design ends here*/
/*App Side menu design starts*/
.app__menubar .navbar-static-side {
    width: 80px;
    background: var(--brand-navbar-background);
    height: 100vh;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
}

.app__menubar .side__menubar {
    padding: 0;
    list-style: none;
}

.minimised-view .navbar-static-side {
    width: 80px;
}

.app__menubar .side__menubar li a {
    width: 100%;
    display: block;
    color: var(--global-text-light);
    font-size: var(--global-text-size-xs);
    padding: 10px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    line-height: 28px;
    text-decoration: none;
    cursor: pointer;
}

.side__menubar li a .sidemenu__activeline {
    display: none;
}

.side__menubar li a.active .sidemenu__activeline,
.side__menubar li:hover .sidemenu__activeline {
    width: 5px;
    height: 100%;
    background: var( --brand-light-backgroundcolor-indicator);
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.side__menubar li:hover,
.side__menubar li a.active {
    background: var(--brand-side-menubar-background);
}

.side__menubar li .img__container {
    width: 30px;
    margin: 0 auto;
    border-radius: 5px;
    height: 30px;
    text-align: center;
}

.side__menubar li:hover .img__container,
.side__menubar li a.active .img__container {
    background: var( --brand-light-backgroundcolor-indicator);
    width: 30px;
    margin: 0 auto;
    border-radius: 5px;
    height: 30px;
    text-align: center;
}

.side__menubar li:hover .sidemenu_img,
.side__menubar li a.active .sidemenu_img {
    width: 22px;
}

.side__menubar li:hover .sidemenu__content,
.side__menubar li a.active .sidemenu__content {
    color: var(--global-text-color);
}

.app__menubar .side__menubar .sidemenu__content,
.side__menubar li:hover .sidemenu__content {
    font-size: var(--global-text-size-xs);
    font-weight: 400;
    line-height: 15px;
    font-family: 'source_sans_proregular';
    display: block;
    margin-bottom: 0;
}

.app__menubar .side__menubar #red-badge {
    font-size: 8px;
    background: var(--brand-appmenubar-background);
    color: var(--global-text-light);
    line-height: 9px;
    font-weight: var(--gloabl-default-font-weight) !important;
    padding: 3px 3px 1px 3px;
    vertical-align: top;
    left: 0px;
    display: block;
    position: relative;
    margin: 0;
    top: -17px;
    border-radius: 50%;
    height: 15px;
    width: 15px;
}

.app__menubar .sidemenu__more .moreoption__list {
    display: none;
    position: absolute;
    width: 200px;
    background: var(--brand-appmenu-background);
    z-index: 99;
    top: 0;
    left: 80px;
    max-height: 160px;
    overflow-y: auto;
}

.app__menubar .side__menubar li.sidemenu__more .moreoption__list .img__container {
    display: inline-block;
    background: transparent;
}

.app__menubar .side__menubar li.sidemenu__more .moreoption__list a {
    text-align: left;
    padding-left: 20px;
}

.app__menubar .side__menubar li.sidemenu__more .moreoption__list .sidemenu__content {
    display: inline-block;
}

.app__menubar .side__menubar li.sidemenu__more .moreoption__list .sidemenu__activeline {
    display: none;
}

.app__menubar .side__menubar li.sidemenu__more .moreoption__list li:hover {
    background: var(--global-text-color);
}

.app__menubar .side__menubar li:hover .moreoption__list .sidemenu__content,
.side__menubar li a.active .moreoption__list .sidemenu__content {
    color: var(--global-text-light);
}

.app__menubar .side__menubar li.sidemenu__more .moreoption__list li:hover .sidemenu__content {
    color: var(--global-text-light);
}

.app__menubar .side__menubar li.sidemenu__more {
    display: none;
}

.app__menubar .logo {
    text-align: center;
    position: fixed;
    bottom: 10px !important;
    left: 18px !important;
    z-index: 1000;
}

.app__container .app__menubar {
    width: 80px;
}

.app__container .app__main {
    width: calc(100% - 80px);
}

/*App Side menubar design ends*/

/*snapshot card heights */
.prospect__link span {
    display: flex;
    align-items: center;
    justify-content: center;
    top: -2px;
    width: 20px;
    height: 20px;
    font-size: var(--global-text-size-xs);
}

.prospect__badge {
    color: var(--global-text-light);
}

.prospect__bg-success {
    background: var(--brand-badge-notification-background);
}

/*for checkbox */
.decision__form-check input[type=checkbox]:after {
    background: white;
    width: 15px;
    height: 15px;
}

.decision__form-check input[type=checkbox]:checked:before {
    background-color: var(--brand-light-backgroundcolor-indicator);
    text-shadow: none;
    font-size: var(--global-text-size-xs);
    text-align: initial;
    line-height: 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    color: transparent;
    border: 1px solid var(--brand-tabs-component-background);
    border-radius: 2px;
    margin: 0px;
    padding: 0px;
    text-indent: 1px;
    position: initial;
    top: 0px;
    content: " ";
    background-image: url(../Images/Admission/save-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

input#enrollmentStatus {
    margin: 0;
    width: 1.2em;
    height: 1.2em;
}

.decision__input:checked {
    width: 1.2em;
    height: 1.2em;
    margin: 0;
}

.decision__label {
    margin-left: 0.6em !important;
    color: var( --global-color-primary);
}

    .decision__label.startup__page {
        font-size: var(--global-text-size-sm);
    }

/*for checkbox */

/*Select Demographic fields popup styling*/

.student__popup-wrapper, .admission__popup-wrapper {
    width: 800px !important
}

.add-note__popup-wrapper {
    width: 785px !important;
}

.add-note__popup-wrapper {
    height: 540px !important;
}

.left-right__arrows {
    /*    width: 0px;*/
    width: 62px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
}

.app-table tr:nth-child(even) {
    background-color: rgba(var( --brand-table-row-background), 0.03);
}

.app-table tr:nth-child(odd) {
    background-color: rgba(var( --brand-table-row-background), 0.1);
}

/*Setting header color*/
.app-table .k-header,
.app-table .k-grid-header {
    background-color: var(--brand-container-dark-background) !important;
    padding-right: 0px !important;
    height: 38px;
}

/*On selecting : highlighting the background & color*/
/*.app-table .k-state-selected,
.app-table .k-grid-content .k-state-selected {
    background-color: rgba(var( --brand-table-row-background), 0.3) !important;
}*/

.app-table .k-state-selected td {
    background: rgba(var( --brand-table-row-background), 0.3) !important;
    color: var(--global-text-color) !important;
    padding-left: 20px !important;
}


    .app-table .k-state-selected td:hover {
        background: rgba(var( --brand-table-row-background), 0.3) !important;
        color: var(--global-text-color) !important;
    }

.app-table .k-header .k-link {
    color: var(--global-text-light) !important;
}

/*On hover no change on row background*/
.app-table tr:hover {
    background-color: rgba(var( --brand-table-row-background), 0.2) !important;
    color: var(--global-text-color);
}

/*Setting border bottom */
.app-table td {
    border-bottom: 1px solid rgba(var( --brand-table-row-background), 0.4) !important;
}

.app-table .k-grid-content td,
.app-table td {
    padding-left: 20px !important;
}

/*Setting the font color*/
.app-table {
    color: var(--global-text-color) !important;
    font-size: var(--global-text-size-lg);
    font-family: var(--global-font-family-regular);
    border-style: solid !important;
    border-color: rgba(var( --brand-table-row-background), 0.4) !important;
    border-radius: 5px;
    border-width: 0.5px 1px 1px 0.5px !important;
    letter-spacing: 0.16px;
    font-weight: 500;
}

    .app-table .k-grid-header .k-header {
        font-weight: 500;
    }

    /*Removing border for grid*/
    .app-table .k-grid-content {
        border: none;
    }

/*Removing border from outer div*/
.multi-select-outer .multi-select-inner-box {
    border: none;
    /*width: 42%;*/
    width: 345px;
}

/*Setting header*/
.app-table .k-grid-header,
.app-table th {
    border-radius: 5px 5px 0 0;
}

    .app-table th.k-header > .k-link {
        padding: 0px !important;
        margin: 0px !important;
    }
/*Setting height for table row*/
.app-table table tbody tr {
    height: 40px;
}

.btnSnapshotMoveRight,
.btnSnapshotMoveLeft {
    background-color: var( --brand-main-backgroundcolor-indicator) !important;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    line-height: 26px !important;
    padding: 0 !important;
    margin: 0 0 30px !important;
}

#grdSelectedFields td::before, #SelectedContactGrid td::before {
    content: url(/Images/Admission/scroll-dots.svg);
    padding-right: 10px;
    top: 3px;
    position: relative;
}

#SchoolGradeGrid table tr td {
    position: relative;
}

#SchoolGradeGrid table td:nth-child(3)::before {
    content: url(/Images/Admission/scroll-dots.svg);
    padding-right: 10px;
    top: 9px;
    position: absolute;
    left: 10px;
}

#AvailableSetupFieldGrid .k-grid-content, #SelectedContactGrid .k-grid-content {
    height: 200px !important;
}

.app-info {
    background: var(--brand-default-light-background);
    border: 1px solid var(--global-border-light);
    height: 35px;
    top: 5px;
}

.info {
    /*    padding: 3px 5px 3px 5px;*/
    /*padding: 3px 7px 3px 7px;*/
}

.setting-popup-img {
    width: 16px;
    margin-right: 5px;
    height: 16px
}

.setting__popup {
    padding-top: 19px;
    padding-bottom: 6px;
}

#newWindow {
    border-radius: 5px;
}

/*Scrollbar setting*/
/*Kendo Scrollbar*/
.app-scrollbar .k-auto-scrollable::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}

/* Track */
.app-scrollbar .k-auto-scrollable::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track);
    padding: 1px;
}

/* Handle */
.app-scrollbar .k-auto-scrollable::-webkit-scrollbar-thumb {
    background: rgba(var(--scrollbar-thumb), 0.6);
    border: 3px solid var(--scrollbar-track);
    min-height: 33px;
    height: auto;
}

.app-scrollbar .k-auto-scrollable::-webkit-scrollbar :hover {
    width: 14px;
}

/* Handle on hover */
.app-scrollbar .k-auto-scrollable ::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--scrollbar-thumb), 0.6);
}

/*Scrollbar - second*/
.app-scrollbar-normal ::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}

/* Track */
.app-scrollbar-normal ::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track);
    padding: 1px;
}

/* Handle */
.app-scrollbar-normal ::-webkit-scrollbar-thumb {
    background: rgba(var(--scrollbar-thumb), 0.6);
    border: 3px solid var(--scrollbar-track);
    min-height: 33px;
    height: auto;
}

.app-scrollbar-normal ::-webkit-scrollbar :hover {
    width: 14px;
}

/* Handle on hover */
.app-scrollbar-normal ::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--scrollbar-thumb), 0.6);
}

/*Scrollbar setting*/

/*Kendo :: close icon */
.k-i-close:before {
    content: "" !important;
    background-image: url(../Images/Admission/cancel-white.svg) !important;
    position: absolute !important;
    background-repeat: no-repeat !important;
    background-size: 14px !important;
    background-position: right 7px top 0px !important;
    width: 40px !important;
    height: 40px !important;
    margin: 6px 0px 0px -6px !important;
}

.k-window-actions a[role="button"].k-button.k-button-icon .k-icon.k-i-close {
    min-width: 13px;
    height: 40px;
    width: 40px;
}

.k-window-actions a[role="button"].k-button.k-button-icon {
    padding: 0 !important;
    height: 30px !important;
    min-width: 13px;
    width: 30px;
    top: 4px;
    opacity: 1;
}

/*Kendo :: table header and text*/
.k-window-titlebar.k-header {
    background: var( --brand-main-backgroundcolor-indicator);
    padding: 13px 20px 6px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.k-window-title {
    color: var(--global-text-light) !important;
    font-family: var(--global-font-family-semibold);
    font-size: var(--global-text-size-xxl) !important;
    letter-spacing: 0.2px;
}

/*Side Filter*/
.One-prospect__filter-box {
    background-color: var(--brand-container-darkblue-backgroud);
    height: var(--one-prospect-filter-box-height);
    width: 300px;
    border-top: 1px solid var(--global-border-light);
}

    .One-prospect__filter-box .one-prospect__dropdown .k-widget .k-dropdown-wrap {
        width: 270px !important;
    }

.one-prospect__dropdown {
    top: 0;
    right: 15px;
}

.view-name {
    top: 25px;
    left: 15px;
    width: 80%;
}

.One-prospect__popup {
    right: 65px;
}

.single-prospect-expanded-icon {
    height: 24px;
    width: 23px;
}

.filter-box {
    left: 14px;
    top: 54px;
}

/*.one-prospect__filter-heading {
    color: var(--global-text-light);
    font-size: var( --global-text-size-xl);
    letter-spacing: 0.18px;
    font-family: var(--global-font-family-bold);
    font-weight: 600;
    margin-bottom: 6px;
}*/

.view-more-filter {
    color: var(--global-text-light);
    font-size: var(--global-text-size-lg);
    letter-spacing: 0.16px;
    font-family: var(--global-font-family-regular);
    font-weight: 500;
    margin: 10px auto;
}

.one-prospect__filter-hr {
    width: 100%;
    border-top: 1px solid var(--global-lists-box-border);
    margin-bottom: 9px !important;
}

.filter__contain,
.filter__begins-with {
    top: -2px;
}

.app-search {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*Sidebar - Student Grid*/
#grdOneProspectList .k-grid-content {
    height: calc( var(--app-height) - (var(--header-height) + var(--one-prospect-filter-box-height))) !important;
}

#grdOneProspectList table tbody tr {
    height: 40px;
}

#grdOneProspectList.k-grid tr {
    cursor: pointer;
    color: var(--global-text-color);
    /*    font-size: var(--font-12);*/
    font-size: var(--global-text-size-lg);
    letter-spacing: 0.16px;
    font-family: var(--global-font-family-regular);
    font-weight: 500;
    background: var(--brand-default-light-background);
}

#grdOneProspectList tr:hover {
    background-color: var(--brand-grid-background) !important;
}

#grdOneProspectList table td {
    border: none;
    border-bottom: 1px solid rgba(var( --brand-table-row-background), 0.1);
    padding-left: 15px !important;
}

#grdOneProspectList .k-state-selected td,
#grdOneProspectList .k-state-selected,
#grdOneProspectList .k-grid-content .k-state-selected,
#grdOneProspectList .k-grid tr.k-state-selected:hover {
    background-color: var( --brand-fade-highlight-background) !important;
    border-left: 5px solid var( --global-light-color-indicator) !important;
    color: var(--global-text-color) !important;
    padding-left: 10px !important;
}

#grdOneProspectList .k-grid-content {
    border: none;
}

/*Sidebar - Student Grid*/


/*Side Filter*/



/*Search Icon*/

.has-search .form-control-feedback {
    right: initial;
    left: 9px;
    top: 10px;
    color: var(--global-text-color);
}

.has-search .form-control {
    padding-right: 12px;
    padding-left: 34px;
    width: 100%;
    height: 40px;
    border: 1px solid var(--global-input-border-color);
    background: var(--brand-default-light-background);
}

::placeholder {
    color: var(--global-text-color) !important;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--global-text-color) !important;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*Search icon*/
#divOneProspectMode {
    width: calc(100% - 300px);
    /*height: calc(100vh - var(--header-height));
    overflow-y: auto;*/
}

#divOneProspectTab .k-tabstrip-wrapper .k-state-active.tabDemographicContent {
    max-height: calc(100vh - 500px) !important;
    height: auto !important;
}

    #divOneProspectTab .k-tabstrip-wrapper .k-state-active.tabDemographicContent.expanded {
        max-height: calc(100vh - 307px) !important;
        min-height: calc(100vh - 307px) !important;
        height: auto !important;
    }

#divOneProspectMode .app-kgrid__container .k-grid-content {
    max-height: calc(100vh - 600px) !important;
    min-height: calc(100vh - 600px) !important;
}

    #divOneProspectMode .app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 402px) !important;
        min-height: calc(100vh - 402px) !important;
        height: auto !important;
    }

#divMultipleProspectMode .app-kgrid__container .k-grid-content, #divMultipleProspectMode .app-kgrid__container .k-grid-content-locked {
    max-height: calc(100vh - 335px) !important;
    min-height: calc(100vh - 335px) !important;
}

#divMultipleProspectMode .app-kgrid__container .k-grid-content-locked {
    overflow-x: scroll;
}
/*kendo table grid style starts*/
.app-grid-container {
    border-radius: 5px;
    border: 1px solid var(--global-border-light) !important;
    box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow);
}

.app__gridheader ul li {
    list-style-type: none;
}

.app__gridheader .gridheader__top {
    background: var(--brand-component-primary-background);
    padding: 10px 10px;
    border-bottom: 1px solid rgba(var(--global-border-dark-rgb),var(--opacity-two));
}

.app__gridheader .gridheader__bottom {
    background: var(--brand-component-secondary-background);
    padding: 10px 10px;
    height: 60px;
}

.app__gridheader .app__dropdown .k-widget.k-dropdown .k-dropdown-wrap {
    border: 1px solid var(--global-dropdown-border) !important;
}

.app__gridheader label {
    color: var(--global-text-color);
    font-size: var(--global-text-size-md);
    font-weight: var(--gloabl-default-font-weight) !important;
    letter-spacing: 0.16px;
    margin-bottom: 0.1em;
    cursor: pointer;
}

.app__gridheader .togle-cls {
    height: 40px;
    display: block;
    background: var( --brand-main-backgroundcolor-indicator) !important;
    border-radius: 5px;
    width: 140px;
    padding: 9px 5px 5px 10px;
}

    .app__gridheader .togle-cls:hover {
        background: var( --brand-dark-backgroundcolor-indicator) !important;
    }

.view-options-width .app__dropdownmenulist .view-options .dropdown-menu {
    min-width: 140px;
    max-width: 140px;
}

.app__gridheader .view__optionlist .dropdown-toggle .k-icon {
    height: 30px;
    width: 20px;
    position: relative;
}

    .app__gridheader .view__optionlist .dropdown-toggle .k-icon:before {
        content: "";
        position: absolute;
        background-image: url(../Images/Admission/view-options-white.svg);
        background-position: right 3px top 3px !Important;
        background-repeat: no-repeat;
        height: 30px;
        width: 20px;
    }

.app__gridheader .grid__settings {
    width: 20px;
    margin: -4px 5px 0 0;
}

.settings__dropdown {
    background: var( --brand-main-backgroundcolor-indicator);
    border-radius: 5px;
    padding: 8px 9px !Important;
    height: 40px;
}

.app__gridheader .dropdown.open .settings__dropdown .add__settings {
    transform: rotate(180deg);
}

.search__detailbox {
    border: 1px solid var(--global-dropdown-border) !important;
    border-radius: 5px;
    height: 35px;
    color: var(--global-text-color) !important;
    font-size: var(--global-text-size-md) !important;
    font-weight: var(--gloabl-default-font-weight) !important;
    letter-spacing: 0.16px;
    font-family: var(--global-font-family-regular);
    padding: 0px 10px;
    background: var( --brand-default-light-background);
}

.grid__searchbox .input-group-addon {
    background: var( --brand-default-light-background) !important;
    border: 1px solid var(--global-dropdown-border);
    border-right: 0;
    border-radius: 5px 0 0 5px;
    padding: 4px 5px 3px 5px;
}

.grid__searchbox .allGrids__SearchBox {
    height: 40px;
    border: 1px solid var(--global-dropdown-border);
    border-left: 0;
    border-radius: 0 5px 5px 0 !important;
    width: 220px;
    padding-right: 70px;
}

.grid__searchbox .close__icon {
    position: absolute;
    right: 48px;
    top: 9px;
    cursor: pointer;
}

input:focus-visible {
    outline: none;
}

.add__superdb {
    background-image: url(../Images/Admission/add-white.svg);
    background-position: right 5px top 0px !Important;
    background-repeat: no-repeat;
    height: 17px;
    width: 20px;
    background-size: 14px;
    margin: 0;
}

#SSuperDBAddRow {
    background-color: var( --brand-main-backgroundcolor-indicator) !important;
    color: var(--global-text-light) !important;
    font-weight: var(--gloabl-default-font-weight) !important;
    border-radius: 5px !important;
    border: none !important;
    margin: 0;
    height: 40px;
    font-size: var(--global-text-size-md) !important;
    padding: 8px 20px !important;
    letter-spacing: 0.5px;
    line-height: 10px !important;
    width: 87px;
}

.app-grid-container #SSuperDBAddRow:hover, .app-grid-container .settings__dropdown:hover {
    background: var(--brand-dark-backgroundcolor-indicator) !important;
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
}

#SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
    top: -51px;
    right: 10px;
    position: absolute;
    padding: 0;
    background: var(--brand-component-secondary-background) !important;
}

#SBtnSuperDBExport {
    margin-right: 100px;
}

.grid__searchbox .SuperDBSearchBox::placeholder {
    font-weight: 600 !important;
    color: var(--global-text-color) !important;
}

.gridheader__bottom #SSuperDBSearchdiv .search__icon {
    width: 16px;
    margin-right: 10px;
}
/*grid table style*/
.app-kgrid__container {
    font-size: var(--global-text-size-lg);
    font-family: var(--global-font-family-regular);
    letter-spacing: 0.16px;
    font-weight: 500;
}

    .app-kgrid__container .k-header,
    .app-kgrid__container .k-grid-header {
        background-color: var(--brand-container-dark-background) !important;
        height: 40px;
        background-image: none;
        vertical-align: middle !important;
        border-radius: 0px;
        padding-right: 0px !important;
    }

    .app-kgrid__container .TableGrid.k-widget.k-grid.gridStyle .k-grid-header th.k-header {
        vertical-align: middle !important;
    }

    .app-kgrid__container .k-grid-header .k-grid-header-wrap table,
    #divLookup #divHomeTab .k-editable.k-grid-lockedcolumns .k-grid-header-locked table,
    #divLookup #divHomeTab .k-editable.k-grid-lockedcolumns .k-grid-content-locked table {
        width: 100% !important;
    }

    .app-kgrid__container .TableGrid.k-widget.k-grid.gridStyle .k-grid-header .k-grid-header-wrap {
        height: 40px !important;
    }

    .app-kgrid__container tr:nth-child(even) {
        background-color: rgba(var( --brand-table-row-background), 0.03);
    }

    .app-kgrid__container tr:nth-child(odd) {
        background-color: rgba(var( --brand-table-row-background), 0.1);
    }

    .app-kgrid__container th.k-header > .k-link {
        padding: 3px 0 0 0 !important;
        margin: 0 !important;
        display: block;
    }

    .app-kgrid__container .k-state-selected,
    .app-kgrid__container.k-grid-content .k-state-selected {
        background-color: rgba(var( --brand-table-row-background), 0.03) !important;
    }

    .app-kgrid__container table tbody tr {
        height: 40px;
    }

    .app-kgrid__container tr:hover {
        background-color: rgba(var( --brand-table-row-background), 0.2) !important;
        color: var(--global-text-color);
    }

    .app-kgrid__container .k-state-selected td {
        background: rgba(var( --brand-table-row-background), 0.3) !important;
        color: var(--global-text-color) !important;
        font-family: var(--global-font-family-semibold);
        /*padding-left: var(--global-text-size-md) !important;*/
    }

        .app-kgrid__container .k-state-selected td:hover {
            background: rgba(var( --brand-table-row-background), 0.3) !important;
            color: var(--global-text-color) !important;
        }

    .app-kgrid__container .k-grid-edit-row.k-state-selected,
    .app-kgrid__container.k-grid-content .k-grid-edit-row.k-state-selected,
    .app-kgrid__container .k-grid-edit-row.k-state-selected td {
        background-color: rgba(var( --brand-table-row-background), 0.05) !important;
    }

    .app-kgrid__container .k-header .k-link {
        color: var(--global-text-light) !important;
    }

    .app-kgrid__container td {
        border-bottom: 1px solid rgba(var( --brand-table-row-background), 0.4) !important;
    }

    .app-kgrid__container .k-grid-content td,
    .app-kgrid__container td, .app-kgrid__container .k-grid-content-locked td {
        padding-left: 30px !important;
        color: var(--global-text-color);
        padding-right: 0 !important;
    }

        .app-kgrid__container .k-grid-content td.app-pl-10,
        .app-kgrid__container td.app-pl-10, .app-kgrid__container .k-grid-content-locked td.app-pl-10 {
            padding-left: 10px !important;
        }

    .app-kgrid__container .k-grid-header .k-header {
        font-weight: 500;
        padding: 0;
    }
    /*#tabstripOneProspect {
    border-radius: 5px;
    border: 1px solid var(--global-border-light) !important;
    box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow);
}*/
    /* .app-kgrid__container .k-grid-header-wrap th.k-header:nth-child(n+2) a.k-grid-filter {
        border-left: 1px solid var(--global-border-light) !important;
        margin-top: 0px;
        padding: 0px 10px 3px 10px;
    }*/
    .app-kgrid__container .k-grid-header-wrap th.k-header, .app-kgrid__container .k-grid-header-locked th.k-header,
    .app-kgrid__container .app-table th.k-header {
        padding-left: 30px;
        position: relative;
        padding-right: 20px !important;
    }

    .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:not(:last-child):before,
    .app-kgrid__container .app-table thead tr th.k-header:not(:last-child):before,
    .app-kgrid__container .k-grid-header-locked thead tr th.k-header:last-child:before {
        height: 20px;
        width: 1px;
        background: var(--brand-default-light-background);
        top: 11px;
        right: 0;
        content: "";
        position: absolute;
    }
    /*.app-kgrid__container #ShowAllContactsGrid tbody tr td:not(:last-child) {
        border-right: 1px solid transparent !important;
    }*/
    .app-kgrid__container .k-grid-header-wrap th.k-header a.k-grid-filter, .app-kgrid__container .k-grid-header-locked th.k-header a.k-grid-filter {
        width: 25px;
        position: absolute;
        top: 10px;
        left: 5px;
    }

    .app-kgrid__container .k-grid-header-wrap th.k-header:nth-child(3) a.k-grid-filter {
        border-left: 0 !important;
    }

    .app-kgrid__container .k-grid-header-wrap th.k-header:nth-child(5) a.k-grid-filter {
        border-left: 0 !important;
    }

    .app-kgrid__container .k-grid-header-wrap th.k-header a.k-grid-filter .k-icon {
        /*height: 20px;*/
        height: 26px;
        width: var(--global-text-size-md);
    }

        .app-kgrid__container .k-grid-header-wrap th.k-header a.k-grid-filter .k-icon:before {
            content: "";
            position: absolute;
            background-image: url(../Images/Admission/filter-small-white.svg);
            background-position: right 0px top 1px !Important;
            background-repeat: no-repeat;
            height: 20px;
            width: 15px;
        }

    .app-kgrid__container .k-grid-content .k-icon.k-i-edit,
    .app-kgrid__container .k-grid-content .k-icon.k-i-delete,
    .app-kgrid__container .k-grid-header .k-icon.k-i-sort-asc-sm,
    .app-kgrid__container .k-grid-header .k-icon.k-i-sort-desc-sm {
        height: 20px;
        width: 15px;
    }

        .app-kgrid__container .k-grid-content .k-icon.k-i-edit:before {
            content: "";
            position: absolute;
            background-image: url(../Images/Admission/edit-small-black.svg);
            background-position: right 0px top 3px !Important;
            background-repeat: no-repeat;
            height: 20px;
            width: 15px;
            background-size: 15px;
        }

    .app-kgrid__container .k-grid-content .k-icon.k-i-download:before {
        content: "";
        position: absolute;
        background-image: url(../Images/Admission/download-black.svg);
        background-position: right 0px top 3px !Important;
        background-repeat: no-repeat;
        height: 20px;
        width: 15px;
        background-size: 15px;
    }

    .app-kgrid__container .k-grid-content .k-icon.k-i-delete:before {
        content: "";
        position: absolute;
        background-image: url(../Images/Admission/delete-small-black.svg);
        background-position: right 0px top 3px !Important;
        background-repeat: no-repeat;
        height: 20px;
        width: 15px;
        background-size: 15px;
    }

    .app-kgrid__container .k-grid-content .k-icon.k-i-email:before {
        content: "";
        position: absolute;
        background-image: url(../Images/Admission/e-mail-black.svg);
        background-position: right 0px top 3px !Important;
        background-repeat: no-repeat;
        height: 20px;
        width: 18px;
        background-size: 17px;
    }

    .app-kgrid__container .k-icon.k-i-email {
        width: 20px;
        height: 20px;
    }

    .app-kgrid__container .k-grid-header .k-icon.k-i-sort-asc-sm:before {
        content: "";
        position: absolute;
        background-image: url(../Images/Admission/sort-up.svg);
        background-position: right 0px top 1px !Important;
        background-repeat: no-repeat;
        height: 20px;
        width: 15px;
        background-size: 15px;
    }

    .app-kgrid__container .k-grid-header .k-icon.k-i-sort-desc-sm:before {
        content: "";
        position: absolute;
        background-image: url(../Images/Admission/sort-down.svg);
        background-position: right 0px top 1px !Important;
        background-repeat: no-repeat;
        height: 20px;
        width: 15px;
    }

    /*.app-kgrid__container .k-grid .k-grid-content td[role="gridcell"] {
        padding-left: 47px !important
    }*/

    .app-kgrid__container .k-grid .k-grid-content table td[role="gridcell"]:last-child {
        padding-left: 20px !important;
        text-align: left;
    }

    .app-kgrid__container .k-grid .k-grid-content table td.k-command-cell[role="gridcell"] {
        border-left: 1px solid var(--global-grid-border) !important;
    }

    .app-kgrid__container .k-grid .k-grid-content table td.k-command-cell.eyeicon-column[role="gridcell"] {
        border-left: none !important;
    }

    .app-kgrid__container .gridStyle th {
        padding: 0;
    }

/*kendo table grid style ends*/
.btn-temporary {
    border: 1px solid var(--global-input-border-color) !important;
    border-radius: 5px !important;
    font-size: var(--global-text-size-lg) !important;
    font-weight: 500 !important;
    background: var(--brand-default-light-background);
    color: var(--global-text-color);
    height: 40px;
}

.temporary-caret {
    margin-left: 170px !important;
}

.search__icon {
    margin-left: 10px;
}

/*Notes edit popup*/
.note__textarea {
    width: 596px !important;
    border: 1px solid var(--global-input-border-color);
    padding: 10px 16px 10px 16px;
}

.add-edit-note__textarea {
    border: 1px solid var(--global-input-border-color);
    padding: 10px 16px 10px 16px;
}

#dtProspectNotesDateTime {
    font-size: var(--global-text-size-sm);
    font-family: var(--global-font-family-regular);
    font-weight: 500 !important;
    color: var(--global-text-color) !important;
    letter-spacing: 0.14px;
    padding-left: 16px;
}

.notes__input-container .k-picker-wrap {
    border: 1px solid var(--global-input-border-color) !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    width: 400px;
    height: 35px;
}

.notes__input-container .k-state-default {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.notes__input-container .k-select {
    border-left: none !important;
}

.edit__notes {
    padding-top: 25px !important;
    padding-bottom: 0 !important;
    height: 425px;
}

#ProspectbtnCancel {
    width: 109px;
}

/*#btnSaveProspectNotes {
    width: 92px;
}*/
/*kendo table grid style ends*/
#divOneProspectMode {
    height: calc(var(--app-height) - var(--header-height));
    overflow-y: auto;
    overflow-x: hidden;
    width: calc(100% - 300px);
    overflow-x: hidden;
}


/*One prospect Popup box BEGIN */
.one-prospect-lookup__popup {
    background: rgba(var(--brand-popup-background), 0.4);
    cursor: pointer;
    display: none;
    height: 100vh;
    position: fixed;
    width: calc(100vw - 80px);
    z-index: 10000;
}

    .one-prospect-lookup__popup > div {
        background-color: var(--brand-container-darkblue-backgroud);
        display: inline-block;
        min-height: 100px;
        width: 657px;
        height: 100vh;
        /*overflow-y: auto;*/
    }

.close__one-prospect-lookup__popup {
    cursor: pointer;
}
/*
    .close__one-prospect-lookup__popup:hover {
        background-color: #ccc;
    }*/

.open__one-prospect-lookup__popup {
    cursor: pointer;
}

/*Popup Inner content styling */
.one-prospect-popup__dropdown .k-widget.k-dropdown .k-dropdown-wrap {
    width: 490px !important;
}

.one-prospect-view__container {
    width: 574px;
    height: 126px;
    background: var(--brand-light-background);
    border-radius: 7px;
    left: 16px;
    top: 9px;
}

.close-one-prospect-lookup-popup__container {
    top: 28.74px;
    right: 23.12px;
}

.one-prospect-inner-view__container {
    /*    left: 21px;
    top: 11px;*/
}

.one-prospect__right-side {
    left: 64px;
    top: 11px;
}

.edit__link {
    color: var(--global-editor-color);
    font-size: var(--global-text-size-lg);
    font-family: var(--global-font-family-regular);
    font-weight: 500;
    letter-spacing: 0.16px;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.go-to-link {
    padding-left: 12px;
}

.one-propect__info-img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.one-prospect-filter-list__container {
    position: absolute;
    top: 155px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.one-prospect-popup__key, .one-prospect-popup__value {
    cursor: default;
}

.one-prospect__row {
    height: 100%;
    align-items: end;
}
/*Latest Communication*/

.communication__body .app-d-flex:nth-child(even) {
    background-color: rgba(var( --brand-table-row-background), 0.03);
}

.communication__body .app-d-flex:nth-child(odd) {
    background-color: rgba(var( --brand-table-row-background), 0.1);
}

.communication__div-padding {
    border-top: none;
    padding-top: 7px !important;
    padding-bottom: 4px !important;
    cursor: default;
}

.communication__relation {
    padding: 0.9rem 0.1rem 0.4rem 1.25rem !important;
}

.communication__header {
    background-color: var(--brand-main-backgroundcolor-indicator);
}

.communication__text {
    width: 180px;
}

.communication__edit-image {
    height: 16px;
    margin-top: 13px;
    cursor: pointer;
    position: absolute;
    right: 18px;
}

.communication__call {
    width: 10%;
}

.communication__name {
    width: 78%;
    margin-left: 17px
}

.communication__edit {
    width: 12%;
    text-align: center;
}

.communication-card {
    height: 230px;
}
/*------------------Latest Portfolio Files--------------------------*/
.portfolio__body .app-d-flex:nth-child(even) {
    background-color: rgba(var( --brand-table-row-background), 0.03);
}

.portfolio__body .app-d-flex:nth-child(odd) {
    background-color: rgba(var( --brand-table-row-background), 0.1);
}

.portfolio__padding {
    border-top: none;
    padding-top: 7px !important;
    padding-bottom: 4px !important;
    cursor: default;
}

.portfolio__relation {
    padding: 0.4rem 0.1rem 0.4rem 1.25rem !important;
    font-size: var(--global-text-size-lg);
}

.portfolio__header {
    background-color: var(--brand-main-backgroundcolor-indicator);
}

.portfolio__text {
    width: 163px;
}

.portfolio__edit-image {
    height: 16px;
    margin-top: 10px;
    cursor: pointer;
    position: absolute;
    right: 19px;
}

.portfolio__edit-note {
    height: 16px;
    margin-top: 12px;
    margin-left: -8px;
}

.portfolio__files {
    width: 10%;
}

.portfolio__name {
    width: 70%;
}

.portfolio__edit {
    width: 20%;
    text-align: center;
}

.common__div-height {
    height: 56px;
}

.portfolio-card {
    height: 200px;
}
#SProspectPortfoliogrid.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:first-child:before,
#AProspectPortfoliogrid.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:first-child:before {
    width: 0 !important;
}
/*-----------------Latest Apointmemts*/
.appointments__body .app-d-flex.appointmnets-div-height:nth-child(even) {
    background-color: rgba(var( --brand-table-row-background), 0.03);
}

.appointments__body .app-d-flex.appointmnets-div-height:nth-child(odd) {
    background-color: rgba(var( --brand-table-row-background), 0.1);
}

.appointments__padding {
    border-top: none;
    padding-top: 7px !important;
    padding-bottom: 4px !important;
    cursor: default;
    padding-left: 25px;
}

.appointments__body .common__div-height {
    margin: 0px;
    padding: 5px;
}

.appointments__relation {
    padding: 0.9rem 0.1rem 0.4rem 1.25rem !important;
    font-size: var(--global-text-size-lg);
}

.appointments__header {
    background-color: var(--brand-main-backgroundcolor-indicator);
}

.appointments__text {
    width: 615px;
}

.appointments__calender-edit-image {
    height: 18px;
    margin-top: 05px;
}

.appointments__calender-note {
    height: 19px;
    width: 17px;
    margin-top: 0px;
    margin-left: -8px;
}

.appointments__calender {
    width: 10%;
}

.appointments__name {
    max-width: 90%;
    width: 100%;
}

.appointments__edit {
    width: 10%;
    text-align: center;
    padding-top: 0 !important
}

.appointments-card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.1rem;
}

.font__span {
    letter-spacing: 0.14px;
    color: var(--global-text-color);
    opacity: 1;
    font-size: var(--global-text-size-sm);
    height: 18px;
}

/*----------------Demographics---------------*/

.demographics__row {
    margin-left: -17px;
    margin-right: -17px;
}

.demographics__hw {
    border-width: thin;
    border-color: var(--global-seperator-color);
    box-shadow: 0px 1px var(--global-seperator-color);
}

.demographics__key {
    margin-bottom: 0.1em;
    width: 100%;
}

.demographics__value {
    margin-bottom: 0.1em;
}

.dem-card {
    height: 440px;
}

/*--------------------Application Submitted------------*/
.appsubmitted__div-padding {
    border-top: none;
    padding-top: 7px !important;
    padding-bottom: 4px !important;
    cursor: default;
    padding-left: 15px;
}

.appsubmitted__body appsubmitted__padding {
    margin: 0px;
    padding: 1px;
}

.appsubmitted__relation {
    padding: 0.4rem 0.1rem 0.4rem 1.25rem !important;
    font-size: var(--global-text-size-lg);
}

.appsubmitted__icon {
    height: 50px;
    width: 50px;
    margin-top: 0px;
    margin-left: -5px;
}

.appsubmitted__name {
    width: 60%;
}

.ps-0.appsubmitted__relation-name.appsubmitted__name {
    margin-top: 4px;
}

.appsubmitted__submit {
    width: 20%;
}

.app-d-flex.appsubmitted__padding {
    padding-top: 15px;
}

.appsubmitted__cancelanddownload {
    width: 20%;
    text-align: center;
    right: 5px;
    display: block;
    margin: 10px auto;
}

.appsubmitted__cancel {
    height: 24px;
    width: 24px;
    margin-top: 10px;
    cursor: pointer;
}

.appsubmitted__download {
    height: 20px;
    width: 22.9px;
    cursor: pointer;
    margin-top: 5.75px;
}

.appprocess-card {
    height: 440px;
}

.admissions-status-card {
    position: relative;
    display: -ms-flexbox;
    /* display: flex; */
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--brand-default-light-background);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.4rem;
    height: 141px;
}
/*------------Admissions Process--------------*/
.admprocess__header {
    background-color: var(--brand-main-backgroundcolor-indicator);
}

.admprocess__div-padding {
    border-top: none;
    padding-top: 7px !important;
    padding-bottom: 4px !important;
    cursor: pointer;
}

.admprocess__edit-icon {
    height: 20px;
    margin-top: 0px;
    margin-left: -8px;
}

.admprocess__body .admprocess__border {
    margin: 0px;
    padding: 1px;
}

.admprocess__status {
    padding: 0.5rem 0.9rem 0.1rem 1.25rem !important;
    font-size: var(--global-text-size-lg);
}

.admprocess__info {
    width: 70%;
    margin-left: 11px;
}

.admprocess__edit {
    width: 20%;
    text-align: center;
}

.admprocess__edit-image {
    height: 18px;
    width: 16px;
    margin-top: 02px;
    position: absolute;
    right: 17px;
}

.admprocess__statusiconborder {
    box-shadow: -5px 0px 0px 0px var(--global-process-completed-boxshadow);
}

.admprocess__status-in-step {
    box-shadow: -5px 0px 0px 0px var(--global-process-inprogress-boxshadow);
}

.admprocess__status-incomplete {
    box-shadow: -5px 0px 0px 0px var(--global-process-incomplete-boxshadow);
}

.admprocess__statusicon {
    width: 10%;
    margin-left: 4px;
    margin-top: -1px;
    margin-bottom: -1px;
}

.admprocess__border {
    height: 38px;
    border-width: thin;
    box-shadow: 0px 1px var(--global-box-border);
}

.admprocess__completed {
    background-color: rgba(var(--brand-process-completed-background), 0.1);
}

.admprocess__inprogress {
    background-color: rgba(var(--brand-process-inprogress-background),0.1);
}

.admprocess__incomplete {
    background-color: rgba(var(--brand-process-incomplete-background),0.1);
}

.dem__pt-pb {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

/*Multiple Prospect left side container*/

#divProspectSnapshot {
    background: var(--brand-default-light-background);
    min-height: calc(100vh - var(--header-height));
}

.multiple-prospect__left-container {
    width: 300px;
    /*min-height: calc(100vh - var(--header-height));*/
    height: fit-content;
    background: white;
}

#divMultipleProspectMode .k-link:hover .gridMinusCol:after {
    position: absolute;
    width: 6px;
    height: 2px;
    top: 6px;
    left: 4px;
    background: #fff;
    content: "";
}

.prospect__box {
    background: var( --brand-container-darkblue-backgroud);
    width: 300px;
    min-height: 55px;
    height: fit-content;
    position: relative;
    border-top: 1px solid var(--global-border-light);
}

.go-to-snapshot {
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 9;
}

.multiple-prospect-expand__image {
    width: 24px;
    height: 24px;
}

.multiple-prospect__image {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

.multiple-prospect__student-name {
    width: 80%;
    margin: 0 auto;
}

.contact__box, .admission__box {
    border-bottom: 1px solid rgba(var( --brand-table-row-background), 0.4);
}

.multiple-prospect-contact__relation {
    width: 10%;
    margin-right: 0.7em;
}

.multiple-prospect-contact__name {
    width: 76%;
}

.multiple-prospect-contact__email {
    width: 10%;
}

.multiple-prospect-contact__row {
    height: 40px;
    align-items: center;
    padding: 1em;
}

.multiple-prospect-contact__name-text {
    width: 80%;
}

.multiple-prospect-contact__email-image {
    height: 21px;
    margin-left: -4px;
}

.multiple-prospect-contact__household {
    background: var(--brand-main-backgroundcolor-indicator);
    margin-left: 0.5em;
    width: 24px;
    height: 24px;
}

.decision-reaction__img {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    display: block;
    box-shadow: 0px 0px 0px 18px rgba(var(--brand-process-completed-background), 0.2);
    border-radius: 50%;
}

#divMultipleProspectMode {
    width: calc(100% - 300px);
    overflow-y: auto;
}

/*Multiple Prospect left side container*/

/*Multiple prospect Grid --- Right Side*/
.fa-users {
    width: 20px;
    margin: -4px 5px 0 0;
    color: white;
}

.grid__dropdown {
    background: var(--global-link-color);
    border-radius: 5px;
    padding: 8px 9px !Important;
    height: 40px;
}

.app__gridheader .dropdown.open .grid__dropdown .add__caret {
    transform: rotate(180deg);
}

#AdivSuperDB .multiple-prospect-ml-0, #AdivCommunicationLogFilters .multiple-prospect-ml-0 {
    margin-left: 0;
}


#AdivContactTap .appgrid__expand, #AdivSuperDB .appgrid__expand, #Advportfoliofilters .appgrid__expand, #AdivCommunicationLogFilters .appgrid__expand, #AdivProspectNotesTab .appgrid__expand {
    display: none;
}

#homeGrid .k-grid-content-locked tr:nth-child(odd), #homeGrid.k-grid-content tr:nth-child(odd) {
    background-color: rgba(var( --brand-table-row-background), 0.1);
}

.app-kgrid__container tr:hover #homeGrid .k-grid-content-locked tr, .app-kgrid__container tr:hover #homeGrid .k-grid-content tr {
    background-color: rgba(var( --brand-table-row-background), 0.3) !important;
    color: var(--global-text-color);
}

.mutiple-prospect__grid-height .k-grid-content {
    max-height: calc(100vh - (var(--header-height) + var(--nav-height) + 250px)) !important;
    min-height: calc(100vh - (var(--header-height) + var(--nav-height) + 250px)) !important;
}

.k-grid-content-locked, .k-grid-header-locked {
    border-style: none !important;
}

.app-kgrid__container .k-grid th.k-header a.k-grid-filter .k-icon:before {
    content: "";
    background-image: url(../Images/Admission/filter-small-white.svg);
    background-position: right 0px top 1px !Important;
    background-repeat: no-repeat;
    height: 20px;
    width: 15px;
}

.k-grid-content-locked tr:hover + .k-grid-content tr {
    background: red;
}
/*Multiple prospect Grid --- Right Side*/
/*Multiple Prospect left side container*/

/*Latest Communication Call Animation Starts*/

@keyframes callout {
    0% {
        top: 1px;
        left: 7px;
    }

    100% {
        top: 1px;
        left: 7px;
    }
}

@keyframes callin {
    0% {
        bottom: -3px;
        left: 5px;
    }

    100% {
        bottom: -3px;
        left: 5px;
    }
}

.call__expand img.app-position-absolute {
    top: 4px;
    left: 4px;
    /*margin-left: 10px;*/
}

.call__expand:hover .expand__box__hover {
    display: inline-block;
}

.call__expand:hover .expand__box {
    display: none;
}

.call__expand:hover .collapse__box {
    display: none;
}

.call__expand:hover .collapse__box__hover {
    display: inline-block;
}

.call__expand:hover .expand__box__hover .call__in__icon__expand {
    animation: callout 0.30s;
    animation-fill-mode: forwards;
}

.call__expand:hover .expand__box__hover .call__out__icon__expand {
    animation: callin 0.30s;
    animation-fill-mode: forwards;
}

.call__expand .expand__box__before {
    width: 14px;
}

.call__expand .call__in__icon__expand,
.call__expand .call__out__icon__expand {
    width: 8px;
    height: 12px;
}

.expand__call__before {
    margin-top: 5px;
    height: 20px;
    margin-left: -5px
}

/*Latest Communication Call Animation Endss*/
/*admission tabstrip UI starts*/
#admissionsListview .gridheader__top {
    border-bottom: none;
}

#admissionsListview .k-tabstrip-items .k-link, #admissionsListview .k-tabstrip-items li.k-state-active span.k-link {
    width: auto;
    padding: 7px 25px 10px 25px !important;
}

.app__tabstrip .k-widget.k-tabstrip.k-header.setupDemographicsList {
    border-bottom: 0 !important;
}

.app__tabstrip .k-tabstrip-wrapper .k-tabstrip-items {
    background-color: var( --brand-component-primary-background) !important;
}

.app__tabstrip .k-tabstrip-wrapper ul.k-tabstrip-items li:last-child {
    margin-right: 1px;
}

.app__tabstrip .k-tabstrip-wrapper .k-tabstrip.k-header {
    background-image: none !important;
}

.app__tabstrip .k-tabstrip-wrapper .k-tabstrip {
    background-color: var(--brand-tabs-component-background) !important;
}

.app__tabstrip .k-tabstrip-items li.k-state-active span.k-link {
    background: var(--brand-component-secondary-background) !important;
    color: var(--global-text-color) !important;
    font-weight: 600;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    position: relative;
    font-family: var(--global-font-family-regular);
    height: 35px;
    width: 101px;
    margin-top: 2px;
    margin-right: 1px;
    margin-left: 1px;
    padding: 6px 10px 10px 35px !important;
}

.app__tabstrip ul.k-reset.k-tabstrip-items {
    height: 37px;
}

.app__tabstrip .k-tabstrip-items .k-state-default {
    border-right: 0 !important;
    border-left: 0 !important;
}

    .app__tabstrip .k-tabstrip-items .k-state-default.k-state-active {
        position: relative;
    }

.app__tabstrip ul.k-tabstrip-items li.k-state-default.k-state-active + li {
    border-left: 0px !important;
}

.app__tabstrip .k-tabstrip-items .k-link {
    font-size: var(--global-text-size-lg) !important;
    color: var(--global-text-light) !important;
    font-weight: 500;
    padding: 8px 10px 10px 35px !important;
    height: 37px;
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-family: var(--global-font-family-regular);
    text-transform: capitalize;
    letter-spacing: 0.16px;
}

.app__tabstrip .k-tabstrip-items .k-state-default.xyz {
    background-color: var(--brand-tabs-component-background) !important;
}

.app__tabstrip .k-tabstrip .k-tabstrip-items {
    border-bottom: 0px !important;
}

.app__tabstrip .k-tabstrip > .k-button.k-bare {
    top: 4px;
}

    .app__tabstrip .k-tabstrip > .k-button.k-bare .k-icon {
        color: var(--global-text-light);
    }

.app__tabstrip .k-tabstrip-items .k-state-default.prev {
    border-right: 0px !important;
}

.app__tabstrip .k-tabstrip-items > .k-item {
    overflow: visible !important;
    background: var(--brand-tabs-component-background) !important;
    border-radius: 8px 8px 0 0 !important;
    margin: 0px 1px -1px 0px !important;
}

.app__tabstrip .k-tabstrip-wrapper ul.k-tabstrip-items li:first-child {
    margin-left: 1px !important;
}

.app__tabstrip ul.k-reset.k-tabstrip-items:after {
    background: none !important;
    height: 37px;
    width: 100%;
    content: "";
    position: absolute;
    border-top-left-radius: 8px;
}

.app__tabstrip ul.k-reset.k-tabstrip-items {
    margin-left: 38px !important;
}

#admissionsListview .k-tabstrip .k-content.k-state-active {
    padding: 0;
    background: var(--brand-component-secondary-background);
}

#admissionsListview .k-i-arrow-60-left:before, #admissionsListview .k-i-arrow-60-right:before {
    content: "";
}
/*admission tabstrip UI ends*/

/*Admission Fields Container Starts*/

.admission__fields__header {
    color: var(--global-text-light);
    height: 50px;
    padding: 1em 1.1em 1em 1.1em;
    border-radius: 0.4rem 0.4rem 0 0;
}

.admission__info__header {
    background-color: var( --brand-container-light-background) !important;
}

.application-info-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--brand-default-light-background);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.4rem;
    height: 287px;
}

.basic-info-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--brand-default-light-background);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.4rem;
    height: 287px;
}

.dates-info-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--brand-default-light-background);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.4rem;
    height: 167px;
}

.prospect-id-info-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--brand-default-light-background);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.4rem;
    height: 167px;
}

.admission-process-info-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--brand-default-light-background);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.4rem;
    height: 287px;
}

.admission__field__value, .admission__field__key {
    margin-bottom: 0.1em;
}
/*Multiple prospect Grid --- Right Side*/

/*One prospect : Admission tab : graphical view table */

#tabstripadmission-2, #tabstripadmission-1 {
    max-height: calc( 100vh - 498px ) !important;
    min-height: calc( 100vh - 498px ) !important;
}

    #tabstripadmission-2.graphical-expanded, #tabstripadmission-1.list-expanded {
        max-height: calc( 100vh - 305px ) !important;
        min-height: calc( 100vh - 305px ) !important;
        height: auto !important;
    }

.graphical__view {
    padding-top: 66px;
    border: none;
}

.zoom-in__img, .zoom-out__img {
    height: 16px;
    margin-top: -2px;
}


.graphical-view__top {
    position: absolute;
    width: calc(100% - 13px);
    background: var(--brand-component-secondary-background);
    height: 45px;
    top: 37px;
    z-index: 1;
    left: 0;
    padding: 20px 20px 0px 20px;
}

#divGraphicalView {
    padding: 20px 20px 0px 20px;
}

.app-graphical-top-left__container {
    /*    width: 76%*/
}

.app-graphical-top-right__container {
    /*    width: 24%;*/
}

.app-graphical-top-left__inner-container {
    /*    margin-right: 70px;*/
}

.app-graphical-top-right__inner-container {
}

.school-name {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*zoom slider start*/
.slidecontainer {
    width: 100%;
    position: relative;
    z-index: 1;
}

.app-zoom-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    background: var(--brand-tabs-component-background);
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    /*    .app-zoom-slider:hover {
        opacity: 1;
    }*/

    .app-zoom-slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 8px;
        height: 20px;
        border-radius: 5px;
        background: var(--global-link-color);
        cursor: pointer;
    }

    .app-zoom-slider::-moz-range-thumb {
        width: 8px;
        height: 20px;
        border-radius: 5px;
        background: var(----brand-main-backgroundcolor-indicator);
        cursor: pointer;
    }
/*zoom slider end*/
.graphical-zoom__vr {
    background-color: var(--brand-default-dark-background-alpha);
    margin: 0 20px;
    max-height: 21px;
    width: 1px;
}

.slidecontainer::before {
    content: "";
    background-color: var(--brand-default-dark-background-alpha);
    width: 1px;
    height: 20px;
    position: absolute;
    left: 50%;
    z-index: -1;
    top: 56%;
    transform: translateY(-50%);
}

.app-zoom-button {
    height: 24px;
    width: 24px;
    padding: 2px 4px;
}

.graphical-card__header {
    /*    width: 163px;*/
    height: 50px;
    border-top: 1px solid var(--global-card-border);
    border-radius: 5px 5px 0px 0px;
    color: var(--global-text-light);
    padding: 15px 17px 15px 15px;
}

.graphical-card__completed {
    background: rgba(var(--brand-process-completed-background), 0.8);
}

.graphical-card__in-complete {
    background: rgba(var(--brand-process-incomplete-background), 0.8);
}

.graphical-card__in-progress {
    background: rgba(var(--brand-process-inprogress-background), 0.8);
}

.addEditGraphicalNotes, .add-graphical-notes__img {
    width: 16px;
    height: 18px;
}

.graphical-view__dates {
    color: var(--global-color-tertiary);
}

.graphical__container {
    display: inline-block;
    position: absolute;
    top: -42px;
}

.lines {
    width: 170px;
    height: 44px;
    position: relative;
}

    .line__after::after, .lines::before {
        content: " ";
        position: absolute;
        margin: auto;
        height: 2px;
        background: rgba(var(--brand-tabs-component-background-rgb),var(--opacity-six));
        width: 40%;
        top: 49%;
    }

    .lines::after {
        right: 0;
    }

    .lines::before {
        left: 0;
    }

.graphical__container:nth-child(1) .lines:nth-child(1)::before {
    width: 0;
}

.align-center {
    width: 24px;
    height: 24px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    position: absolute;
}

.graphical__box-shadow {
    box-shadow: 0px 2px 1px var(--global-box-shadow);
    border-radius: 50px;
}

.align-end {
    position: absolute;
    right: -6px;
    bottom: 0;
    top: 0;
    height: 12px;
    margin: auto;
}
/*On hover : requirement img change*/
@keyframes slide-in {
    0% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.graphical-view__completed-img {
    position: relative;
    top: 0;
    left: 0;
    /*    width: 20px;
    height: 20px;*/
}

.completed__wrapper:hover {
    content: url("../Images/Admission/set-as-completed-today-white-hover.svg");
    /*    animation-name: slide-in;
    animation-duration: 1s;
    animation-iteration-count: 1;
    position: relative;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;*/
}

    .completed__wrapper:hover .graphical-view__completed-img {
        display: none !important;
    }

.not-applicable__wrapper:hover {
    content: url("../Images/Admission/set-as-not-applicable-white-hover.svg");
}

.not-completed__wrapper:hover {
    content: url("../Images/Admission/reset-to-not-completed-white-hover.svg");
}

.edit__wrapper:hover {
    content: url("../Images/Admission/edit-requirement-details-white-hover.svg");
}
/*One prospect : Admission tab : graphical view table */
/*Admission tab list view styles starts here*/
#admissionsListview .k-icon.k-i-arrow-60-down.k-panelbar-expand,
#admissionsListview .k-icon.k-i-arrow-60-up.k-panelbar-collapse {
    height: 40px;
    width: 30px;
    position: absolute;
    top: 0px;
    left: 0;
    margin: 0;
    right: 0;
}

#admissionsListview .k-panelbar > .k-item > .k-link {
    padding: 0 35px !important;
}

#admissionsListview .k-panelbar .k-link.k-header.checked-all .k-icon.k-i-arrow-60-down.k-panelbar-expand,
#admissionsListview .k-panelbar .k-link.k-header.checked-all .k-icon.k-i-arrow-60-down.k-panelbar-expand:hover {
    background: rgba(var(--brand-process-completed-background),0.8);
}

#admissionsListview .k-panelbar .k-link.k-header.checked-all .k-icon.k-i-arrow-60-up.k-panelbar-collapse,
#admissionsListview .k-panelbar .k-link.k-header.checked-all .k-icon.k-i-arrow-60-up.k-panelbar-collapse:hover {
    background: rgba(var(--brand-process-completed-background),0.7);
}

#admissionsListview .k-panelbar .k-link.k-header.unchecked-all .k-icon.k-i-arrow-60-down.k-panelbar-expand,
#admissionsListview .k-panelbar .k-link.k-header.unchecked-all .k-icon.k-i-arrow-60-down.k-panelbar-expand:hover {
    background: rgba(var(--brand-process-incomplete-background),0.8);
}

#admissionsListview .k-panelbar .k-link.k-header.unchecked-all .k-icon.k-i-arrow-60-up.k-panelbar-collapse,
#admissionsListview .k-panelbar .k-link.k-header.unchecked-all .k-icon.k-i-arrow-60-up.k-panelbar-collapse:hover {
    background: rgba(var(--brand-process-incomplete-background),0.6);
}

#admissionsListview .k-panelbar .k-link.k-header.stepinprogress .k-icon.k-i-arrow-60-down.k-panelbar-expand,
#admissionsListview .k-panelbar .k-link.k-header.stepinprogress .k-icon.k-i-arrow-60-down.k-panelbar-expand:hover {
    background: rgba(var(--brand-process-inprogress-background),0.7);
}

#admissionsListview .k-panelbar .k-link.k-header.stepinprogress .k-icon.k-i-arrow-60-up.k-panelbar-collapse,
#admissionsListview .k-panelbar .k-link.k-header.stepinprogress .k-icon.k-i-arrow-60-up.k-panelbar-collapse:hover {
    background: rgba(var(--brand-process-inprogress-background),0.5);
}

#admissionsListview .k-panelbar .k-link.k-header.stepinprogress, #admissionsListview .k-panelbar .k-link.k-header.stepinprogress.k-state-hover {
    background: rgba(var(--brand-process-inprogress-background),0.1);
    height: 40px;
    display: flex;
}

#admissionsListview .k-panelbar .k-link.k-header .k-icon.k-i-arrow-60-down.k-panelbar-expand:before {
    content: "";
    position: absolute;
    background-position: right 8px top 14px !Important;
    background-repeat: no-repeat;
    height: 40px;
    width: 30px;
    background-image: url(../Images/Admission/add-white.svg);
    background-size: 12px;
}

#admissionsListview .k-panelbar .k-link.k-header .k-icon.k-i-arrow-60-up.k-panelbar-collapse:before {
    content: "";
    position: absolute;
    background-position: right 8px top 14px !Important;
    background-repeat: no-repeat;
    height: 40px;
    width: 30px;
    background-image: url(../Images/Admission/minus-white.svg);
    background-size: 12px;
}

#admissionsListview .k-panelbar .k-link.k-header.checked-all, #admissionsListview .k-panelbar .k-link.k-header.checked-all.k-state-hover {
    background: rgba(var(--brand-process-completed-background),0.1);
    height: 40px;
    display: flex;
}

#admissionsListview .k-panelbar .k-link.k-header.unchecked-all, #admissionsListview .k-panelbar .k-link.k-header.unchecked-all.k-state-hover {
    background: rgba(var(--brand-process-incomplete-background),0.1);
    height: 40px;
    display: flex;
}

#admissionsListview .k-panelbar .k-link.k-header {
    border: none !important;
}

#admissionsListview .k-panelbar .k-content {
    border: none !important;
}

#admissionsListview ul.application-lists > li {
    padding: 10px 70px;
}

    #admissionsListview ul.application-lists > li:not(:last-child) {
        border-bottom: 1px solid var(--global-lists-box-border) !important;
    }

#admissionsListview .k-panelbar > li.k-item {
    border-bottom: 1px solid rgba(var(--global-border-dark-rgb),var(--opacity-four)) !important;
}

#admissionsListview .k-panelbar .k-link.k-header .app-title {
    color: var(--global-text-color);
    font-family: var(--global-font-family-regular);
    font-size: var(--global-text-size-lg);
    width: 38%;
    font-weight: 500;
}

#admissionsListview .k-panelbar .k-state-active .k-link.k-header .app-title {
    color: var(--global-text-color);
    font-family: var(--global-font-family-semibold);
    font-size: var(--global-text-size-lg);
    font-weight: var(--gloabl-default-font-weight);
}

#admissionsListview #divPanelbarPage label.notes__details {
    width: 50%;
    padding-left: 40px;
}

#admissionsListview #divPanelbarPage .addNotes, #admissionsListview #divPanelbarPage #editor.application-lists .note {
    width: 10%;
    text-align: center;
    padding-left: 25px;
}

#admissionsListview #divPanelbarPage #editor.application-lists .download {
    width: 10%;
    min-height: 1px;
    text-align: center;
}

#admissionsListview #divPanelbarPage #editor.application-lists .date {
    width: 10%;
    min-height: 1px;
    text-align: left;
}

#admissionsListview #divPanelbarPage #editor.application-lists .checkbox {
    width: 20%;
    margin: 0;
    padding-left: 0;
}

.application-lists#editor .isPermittedRequirementsspan,
#admissionsListview #divPanelbarPage label.notes__details {
    max-width: fit-content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.app__panelheader {
    height: 40px;
    background: var( --brand-container-dark-background);
}

#divListView {
    padding: 0px 30px 0px 30px;
}

.app__panelheader ul {
    display: flex;
    align-items: center;
    height: 40px;
}

    .app__panelheader ul li:not(:first-child,:nth-child(2)) {
        border-left: 1px solid var(--global-border-light);
    }

    .app__panelheader ul li:nth-child(3) .panel__headercontent {
        margin: 0 auto;
    }

    .app__panelheader ul li:nth-child(1) {
        width: 30px;
        text-align: center;
    }

    .app__panelheader ul li:nth-child(2) {
        width: 20%;
        text-align: left;
        padding-left: 1.5%;
    }

    .app__panelheader ul li:nth-child(3) {
        width: 10%;
        text-align: center;
    }

    .app__panelheader ul li:nth-child(4) {
        width: 10%;
        text-align: center;
    }

    .app__panelheader ul li:nth-child(5) {
        width: 10%;
        text-align: center;
    }

    .app__panelheader ul li:nth-child(6) {
        width: 50%;
        text-align: left;
    }

.app__tabstrip .k-content.k-state-active .admissions-panel {
    max-height: calc(100vh - 640px) !important;
    min-height: calc(100vh - 640px) !important;
    /*  overflow-y: auto;*/
    padding: 0;
    border: none;
    margin-bottom: 20px;
}

.app__tabstrip .k-content.k-state-active.expanded .admissions-panel {
    max-height: calc(100vh - 450px) !important;
    min-height: calc(100vh - 450px) !important;
    height: auto !important;
    /* overflow-y: auto;*/
}

#tabstripadmission .k-tabstrip-items {
    margin-left: 0 !Important;
    margin-right: 0 !important;
}

.app__tabstrip .k-tabstrip-wrapper #tabstripadmission.k-tabstrip {
    background-color: transparent !important;
}

.app__tabstrip .k-content.k-state-active.expanded {
    max-height: calc(100vh - 305px) !important;
    min-height: calc(100vh - 305px) !important;
    height: auto !important;
    overflow: auto !important;
}

#divListView .completed {
    content: url(/Images/Admission/completed-green.svg);
    height: 20px;
    margin-top: 9px !important;
    width: 2%;
}

#divListView .incomplete {
    content: url(/Images/Admission/incomplete-step.svg);
    height: 20px;
    margin-top: 9px !important;
    width: 2%;
}

#divListView .inprogress {
    content: url(/Images/Admission/in-progress-step.svg);
    height: 20px;
    margin-top: 9px !important;
    width: 2%;
}
/*Admission tab list view styles ends here*/

#divAdmissionView {
    max-height: calc( 100vh - 498px ) !important;
    min-height: calc( 100vh - 498px ) !important;
}

    #divAdmissionView.adm-expanded {
        max-height: calc( 100vh - 325px ) !important;
        min-height: calc( 100vh - 325px ) !important;
        height: auto !important;
    }

#tabstripadmission-4 {
    max-height: calc( 100vh - 513px ) !important;
    min-height: calc( 100vh - 513px ) !important;
}

    #tabstripadmission-4.prov-expanded {
        max-height: calc( 100vh - 320px ) !important;
        min-height: calc( 100vh - 320px ) !important;
    }

#divProvisionalView .app-kgrid__container .k-grid-content {
    max-height: calc(100vh - 640px) !important;
    min-height: calc(100vh - 640px) !important;
}

    #divProvisionalView .app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 447px) !important;
        min-height: calc(100vh - 447px) !important;
        height: auto !important;
    }

/*Contact Pop Up Grid Starts*/

.contact-popup-process-info-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--brand-default-light-background);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.4rem;
    height: 280px;
    width: 497px;
}

.contact-email {
    height: 18px;
    width: 23px;
    margin-right: 5px;
    margin-top: -2px;
}

.contact-add__prospect {
    height: 19px;
    width: 18px;
    margin-right: 5px;
    margin-top: -2px;
}

.contact-schedule__appointment {
    height: 18px;
    width: 19px;
    margin-right: 5px;
    margin-top: -2px;
}

.contact-schedule__appointment__arrow {
    height: 10px;
    width: 10px;
    margin-top: 8px;
    position: absolute;
    right: 20px;
}

.contact-left-button {
    width: 190px;
}

.contact-right-button {
    width: 245px;
}

.contact-height {
    line-height: 23px;
}

.contacts-left-contaier {
    width: 29%;
}
/*Contact Pop Up Grid Ends*/

/*Add as Prospect PopUp Starts*/

.add__as__prospect__header {
    background-color: var(--brand-main-backgroundcolor-indicator);
    color: var(--global-text-light);
    height: 50px;
    padding: 0.8rem 1.875rem 0.8rem 1.875rem;
    border-radius: 0.4rem 0.4rem 0 0;
}

.add-as-prospect-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--brand-default-light-background);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.4rem;
    height: 333px;
}

.add-as-prospect__key, .dropdown-text {
    margin-bottom: 0.1em;
}

.btn-prospects {
    border: 1px solid var(--global-input-border-color) !important;
    border-radius: 5px;
    font-size: var(--global-text-size-lg) !important;
    font-weight: 500 !important;
    background: var(--brand-default-light-background);
    color: var(--global-text-color);
    height: 35px;
    width: 97%;
    margin-left: 15px;
}

.add-as-prospect__dropdown {
    margin-top: 3px;
}

.btn-cancel {
    border: 1px solid var(--global-link-color) !important;
    border-radius: 5px;
    font-size: var(--global-text-size-md) !important;
    font-weight: 600 !important;
    background: var(--brand-default-light-background);
    color: var(--global-link-color);
    letter-spacing: 0.15px;
}

.btn-save-prospects {
    background: var( --brand-main-backgroundcolor-indicator) !important;
    color: var(--global-text-light) !important;
    font-weight: var(--gloabl-default-font-weight) !important;
    border-radius: 5px !important;
    border: none;
    font-size: var(--global-text-size-md) !important;
    letter-spacing: 0.15px !important;
}

ul .dropdown-menu.add-prospects-dropdown {
    width: 97%;
    margin-left: 15px;
}

.prospects-cancel-icon {
    height: 16px;
    width: 16px;
}

.popup-card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.75rem 2.93rem 1.875rem 1.875rem;
}

.prospects-cancel {
    height: 12px;
    width: 12px;
    margin-right: 5px;
    margin-top: -2px;
}

.prospect-form-popup {
    width: 46.7%;
    display: none;
    top: 123px;
    left: 700px;
    position: fixed;
}
/*Add as Prospect PopUp Ends*/
/*Start : One prospect Contact setting popups styling*/
.app-kpopup__container .k-window-titlebar.k-header {
    background: var( --brand-main-backgroundcolor-indicator);
    padding: 13px 20px 6px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.app-kpopup__container .k-window-title {
    color: var(--global-text-light) !important;
    font-family: var(--global-font-family-semibold);
    font-size: var(--global-text-size-xxl) !important;
    letter-spacing: 0.2px;
}

.app-kpopup__container .k-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 0px;
}

.app-kpopup__center {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
}

.app-kgrid-popup__container {
    border: 1px solid rgb(3 83 164 / 30%) !important;
    border-top: none !important;
    border-radius: 5px;
}

    .app-kgrid-popup__container .k-grid-header, .app-kgrid-popup__container .k-grid-header-wrap {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
/*1. Global contact field*/
.contact-global-field__wrapper {
    width: 1100px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
}
/*#DvContactGlobal th{
    padding: 0;
}*/
/*#DvContactGlobal a.k-link {
    padding: 0 10px 0 15px !important;
}*/
/*.contact-global-field-grid__container {
   
}
#DvContactGlobal .k-grid-header-wrap th.k-header:nth-child(n+3) a.k-link {
    border-left: 1px solid var(--global-border-light) !important;
    margin-top: 0px !important;
}*/
.contact-global-button__container {
    padding-top: 20px;
    padding-bottom: 10px;
}
/*1.a address field */
.contact-setting-global-add-field__wrapper {
    width: 698px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
}

.decision-wrap {
    padding-top: 20px;
    padding-bottom: 10px;
}

.add-field__row {
    display: flex;
    justify-content: space-between;
}

.add-new-contact__container {
}

.add-field__right-col {
    margin-bottom: 15px;
}

    .add-field__right-col .k-dropdown-wrap {
        border: 1px solid var(--global-input-border-color) !important;
        border-radius: 5px !important;
        height: 35px !important;
    }

.add-field__input {
    border: 1px solid var(--global-input-border-color);
    height: 35px;
    padding: 6px 15px !important;
}

    .add-field__input:focus {
        border-color: var(--global-input-border-color);
    }

.add-new-contact__container .k-dropdown-wrap .k-input {
    height: 35px;
    padding: 5px 5px;
    font-family: var(--global-font-family-regular);
    font-size: var(--global-text-size-lg);
    letter-spacing: 0.16px;
    color: var(--global-text-color) !important;
    font-weight: 500 !important;
}

#divAddFields {
    padding-bottom: 15px !important;
}
/*1.b Setup Validate */
.validateWidth__setup {
    width: 600px !important;
}

#FieldValidationGrid input.k-textbox {
    border: 1px solid var(--global-box-border) !important;
    border-radius: 5px !important;
    height: 35px;
    font-size: var(--global-text-size-lg);
    font-family: var(--global-font-family-regular);
    font-weight: 500 !important;
    color: var(--global-text-color) !important;
}

    #FieldValidationGrid input.k-textbox:focus {
        outline: none;
        box-shadow: none;
    }
/*#FieldValidationGrid a.k-link {
    padding-left: 10px !important;
}*/
#FieldValidationGrid td #lblValidationName::before {
    content: url(/Images/Admission/scroll-dots.svg);
    padding-right: 20px;
    top: 3px;
    position: relative;
}
/*2. Salutations */
.contact-salutation {
    width: 600px !important;
}
/*#FieldValidationGrid .k-header {
    padding-left: 20px;
}*/
/*.salutation__container tr td:first-child::before {
    content: url(/Images/Admission/scroll-dots.svg);
    padding-right: 20px;
    top: 3px;
    position: relative;
    padding-left: 4px;
}

.salutation__container tr td.hide:first-child::before {
    display: none;
}*/

.salutation__text-area {
    width: 100%;
    height: 250px;
    border: 1px solid var(--global-input-border-color);
    border-radius: 5px;
}

    .salutation__text-area:focus-visible {
        outline: none;
    }

/*End : One prospect Contact setting popups styling*/

/*start : add prospect in top header */

.add-prospect__container {
    width: 1100px !important;
}

.newProspectContentWindow.add-prospect__container #newProspectWindow {
    max-height: 768px !important;
    height: auto !important;
}

.add-prospect__container .k-header {
    padding-left: 20px !important;
}

.add-prospect-left__inner-container {
    width: calc(100% - var(--add-prospect-right-container));
}

.add-prospect-right__inner-container {
    width: var(--add-prospect-right-container);
    height: 254px;
    border: 1px solid var(--global-box-border);
    border-radius: 5px;
    padding: 20px;
}

.comment-img {
    width: 24px;
    height: 25px;
    margin-right: 10px;
}

.help__description {
    line-height: 1.5em;
}

.add-prospect__inner-container {
    background: var(--brand-component-secondary-background);
    border-radius: 5px;
    padding: 20px;
    height: 628px;
    overflow-y: auto;
}

    .add-prospect__inner-container .form-control:focus {
        border: 1px solid var(--global-form-container-border);
    }

    .add-prospect__inner-container input.form-control {
        width: 440px;
        height: 35px;
    }

.app-button-for-img {
    min-width: 35px;
}

.app-kgrid__astrik .k-link::after {
    content: " *";
    color: red;
}
/*.app-kgrid__container .k-grid-header-wrap th.app-kgrid-left-border .k-link {
    border-left: 1px solid var(--global-border-light) !important;
    margin-top: 0px !important;
    padding: 0px 10px 3px 10px !important;
}*/
.add-prospect__inner-container input:hover {
    border: 1px solid var(--global-form-container-border) !important;
}

/*Household popup for add prospect*/
.household__popup {
    width: 1100px !important;
}
/*.household__popup .k-grid-content td, .household__popup td {
    padding-left: 44px!important;
}*/
.app-kgrid-with-no-filter .k-grid-content td, .app-kgrid-with-no-filter td {
    padding-left: 20px !important;
}

.app-kgrid-with-no-filter th {
    padding-left: 20px !important;
}

.app-kgrid__container .k-i-cancel:before {
    content: " " !important;
    background-image: url(../Images/Admission/cancel-black-small.svg) !important;
}
/*end: add prospect in top header */
/*Add as Prospect PopUp Ends*/

.addr-field-btns {
    background-color: var(--brand-default-light-background);
    padding: 10px 30px;
    border-top-left-radius: 5px;
    text-align: right;
}

#GrdContactAddressLayout thead tr .k-grid-header {
    border-radius: 0px;
}

.contactAdress-height {
    overflow-y: auto;
}

#GrdContactAddressLayout .k-grid-content col:last-child {
    width: 90px !important;
}

#GrdContactAddressLayout .k-grid-header-wrap .k-header:last-child {
    padding-left: 20px !important;
}

/*contact popup style starts*/
#tabstripContact {
    border: none;
}

    #tabstripContact .k-tabstrip-items {
        margin-left: 0 !Important;
        margin-right: 0 !important;
        border-bottom: 0 !important;
    }

.app__tabstrip .k-tabstrip-wrapper #tabstripContact .k-tabstrip-items {
    background-color: var(--brand-default-light-background) !important;
}

.app__tabstrip #tabstripContact ul.k-tabstrip-items li.k-state-default {
    border: 0;
}

#divAddContactView.k-window-content {
    overflow: hidden !important;
    padding: 20px !important;
}

.app__tabstrip .k-tabstrip-wrapper #tabstripContact.k-tabstrip {
    background-color: transparent !important;
}

    .app__tabstrip .k-tabstrip-wrapper #tabstripContact.k-tabstrip:focus {
        box-shadow: none;
    }

#tabstripContact .k-tabstrip-items .k-link, #admissionsListview .k-tabstrip-items li.k-state-active span.k-link {
    width: auto;
    padding: 7px 25px 10px 25px !important;
}

.app__tabstrip #tabstripContact ul.k-reset.k-tabstrip-items:after {
    content: none;
}

.app__tabstrip #tabstripContact .k-content.k-state-active {
    background: var(--brand-component-secondary-background);
    border-left: 1px solid var(--global-border-light) !important;
    /*border-top: 1px solid var(--global-border-light) !important;*/
    border-radius: 0 5px 5px 5px;
}

.app__tabstrip #tabstripContact .basic__contactdetails {
    padding: 5px;
}
/*#divSnapShotFields {
    max-height: 700px;
}*/
#divSnapShotFields .table-responsive {
    max-height: 197px;
    overflow-y: auto;
    border: 1px solid rgba(var( --brand-table-row-background), 0.4) !important;
}

    #divSnapShotFields .table-responsive table {
        border: 0 !important;
    }

    #divSnapShotFields .table-responsive th {
        position: sticky;
        z-index: 2;
        top: 0;
        border-bottom: 1px solid rgba(var( --brand-table-row-background), 0.4) !important;
    }


/*move to global*/
.app-input input.input__box {
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight) !important;
    height: 35px !important;
    border-radius: 5px !important;
    border: 1px solid var(--global-dropdown-border) !important;
    color: var(--global-text-color);
    font-size: var(--global-text-size-lg);
}

    .app-input input.input__box:hover {
        border: 1px solid var(--global-form-container-border) !important;
    }

.app-input input[readonly] {
    background-color: var(--brand-input-readonly);
    color: var(--global-color-secondary) !important;
    opacity: 1 !important;
}

.app__dropdown .k-dropdown-wrap.k-state-default {
    border: 1px solid var(--global-dropdown-border) !important;
    border-radius: 5px !important;
}

    .app__dropdown .k-dropdown-wrap.k-state-default:hover {
        border: 1px solid var(--global-form-container-border) !important;
        border-radius: 5px !important;
    }

.app__datepicker .k-picker-wrap.k-state-default {
    height: 35px !important;
    border-radius: 5px !important;
    border: 1px solid var(--global-dropdown-border) !important;
}

.app__datepicker .k-picker-wrap .k-select {
    border-width: 0;
    width: 40px;
}

.app__datepicker .k-i-calendar, .inputforall .k-icon.k-i-calendar {
    background-image: url(../Images/Admission/calendar-black.svg) !important;
    background-position: right 15px top 3px !Important;
    background-repeat: no-repeat;
    height: 25px;
    width: 40px;
    background-size: 18px;
}
/*move to global*/
#tabstripContact .app__dropdown .k-widget.k-dropdown, #tabstripContact .app__dropdown .k-widget.k-dropdown .k-dropdown-wrap,
#divUserDefinedFields .app__dropdown .k-widget, #divUserDefinedFields .app__dropdown .k-widget .k-dropdown-wrap {
    width: 100% !important;
}

.addcontact__screen ul li {
    list-style-type: none;
}

#tabstripContact label.control-label {
    font-size: var(--global-text-size-md);
    font-family: var(--global-font-family-regular);
    color: var(--global-text-color);
    font-weight: var(--gloabl-default-font-weight) !important;
}

#tabstripContact .brand-color {
    font-size: var( --global-text-size-xl);
    font-family: var(--global-font-family-regular);
    color: var(--global-text-color);
    font-weight: var(--gloabl-bold-font-weight);
}

#tabstripContact .contact__relationship {
    border-radius: 5px;
    border: 1px solid var(--global-input-border-color);
    padding: 20px;
    background: var(--brand-light-blue);
}

#tabstripContact .relation__wrapper .app__dropdown .k-widget.k-dropdown, #tabstripContact .relation__wrapper .app__dropdown .k-widget.k-dropdown .k-dropdown-wrap {
    width: 200px !important;
}

.override {
    height: 35px !important;
    width: 35px;
    border-radius: 5px;
    background-image: url(../Images/Admission/override-white.svg) !important;
    background-position: right 7px top 7px !Important;
    background-repeat: no-repeat;
    background-size: 18px;
    background-color: var( --brand-main-backgroundcolor-indicator) !important;
    margin-left: 10px;
}

.remove-override {
    height: 35px !important;
    width: 35px;
    border-radius: 5px;
    background-image: url(../Images/Admission/remove-override.svg) !important;
    background-position: right 7px top 7px !Important;
    background-repeat: no-repeat;
    background-size: 18px;
    background-color: var( --brand-main-backgroundcolor-indicator) !important;
    margin-left: 10px;
}

.button__moreoption {
    height: 35px;
    width: 35px;
    border-radius: 5px !important;
    background-image: url(../Images/Admission/large-more-options-white.svg) !important;
    background-position: right 7px top 7px !Important;
    background-repeat: no-repeat;
    background-size: 18px;
    background-color: var( --brand-main-backgroundcolor-indicator) !important;
    margin-top: -7px;
}

.contact__left__boxarea, .userdefined__leftarea {
    border-right: 1px solid var(--global-box-border);
}

.contact__border-bottom {
    border-bottom: 1px solid var(--global-box-border);
}

.addcontact__screen .program.regular-font {
    line-height: 26px;
}

#tabstripContact .relation__wrapper .app__dropdown .k-widget.k-dropdown {
    margin: 0 10px 0 0px;
}

#ContactGlobalLocalHghtscroll {
    padding-top: 10px;
}

#divUserDefinedFields {
    padding-top: 20px;
}

.app-input input, .app__dropdown input, .app__datepicker input, .app__datepicker .k-picker-wrap .k-input {
    color: var(--global-text-color);
    font-size: var(--global-text-size-lg) !important;
    font-weight: var(--gloabl-default-font-weight) !important;
    height: auto;
    line-height: 27px !important;
}

#divSecondCol .household-group label {
    font-size: var(--global-text-size-md);
}

/*contact popup style ends*/

/*1262*/
.fullNameInfo {
    align-items: baseline;
}

    .fullNameInfo img {
        width: 14px;
        margin-right: 5px;
        position: relative;
        top: 2px;
    }

.fullname__dropdown.app__dropdown .k-widget, .fullname__dropdown.app__dropdown .k-widget, .fullname__dropdown.app__dropdown .k-widget .k-dropdown-wrap {
    width: 100% !important;
}

.app-input #txtContactFullName {
    width: 100% !important;
    padding-left: 8px;
}
/*1262*/

/*------Map Contact Household Fields Started------------*/
#grid_Household .k-grid-header-wrap table colgroup col:nth-child(odd) {
    width: 225px !important;
}

#grid_Household .k-grid-header-wrap table colgroup col:nth-child(even) {
    width: 330px !important;
}

#grid_Household .k-header {
    color: var(--global-text-light) !important;
}

#grid_Household .k-dropdown-wrap.k-state-default {
    border: 1px solid var(--global-box-border) !important;
    border-radius: 5px !important;
}

#grid_Household .k-dropdown {
    border-radius: 5px !important;
    width: 290px !important;
}

.mappingDivWarning {
    padding-top: 15px;
}

/*#grid_Household {
    height: 361px !important;
}*/

#grid_Household .k-icon.k-i-arrow-60-down:before {
    content: "";
    position: absolute;
    background-image: url(../Images/Admission/dropdown-arrow-black.svg);
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}
/*------Map Contact Household Fields Ended------------*/

/*-------------Portfolio Cateogory Starts -----------*/
#PortfolioCategoryGrid .k-icon.k-i-close:before {
    background-image: url(../Images/Admission/delete-small-black.svg) !important;
    margin: 3px 0px 0px -18px !important;
    background-size: 17px !important;
}

#PortfolioTabButtons .add-btn {
    width: 90px;
    font-weight: var(--gloabl-default-font-weight) !important;
    border: 1px solid var(--global-link-color) !important;
}

.portfolio-height {
    height: 439px;
}

#PortfolioTabButtons .k-icon.k-i-add {
    margin-right: 5px;
    margin-top: 2px;
}

#PortfolioCategoryGrid .k-icon.k-i-edit:before {
    content: "" !important;
    background-image: url(../Images/Admission/edit-small-black.svg) !important;
    margin-bottom: 1px;
}

#PortfolioCategoryGrid .k-grid-delete {
    margin-top: 0.1em !important;
}

#PortfolioCategoryName.k-textbox, #ShortName.k-textbox {
    border: 1px solid var(--global-input-border-color) !important;
    border-radius: 5px !important;
    height: 35px;
    font-size: var(--global-text-size-lg);
    font-family: var(--global-font-family-regular);
    font-weight: 500 !important;
    color: var(--global-text-color) !important;
}
/*-------------Portfolio Cateogory Ends -----------*/
/*start view options for one prospect and multiple prospect*/
.rename-popup__container, .save-as-popup__container {
    width: 800px !important;
    height: 195px !important;
}

.rename-as-button__container, .save-as-button__container {
    padding-top: 25px;
    padding-bottom: 25px;
}
/*add popup*/
.app__tabstrip .k-tabstrip-items .k-link.activeTab {
    background: var(--brand-component-secondary-background) !important;
    color: var(--global-text-color) !important;
    font-weight: 600;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    position: relative;
    font-family: var(--global-font-family-regular);
    height: 35px;
    width: 101px;
    margin-top: 2px;
    margin-right: 1px;
    margin-left: 1px;
    padding: 6px 10px 10px 35px !important;
}

.add-view__popup {
    width: 989px !important;
}

.add-view {
    background: var(--brand-component-secondary-background);
    border-radius: 0px 0px 5px 5px;
}

.add-view-grid__container {
    width: 420px;
}

#SelectedFieldGrid td::before {
    content: url(/Images/Admission/scroll-dots.svg);
    padding-right: 10px;
    top: 3px;
    position: relative;
}

.app-table th.k-header {
    padding-left: 20px !important;
    padding-bottom: 10px !important;
}

.delete-view {
    width: 600px !important;
}
/*end :view options for one prospect and multiple prospect*/

/*admsissions-list-view focus issue fix starts*/
.app__fixed-admissionlist {
    position: absolute;
    width: calc(100% - 72px);
    top: 37px;
    z-index: 1;
    left: 30px;
}

    .app__fixed-admissionlist .graphical-view-top {
        z-index: 99999;
        background: var(--brand-component-secondary-background);
    }

#divPanelbarPage {
    padding-top: 102px;
}

.admissions-panel #editor .note img {
    margin-left: 2px;
}

.admissions-panel #editor .notes__details {
    padding-left: 45px !important;
}

#admissionsListview .app__tabstrip #tabstripadmission-1.k-content.k-state-active.expanded,
#admissionsListview .k-tabstrip > #tabstripadmission-1.k-content {
    overflow-y: scroll !important;
}
/*admsissions-list-view focus issue fix ends*/

.text-width {
    width: 84%;
}

.form-element-height-35 {
    height: 35px !important;
}

.form-element-height-40 {
    height: 40px !important;
}

.form-element-height-50 {
    height: 50px;
}

.app-view-dropdownlist-items {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.filters__padding {
    padding-left: 15px;
    padding-right: 15px;
}

.contact__view-padding {
    padding-left: 1.25rem !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.admissions__field-padding {
    padding-left: 0.25rem !important;
}

.text__field-padding {
    padding-left: 0.25rem !important;
}

.snapshot_view-padding {
    padding-right: 1.2rem !important;
}

.views__margin {
    margin-top: 8px;
}

.demographics__margin-top {
    margin-top: 5px;
}

.views__margin-top {
    margin-top: 16px;
}

.snapshot__view-margin {
    margin-left: 0.5rem !important;
}

.snapshot__view-margin-right {
    margin-right: 9px;
}

/*admsissions-list-view focus issue fix ends*/
/* Additional Information */
.addLink {
    background: url("../Images/Admission/addLink.png") no-repeat left center;
}

.other-Phone-Icons {
    width: 30%;
    text-align: right;
}

.width66 {
    width: 66%;
}

.div-other-information-divider {
    width: 65%;
    padding: 15px 20px 0 20px;
    background: var(--brand-default-light-background);
    border-radius: 5px;
    border: 1px solid var(--global-input-border-color);
    margin-top: 10px;
    font-weight: var(--gloabl-default-font-weight);
    color: var(--global-text-color);
}

    .div-other-information-divider label {
        font-weight: 500 !important;
        color: var(--global-text-color);
    }

.app-blue-link {
    color: var(--global-editor-color);
    text-decoration: underline;
}

.app-edit {
    background: url(../Images/Admission/edit-small-black.svg) no-repeat transparent !important;
    border: none;
    width: 16px;
}

.app-delete {
    background: url(../Images/Admission/delete-small-black.svg) no-repeat transparent !important;
    border: none;
    width: 16px;
}

.app-cancel {
    background: url(../Images/Admission/cancel-black-small.svg) no-repeat transparent !important;
    border: none;
    width: 16px;
}

.app-save {
    background: url(../Images/Admission/save-black-small.svg) no-repeat transparent !important;
    border: none;
    width: 16px;
    background-size: 14px 16px !important;
}

.temp-overflow-dropdown {
    max-height: 150px;
    overflow-y: auto;
}

.temporary-caret-modal {
    margin-left: 51px !important;
}

#divOtherOptionsWindow label, #portfolio_Controls label {
    color: var( --global-text-color) !important;
}

#portfolio_Controls .k-datepicker input.form-control {
    padding-left: 5px;
}
/*Enrollments Starts*/
.enrollments__body.enrollments__data {
    margin: 0px;
    padding: 1px;
}

.app-d-flex.enrollments__data {
    padding-top: 10px;
}

.enrollments__decision-icon-image {
    border-top: none;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    cursor: default;
    padding-left: 15px;
}

.enrollments__decision-icon-padding {
    padding: 0.5rem 0.1rem 0.4rem 0.25rem !important;
    font-size: var(--global-text-size-lg);
}

.enrollments-image {
    width: 40%;
}

.enrollments-details {
    width: 60%;
}

.enrolment-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--brand-default-light-background);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.4rem;
    height: 68px;
    width: 60px
}

.enrollments__decision-icon {
    height: 68px;
    width: 38px;
    display: block;
    margin: 0 auto;
}

.enrollments__height {
    height: 108px;
}

.ascii-card {
    background: var(--brand-enrollment-one);
}

.sent__ascii-card {
    background: var(--brand-enrollment-two);
}

.sent__ap-card {
    background: var(--brand-enrollment-three);
}

.correction__required-card {
    background: var(--brand-enrollment-four);
}

.registered-card {
    background: var(--brand-enrollment-five);
}

.registered__correction__required-card {
    background: var(--brand-enrollment-six);
}

.deleted-card {
    background: var(--brand-enrollment-seven);
}

#enrollmentGrid .k-grid-content.k-auto-scrollable {
    max-height: calc( 100vh - 358px ) !important;
    min-height: 200px !important;
}

.enrollments__view.k-dropdown-wrap.k-state-default {
    width: 260px !important;
    height: 40px !important;
}

.enrollments__view.app__dropdown .k-widget {
    width: 260px !important;
    height: 40px !important;
}

.enrollments__row {
    height: auto;
}

.enrollment__text {
    color: var(--global-color-secondary);
}

#enrollmentGrid .k-grid-header-wrap.k-auto-scrollable th:first-child {
    padding-left: 30px !important;
}

.enrollment__border .k-grid-header-wrap .k-header:before {
    height: 0 !important;
}

.enrollment__border.app-kgrid__container .k-grid-content td:last-child {
    padding-left: 15px !important;
}

.enrollment__border .k-grid-header-wrap .k-header:last-child {
    padding-left: 15px !important;
}

.enrollment_margin-top {
    margin-top: 0.2em;
}

.current__view .k-dropdown-wrap.k-state-default.current_view.k-state-hover {
    border: 1px solid var(--global-dropdown-border) !important;
}

#divEnrollment .setupcont {
    background-color: #ffffff;
    border-radius: 6px;
}

#enrollmentGrid .ReadyToSend, .liReadyToSend {
    background-color: #FEDFC0 !important;
}

    #enrollmentGrid .ReadyToSend, .liReadyToSend .checkReady {
        background-color: #FEDFC0 !important;
    }

#enrollmentGrid .SentToAP, .liSentToAP {
    background-color: #C2C0FF !important;
}

#enrollmentGrid .Registered, .liRegistered {
    background-color: #8DF17F !important;
}

#enrollmentGrid .SentToASCII, .liSentToASCII {
    background-color: #FCBEFD !important;
}

#enrollmentGrid .CorrectionRequired, .liCorrectionRequired {
    background-color: #FDA3A2 !important;
}

#enrollmentGrid .RegisteredAndCorrRequired, .liRegisteredAndCorrRequired {
    background-color: #61DFDC !important;
}

#enrollmentGrid .DeletedFromAP, .liDeletedFromAP {
    background-color: #FFFFC1 !important;
}

.hideEnrollmentDiv {
    visibility: hidden;
}

.readyToSend__Enrollment, .readyToSend__Enrollment__border {
    background-color: rgba(var(--brand-ready-to-send),0.2) !important;
}

.readyToSend__Enrollment__border {
    position: relative;
}

    .readyToSend__Enrollment__border:before {
        background-color: rgba(var(--brand-ready-to-send)) !important;
        position: absolute;
        content: "";
        height: 40px;
        width: 10px !important;
        left: 0;
        top: 0;
    }

.sentToAscii__Enrollment, .sentToAscii__Enrollment__border {
    background-color: rgba(var(--brand-sent-to-ascii),0.2) !important;
}

.sentToAscii__Enrollment__border {
    position: relative;
}

    .sentToAscii__Enrollment__border:before {
        background-color: rgba(var(--brand-sent-to-ascii)) !important;
        position: absolute;
        content: "";
        height: 40px;
        width: 10px !important;
        left: 0;
        top: 0;
    }

.sentToAP__Enrollment, .sentToAP__Enrollment__border {
    background-color: rgba(var(--brand-sent-to-ap),0.2) !important;
}

.sentToAP__Enrollment__border {
    position: relative;
}

    .sentToAP__Enrollment__border:before {
        background-color: rgba(var(--brand-sent-to-ap)) !important;
        position: absolute;
        content: "";
        height: 40px;
        width: 10px !important;
        left: 0;
        top: 0;
    }

.correctionRequired__Enrollment, .correctionRequired__Enrollment__border {
    background-color: rgba(var(--brand-correction-required),0.2) !important;
}

.correctionRequired__Enrollment__border {
    position: relative;
}

    .correctionRequired__Enrollment__border:before {
        background-color: rgba(var(--brand-correction-required)) !important;
        position: absolute;
        content: "";
        height: 40px;
        width: 10px !important;
        left: 0;
        top: 0;
    }

.registered__Enrollment, .registered__Enrollment__border {
    background-color: rgba(var(--brand-registered),0.2) !important;
}

.registered__Enrollment__border {
    position: relative;
}

    .registered__Enrollment__border:before {
        background-color: rgba(var(--brand-registered)) !important;
        position: absolute;
        content: "";
        height: 40px;
        width: 10px !important;
        left: 0;
        top: 0;
    }

.registeredAndCorrectionRequired__Enrollment, .registeredAndCorrectionRequired__Enrollment__border {
    background-color: rgba(var(--brand-registered-and-correction-required),0.2) !important;
}

.registeredAndCorrectionRequired__Enrollment__border {
    position: relative;
}

    .registeredAndCorrectionRequired__Enrollment__border:before {
        background-color: rgba(var(--brand-registered-and-correction-required)) !important;
        position: absolute;
        content: "";
        height: 40px;
        width: 10px !important;
        left: 0;
        top: 0;
    }

.deletedFromAP__Enrollment, .deletedFromAP__Enrollment__border {
    background-color: rgba(var(--brand-deleted-from-ap),0.2) !important;
}

.deletedFromAP__Enrollment__border {
    position: relative;
}

    .deletedFromAP__Enrollment__border:before {
        background-color: rgba(var(--brand-deleted-from-ap)) !important;
        position: absolute;
        content: "";
        height: 40px;
        width: 10px !important;
        left: 0;
        top: 0;
    }
/*Enrollments Ended*/

/*Enrollments Ended*/
/*Add Portfolio*/
#divUserNameGrid .k-grid-content input {
    left: 8px !important;
    top: 2px;
}

#divEnrollment {
    padding: 10px;
    padding-bottom: 0;
}
/*Enrollments Ended*/

/*Layout Header Starts*/
/*.page__name:before {
    height: 40px;
    width: 0.1px;
    background: var(--brand-default-light-background);
    top: -2px;
    content: "";
    left: 15px;
    position: absolute;
}*/
.seperation__line-li {
    position: relative;
    margin: 0 20px;
    height: 30px;
    width: 1px;
    background: var(--brand-default-light-background);
}

.page__name-data {
    /*margin-left: 30px !important;*/
    margin-right: 30px;
}
/*Layout Header Ended*/

/*Lottery screen*/
.lottery__left-gridbox {
    width: 355px;
    background: var(--brand-component-secondary-background);
    padding: 20px 15px;
}

#divWaitListCenter .wl-firstrow {
    padding-bottom: 15px;
}

#divWaitListCenter .wl-secondrow {
    background: var(--brand-component-primary-background);
    padding: 5px 0 15px 0;
}

.lottery__right-gridbox {
    width: calc(100% - 355px);
    height: calc(100vh - var(--header-height));
    overflow-y: auto;
    padding: 15px 15px 0;
}

.lottery__left-gridbox .app__dropdown .k-widget, .lottery__left-gridbox .app__dropdown .k-widget .k-dropdown-wrap {
    width: 100% !important;
}

.lottery__left-gridbox {
    border-right: 1px solid rgba(var( --brand-table-row-background), 0.4) !important;
    height: calc(100vh - var(--header-height)) !important;
}

.lottery__right-gridbox #divLotteryProspectList .app-primary-btn-container button {
    width: 157px;
}

#divLotteryProspectList #WLCProspectGrd .flex__box {
    padding: 0px 10px;
    margin-top: 10px;
}

    #divLotteryProspectList #WLCProspectGrd .flex__box:not(:first-child) {
        border-left: 1px solid rgba(var(--global-border-dark-rgb),var(--opacity-six));
    }

    #divLotteryProspectList #WLCProspectGrd .flex__box:nth-child(7) {
        border-left: 0;
    }

#grdLotteryGradeList .k-grid-content {
    height: calc(100vh - (var(--header-height) + 135px)) !important;
}

#WLCProspectGrd .k-grid-content {
    height: calc(100vh - (var(--header-height) + 260px)) !important;
}

#WLCProspectGrd #grdLotteryProspectList table {
    width: 100% !important;
}

.data__display-container {
    box-shadow: 0px 3px 3px var(--global-box-shadow);
    border-radius: 5px;
    background: var( --brand-default-light-background);
    margin-left: 10px;
    margin-right: 10px;
    height: 60px;
}

.data__notation {
    width: 300px;
}

.data__info-container {
    padding: 0.5em 1em;
    background: var(--brand-light-backgroundcolor-indicator);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 60px;
}

.data__items {
    width: 30%;
    max-width: fit-content;
}

.lottery__left-gridbox .k-widget {
    border-radius: 0px 0px 5px 5px;
    border-bottom: 1px solid var(--global-border-light) !important;
    box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow);
}

#divSchoolGrade.app-kgrid__container .k-grid-header-wrap th.k-header, #divSchoolGrade.app-kgrid__container .k-grid-content td {
    padding-left: 10px !important;
    padding-right: 0 !important;
}


/*Lottery screen*/
#PortfolioAddWindow .k-dropzone .k-upload-status {
    margin-top: 16px;
    display: table;
}

#PortfolioAddWindow .k-button.k-upload-action {
    background-image: url(../Images/Admission/cancel-black-small.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

#PortfolioAddWindow .k-upload-files {
    padding-bottom: 0;
    border-radius: 5px;
}

    #PortfolioAddWindow .k-upload-files li {
        border-radius: 5px;
    }

.container-local .decision__form-check input[type=checkbox]:checked:before {
    position: relative;
    top: -4px;
}

#divEditContactWindow {
    overflow-y: auto;
    max-height: 720px;
}

.household-group p {
    line-height: 18px;
}

.addEditContacts .k-tabstrip-items {
    float: left;
    margin-top: -25px;
}

.addcontact__screen .app-contact-name {
    min-width: 250px;
}

.app-contact-name {
    background: var(--brand-light-backgroundcolor-indicator);
    color: var(--global-text-light);
    font-weight: normal;
    border-radius: 5px;
    border: none;
}

.app-para {
    letter-spacing: 0.18px;
    line-height: 24px;
}

.current__view .k-widget {
    width: 100% !important;
}
/*Enrollments Ended*/
/*Start : ADMCOM 1300*/
.email-basic-mode__popup {
    width: 1507px !important;
    height: 96% !important;
    overflow: auto;
}

#dvEmailEditor {
    background: var(--brand-component-secondary-background);
}

    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: 448px !important;
    }

    #dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
        height: 548px !important;
    }


/*.quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {*/

/*height: calc(100vh - 482px) !important;*/
/*height: 430px !important;
}
.quick-mail__container #dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
  height: 581px !important;
}*/
/*End : ADMCOM 1300*/
/*Start: ADMCOM 1296 Email */
.content-wrapper .email__section {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.basic-mode__top {
    background: var(--brand-component-secondary-background);
    padding: 10px 20px 10px 20px;
    box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow);
}

.quick-mail__container .basic-mode__top {
    padding-top: 10px;
}

.send-now {
    width: 136px;
    padding: 10px;
}

.basic-mode__left {
    width: 85px;
}

.basic-mode__center {
    width: 837px;
}

.basic-mode__subject {
    width: 829px !important;
}

.basic-mode__to-input {
    width: 100%;
}

.basic-mode-right {
    width: 136px;
}

.attachment__container .close {
    opacity: 1;
}

.attachments button.close {
    line-height: 19px;
    padding: 0 8px;
}

.dropdown__button {
    background: var( --brand-main-backgroundcolor-indicator);
    border-radius: 5px;
    padding: 9px 20px !Important;
    height: 40px;
}

    .dropdown__button:hover {
        background: var(--brand-dark-backgroundcolor-indicator);
        color: var(--global-text-light);
    }

.recipient-group {
    color: var(--global-border-dark);
    height: 40px;
}
/*Advanced mode */
.recipients-email__container, .compose-email__container, .add-recipient__heading {
    background: var( --brand-container-dark-background);
    height: 40px;
    padding: 0px 20px;
}

.recipients-email__container {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.multipleEmails #dvtxtEmailEditor {
    width: 100% !important;
}

#dvtxtEmailEditor {
    width: calc(100% - var(--email-right-container));
}

.app-k-editor .k-editor-toolbar {
    background: var(--brand-component-secondary-background);
    padding: 5px 10px !important;
    border-bottom: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four));
}

    .app-k-editor .k-editor-toolbar .k-tool-group a.k-tool.k-state-hover {
        background-color: var(--brand-default-light-background) !important;
        border-color: var(--global-editor-border) !important;
    }

#dvtxtEmailEditor table {
    border: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four));
}

.app-k-editor .k-editor .k-content {
    background: var(--brand-default-light-background);
}

#dvEmailEditor #dvtxtEmailEditor .k-editable-area iframe, #dvEmailEditor #dvtxtEmailEditor .k-editor-toolbar .k-dropdown-wrap.k-state-default {
    border: none;
}

.app-k-editor iframe.k-content {
    height: 434px;
}

#dvtxtEmailEditor table.expanded {
    height: 500px !important;
}

/*email expand command collapse animation*/

.app-expand__toggle .expand-box, .app-expand__toggle .collapse-box {
    width: 20px;
}

.app-expand__toggle .expand-arrow, .app-expand__toggle .collapse-arrow {
    width: 10px;
}

@keyframes expandslideup {
    0% {
        top: 1px;
        left: 10px;
    }

    100% {
        top: -2px;
        left: 14px;
    }
}

@keyframes collapseslidedown {
    0% {
        top: 2px;
        left: 9px;
    }

    100% {
        top: 5px;
        left: 6px;
    }
}

.app-expand__toggle .expand-arrow {
    top: 1px;
    left: 10px;
}

.app-expand__toggle .collapse-arrow {
    top: 2px;
    left: 9px;
}

.app-expand__toggle .compose-email__expand:hover .expand-arrow {
    animation: expandslideup 0.30s;
    animation-fill-mode: forwards;
}

.app-expand__toggle .compose-email__collapse:hover .collapse-arrow {
    animation: collapseslidedown 0.30s;
    animation-fill-mode: forwards;
}
/*email expand command collapse animation*/

.advanced-mode-compose__top {
    padding: 10px 20px;
    background: var(--brand-component-secondary-background);
}

#dvtxtEmailEditor .basic-mode__center {
    width: 682px;
}

.mapOtherFieldsbtn {
    border: 1px solid var(--global-input-border-color) !important;
    border-radius: 5px;
    font-size: var(--global-text-size-lg) !important;
    font-weight: 500 !important;
    background: var(--brand-default-light-background);
    color: var(--global-text-color);
    height: 35px;
}

    .mapOtherFieldsbtn:hover {
        border: 1px solid var(--global-form-container-border) !important;
    }

.mapOtherFields-dropdown-menu, .mapOtherFieldsbtn {
    width: 100%;
}

.compose-mail__right {
    background: var(--brand-component-secondary-background);
    width: var(--email-right-container);
    padding-top: 1px;
    /*    padding-bottom: 14px;*/
}

.quick-mail__container .compose-mail__right {
    width: var(--quick-mail-right-container);
}

.basic__mode .basic-mode__subject {
    width: 828px;
}

.advanced-email-toggler {
    padding: 12px 20px;
    border-bottom: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four)) !important;
    background: var(--brand-component-secondary-background);
    width: var(--email-right-container);
}

    .advanced-email-toggler .email__toggle-container {
        justify-content: start;
        display: flex;
    }

.content-wrapper .advanced-email-toggler {
    display: none !important;
}

.GridSelection .k-widget {
    width: 100%;
}

.GridSelection .k-alt {
    background: var(--brand-default-light-background);
}

.GridSelection td {
    height: 40px;
    border-bottom: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four)) !important;
    font-size: var(--global-text-size-lg);
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight);
    color: var(--global-border-dark);
}

.GridSelection .k-grid-content {
    border: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four)) !important;
}

.GridSelection .k-state-selected td {
    box-shadow: 0px 5px 10px var(--global-user-menu-boxshadow);
    border: 1px solid #239DE6 !important;
    background: var(--brand-default-light-background);
    position: relative;
}

.GridSelection td:first-child {
    border-top: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four)) !important;
}

.GridSelection .k-state-selected td:hover {
    background: var(--brand-default-light-background);
}

.GridSelection td:before {
    content: url(/Images/Admission/scroll-dots.svg);
    padding-right: 10px;
    top: 0px;
    position: relative;
    padding-left: 12px;
}

.save-as-pdf {
    width: 100%;
}

.input-cc, .input-bcc {
    width: 304px;
}

.save-as-pdf input[type=checkbox], .save-as-pdf input[type=checkbox]:checked:before, .save-as-pdf input[type=checkbox]:before {
    width: 18px;
    height: 18px;
    border: 1px solid var(--brand-tabs-component-background);
}

.app__dropdownmenulist .activeTab {
    background-color: rgba(var( --brand-table-row-background), 0.25) !important;
    color: var(--global-border-dark) !important;
    border-radius: 0px !important;
}

#dvtxtEmailEditor .k-editor .k-customImageUpload {
    background: url(../Images/UploadImageIcon.png) no-repeat;
}

#dvtxtEmailEditor .k-colorpicker.k-editor-widget {
    width: auto !important;
}

#divEmailLayout #dvtxtEmailEditor .k-editor-toolbar .k-editor-widget {
    margin-right: 3px !important;
}

#divEmailLayout #dvtxtEmailEditor .k-editor-toolbar > li {
    margin-right: 3px !important;
}

#dvtxtEmailEditor .k-editor-toolbar .k-combobox-clearable .k-input {
    padding-right: 0em !important;
}

#dvtxtEmailEditor ul.k-editor-toolbar li:nth-child(10) {
    display: inline-flex !important;
}

#divEmailLayout #EmailContent #dvEmailEditor #dvtxtEmailEditor ul.k-editor-toolbar > li.k-tool-group > span.k-widget.k-combobox.k-combobox-clearable.k-editor-widget.k-group-end > span.k-dropdown-wrap.k-state-default {
    width: 86px !important;
}

#dvtxtEmailEditor .k-editor-toolbar .k-tool-group .k-tool-icon.k-icon {
    margin-bottom: 3px;
}

    #dvtxtEmailEditor .k-editor-toolbar .k-tool-group .k-tool-icon.k-icon.k-i-custom-image-upload {
        margin: 2px 0px 0px 0px;
    }

.divEmail .k-input.k-fontSize.k-group-end {
    width: 56px !important;
}

#dvtxtEmailEditor .k-colorpicker .k-tool-icon {
    width: 0px;
}
/*.GridSelection .k-grid-content.k-auto-scrollable{
    height: 401px;
}*/


/*for Quick Mail*/
.content-wrapper .advanced-mode-compose__top > .app-d-flex {
    display: inline-block;
}

.content-wrapper .attachment__container {
    margin-left: 20px;
}

.panel #EmailContent #dvEmailEditor .compose-mail__right .advance-mode__right .GridSelection .k-grid-content.k-auto-scrollable {
    height: 601px !important;
}

.panel #EmailContent #dvEmailEditor .compose-mail__right .advanced-email-toggler {
    display: none;
}


/*Demographics show history popup : ADMCOM -1305*/
.menu_demographics-dropdown {
    margin: 0px !important;
    border: 1px solid var(--global-user-menu-border) !important;
    box-shadow: none !important;
    background: var(--brand-default-light-background) !important;
    border-radius: 5px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

    .menu_demographics-dropdown .demographic__field-property .k-link, .menu_demographics-dropdown .demographic__show-history .k-link {
        padding: 10px 20px !important;
        font-size: var(--global-text-size-lg) !important;
        text-align: left !important;
        font-family: var(--global-font-family-regular) !important;
        font-weight: 500 !important;
        color: var(--global-text-color) !important;
        background-color: var(--brand-default-light-background) !important;
        cursor: default !important;
    }

        .menu_demographics-dropdown .demographic__field-property .k-link:hover, .menu_demographics-dropdown .demographic__show-history .k-link:hover {
            background-color: rgba(var(--brand-table-row-background), 0.2) !important;
        }

    .menu_demographics-dropdown .k-state-hover, .menu_demographics-dropdown .k-state-hover > .k-link {
        background-color: rgba(var(--brand-table-row-background), 0.2) !important;
        background-image: none;
    }

    .menu_demographics-dropdown.k-widget.k-popup {
        border: 1px solid var(--global-user-menu-border) !important;
        background: var(--brand-default-light-background) !important;
    }

.history-export {
    margin-right: 107px;
}

.DBHistory .k-header.k-grid-toolbar.k-grid-top {
    height: 0px;
}

.DBHistory__left {
    width: 200px;
}

.DBHistory__right {
    width: calc(100% - 200px);
}

#DBHistoryGrid .k-button.k-button-icontext.k-grid-add.btnAdd {
    padding: 6px 20px !important;
    position: absolute;
    right: 0px;
    top: -55px;
    font-size: var(--global-text-size-md) !important;
    font-family: var(--global-font-family-regular);
    height: 40px !important;
    width: auto;
    min-width: 85px;
    background: var( --brand-main-backgroundcolor-indicator) !important;
    color: var(--global-text-light) !important;
    font-weight: var(--gloabl-default-font-weight) !important;
    border-radius: 5px !important;
    border: none !important;
}

    #DBHistoryGrid .k-button.k-button-icontext.k-grid-add.btnAdd:hover {
        background: var(--brand-dark-backgroundcolor-indicator) !important;
        color: var(--global-text-light);
        font-weight: var(--gloabl-default-font-weight);
    }

.DBHistory__right .k-icon.k-i-add {
    background-image: url(../Images/Admission/add-white.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center !important;
    margin-right: 5px !important;
}

.DBHistory__right .k-textbox {
    border: 1px solid var(--global-box-border) !important;
    border-radius: 5px !important;
    height: 35px;
    font-size: var(--global-text-size-lg);
    font-family: var(--global-font-family-regular);
    font-weight: 500 !important;
    color: var(--global-text-color) !important;
}

.DBHistory__right span.k-picker-wrap.k-state-default {
    border: 1px solid var(--global-box-border) !important;
    border-radius: 5px !important;
}

.DBHistory__right .k-select {
    border: none !important;
}

.DBHistory__right input#CreatedDate {
    margin: 3px;
    top: -1px;
    position: relative;
}

.DBHistory__right .k-icon.k-i-calendar {
    background-image: url(../Images/Admission/calendar-black.svg) !important;
    background-position: right 12px top 1px !Important;
    background-repeat: no-repeat;
    height: 25px;
    width: 40px;
    background-size: 18px;
}

.notes__input-container .k-icon.k-i-calendar {
    background-image: url(../Images/Admission/calendar-black.svg) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 22px;
    background-size: 18px;
}
/*.DBHistory__right .k-datetimepicker .k-select .k-link-time {
    margin-right: -0.285em;
    margin-left: 0;
}*/
.DBHistory__right .k-datetimepicker .k-picker-wrap .k-icon {
    margin: 2px -6px;
}

.DBHistory__right .k-i-clock:before {
    content: "" !important;
    background-image: url(/Images/Admission/calendar-date.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    margin: 5px 0px 0px 0px !important;
    width: 25px;
    height: 25px;
}

.notes__input-container .k-i-clock:before {
    content: "" !important;
    background-image: url(/Images/Admission/clock-small.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    margin: 5px 0px 0px 0px !important;
    width: 22px;
    height: 20px;
}

.DBHistory__right .k-icon.k-i-clock, .notes__input-container .k-icon.k-i-clock {
    width: 30px;
    height: 30px;
}
/*Layout Header Ended*/
/*SuperDB Starts*/
.create-table {
    height: 75px;
}

.superdb__info {
    color: var(--global-color-secondary);
}

.define-table__fields {
    background: var(--brand-component-secondary-background);
    border-bottom: 1px solid var(--brand-component-secondary-background);
    padding: 10px 0;
}

.field-label {
    width: 21%;
    padding-top: 8px;
    padding-right: 6px !Important;
    text-align: left;
}

.add-new__fields.k-widget .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
    content: "";
    position: absolute;
    background-image: url(../Images/Admission/dropdown-arrow-black.svg);
    background-position: right 5px top 16px !Important;
    background-repeat: no-repeat;
    height: 35px;
    width: 15px;
}

/*SuperDB Ends*/
/**********************************3 dots file browse*************************/
.app-file-browse .k-upload {
    border: 1px solid var(--global-dropdown-border) !important;
    border-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.app-file-browse .k-dropzone {
    padding: 0 0 0 12px;
    display: table;
    width: 100%;
}

    .app-file-browse .k-dropzone .k-upload-button {
        margin-right: 0px;
        float: right;
        padding: 4px 0;
        min-width: inherit;
        border-radius: 0px !important;
        border-top-right-radius: 3px !important;
        border-bottom-right-radius: 3px !important;
        border: 1px solid var(--brand-main-backgroundcolor-indicator) !important;
    }

        .app-file-browse .k-dropzone .k-upload-button span {
            background: url(../Images/Admission/select-file-white.svg) no-repeat center !important;
            height: 23px;
            width: 16px;
            font-size: 0px;
        }

.app-file-browse .k-upload-status.k-upload-status-total {
    display: none !important;
}

.app-file-browse .k-file-extension-wrapper {
    width: 20px !important;
    height: 26px !important;
    border-width: 1px !important;
    font-size: 0.5em !important;
    color: var(--global-text-color) !important;
    border-color: var(--global-border-dark) !important;
}

    .app-file-browse .k-file-extension-wrapper:before {
        border-color: transparent transparent var(--global-border-dark) var(--global-border-dark) !important;
        top: 0px !important;
        right: 0px !important;
        border-width: 3px !important;
    }

.app-file-browse .k-file-extension {
    margin-left: 2px !important;
    margin-bottom: 4px !important;
}

.app-file-browse .k-file-name-size-wrapper {
    margin-left: 8px !important;
    margin-top: 4px !important;
}

    .app-file-browse .k-file-name-size-wrapper .k-file-name {
        float: left;
        color: var(--global-text-color) !important;
        max-width: 87%;
    }

    .app-file-browse .k-file-name-size-wrapper .k-file-size {
        color: var(--global-color-secondary) !important;
        margin-left: 8px !important;
        margin-top: 4px !important;
        float: left;
        opacity: 0.7;
    }

.app-file-browse .k-upload-files {
    position: absolute !important;
    top: 5px !important;
    width: calc(100% - 50px) !important;
    left: 8px !important;
    border: 0 !important;
    line-height: inherit !important;
}

    .app-file-browse .k-upload-files .k-upload-status {
        top: 0 !important;
    }

.app-file-browse .k-file .k-upload-status .k-button.k-upload-action {
    background-image: url(../Images/Admission/cancel-black-small.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding-right: 0 !important;
}

.app-file-browse .k-upload-files .k-progress {
    bottom: -5px;
    left: -6px;
    width: calc(100% + 6px) !important;
}

.app-file-browse .k-upload-files .k-file {
    border: 0 !important;
    background: transparent !important;
    padding: 0 0 0 3px !important;
}

.app-file-browse .file-placeholder {
    background: #fff;
    position: absolute;
    top: 1px;
    left: 12px;
    z-index: 1;
    width: calc(100% - 65px);
    height: 32px;
    padding-top: 9px;
}

.app-file-browse .k-file-name-size-wrapper {
    width: calc(100% - 24px - 3em) !important;
    max-width: calc(100% - 24px - 3em) !important;
}
/**********************************End 3 dots file browse*************************/

/************************************** Desicisions ******************************/
.decisions li {
    width: 140px;
    height: 175px;
    border: 1px solid var(--global-decisions-bdr);
    border-radius: 10px;
    text-align: center;
    padding: 112px 0 0;
    cursor: pointer;
    background-position: center 37px;
    background-repeat: no-repeat;
}

.app-flex-gap-10 {
    gap: 10px;
}

.decisions li:hover, .decisions li.active {
    background-position: center 42px;
    padding: 106px 0 0;
    background-color: var(--brand-decision-bg);
    border-color: var(--global-decisions-bdr);
    box-shadow: 0px 3px 6px #00000029;
}

.decisions li.accepted {
    background-image: url(../Images/Admission/accepted.svg);
}

/**********************************End 3 dots file browse*************************/
/*SuperDB Ends*/

/*Delete Table Starts*/
#SuperDBDeleteGrid.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:not(:last-child):before {
    height: 0px;
}

.delete-btn {
    height: 15px;
    margin-right: 5px;
    margin-bottom: 2px;
}
/*Delete Table Ends*/
.decisions li.wait-list {
    background-image: url(../Images/Admission/wait-listed.svg);
}

.decisions li.withdrawn {
    background-image: url(../Images/Admission/withdrawn.svg);
}

.decisions li.reject {
    background-image: url(../Images/Admission/rejected.svg);
}

.decisions li.other {
    background-image: url(../Images/Admission/other.svg);
}

#OtherDecisionGrid .k-auto-scrollable {
    height: 240px !important;
}
/************************************** End of Desicisions ******************************/
/*1331 -  Grid Fix*/
.app-kgrid__container table {
    max-width: fit-content !important;
    min-width: 100%;
}

.app-kgrid__container td span, .app-kgrid__container .k-grid-content-locked td span, .app-kgrid__container .k-grid-content table td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.app-kgrid__container .k-grid-content {
    overflow-y: auto !important;
}

    .app-kgrid__container .k-grid-content td,
    .app-kgrid__container td {
        border-left: none !important;
    }

.app-kgrid__container .k-widget.k-dropdown.k-header {
    background-color: transparent !important;
}

.app-kgrid__container .k-grid tbody .k-button {
    background: transparent !important;
    border: none !important;
}

.app-table .k-header {
    background-image: none;
}

.app-kgrid__container .k-button {
    padding: 0 !important;
    padding-right: 20px !important;
    text-align: left !important;
}

.app-kgrid__container .k-grid-content.k-auto-scrollable {
    overflow-y: overlay !important;
}
/*Grid Fix*/
/************************************** view Contact ******************************/
#divAddContactView #divSnapShotFields.basic__contactdetails {
    height: 78vh;
    overflow: auto;
}

.view-card-header {
    background: var(--brand-main-backgroundcolor-indicator);
    height: var( --card-header-height);
}

.view-card-body {
    border: 1px solid var(--global-input-border-color);
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.viewContactName {
    color: var(--global-text-color);
}

    .viewContactName:hover {
        font-family: var(--global-font-family-bold);
        text-decoration: underline;
    }

.viewContactName {
    display: block;
}

    .viewContactName img {
        margin-top: 3px;
    }

#divSnapShotFields .contactName {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid var(--brand-main-backgroundcolor-indicator);
    border-top: 3px solid var(--brand-light-backgroundcolor-indicator);
}

    #divSnapShotFields .contactName .cThumb {
        width: 60px;
        height: 60px;
        box-shadow: inset 0px 3px 6px #00000029;
        font-size: 30px;
        background: var(--brand-light-backgroundcolor-indicator);
        border-radius: 50%;
    }

    #divSnapShotFields .contactName .cDetails h1 {
        font-size: 22px;
    }

#divSnapShotFields p img, .altViewContact p img {
    top: -3px;
    margin-right: 5px;
}

.app-flex-1 {
    flex: 1;
}

.gFields {
    height: calc(100% - 104px) !important;
}

.addcontact__screen .settings__dropdown {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.wid-15 {
    width: 15px;
}
/************************************** End of view Contact ******************************/
/************************************** Modal Table ******************************/
.modal-table {
    border: 1px solid rgba(var( --brand-table-row-background), 0.4) !important;
}

    .modal-table thead th {
        background-color: var(--brand-modal-grid) !important;
        color: var(--global-text-color);
        padding: 9px 10px;
        font-weight: normal;
        position: relative;
        border-bottom: 1px solid rgba(var( --brand-table-row-background), 0.4) !important;
        white-space: nowrap;
    }

        .modal-table thead th:first-child {
            padding-left: 16px;
        }

        .modal-table thead th:before {
            position: absolute;
            left: 0;
            top: 25%;
            height: 50%;
            content: "";
            width: 1px;
            background: #666666;
        }

        .modal-table thead th:first-child:before {
            display: none;
        }

    .modal-table tbody td {
        padding: 9px 10px;
        color: var(--global-color-secondary);
        border-bottom: 1px solid rgba(var( --brand-table-row-background), 0.4) !important;
    }

    .modal-table .iconCol {
        padding-left: 50px;
    }
/************************************** End - Modal Table ******************************/
/************************************** Fixed Tiles ******************************/
.fixed-tiles-wrap {
    padding-right: 48px;
}

.fixed-tiles {
    background: var(--brand-component-primary-background);
    border-radius: 10px;
    border: 1px solid var(--global-grid-border);
}

    .fixed-tiles .app-card-header {
        background: var(--brand-main-backgroundcolor-indicator);
        border-bottom: 1px solid var(--global-grid-border);
        letter-spacing: 0.9px;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
    }

    .fixed-tiles .card {
        background: var(--brand-default-light-background);
        border: 1px solid var(--global-grid-border);
        border-radius: 5px;
    }

    .fixed-tiles .time-bdr:before {
        position: absolute;
        height: 100%;
        width: 5px;
        border-radius: 10px;
        background: var(--brand-status-red);
        content: "";
        top: 0;
        left: 10px;
    }

a.text-underlined {
    text-decoration: underline;
}

.fixed-tiles .app-primary-btn__img {
    height: 11px;
}

.fixed-tiles .task-status li {
    border-radius: 30px;
    list-style: none;
    padding: 8px 20px;
}

    .fixed-tiles .task-status li.open-status {
        background: var(--brand-tile-red);
    }

    .fixed-tiles .task-status li.done-status {
        background: var(--brand-tile-green);
    }

.fixed-tiles .open-status-card:before, .fixed-tiles .done-status-card:before {
    position: absolute;
    width: 5px;
    height: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    left: 0;
    top: 0;
    content: "";
    background: var(--brand-status-red);
}

.fixed-tiles .done-status-card:before {
    background: var(--brand-status-green);
}

.fixed-tiles .open-status-card .status-icon:before, .fixed-tiles .done-status-card .status-icon:before {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: 0;
    top: 3px;
    content: "";
    background: var(--brand-status-red);
}

.fixed-tiles .done-status-card .status-icon:before {
    background: var(--brand-status-green);
}

.appointment-home-content, .tasks-home-content, .bookmarked-home-content {
    max-height: calc(100vh - 464px);
}

    .bookmarked-home-content .k-grid-content {
        height: auto !important;
        min-height: 240px;
        max-height: 580px;
    }

.bookmarked-prospects li {
    padding: 8px 20px;
}

    .bookmarked-prospects li:nth-child(odd) {
        background-color: rgba(var( --brand-table-row-background), 0.1);
    }

    .bookmarked-prospects li:nth-child(even) {
        background-color: rgba(var( --brand-table-row-background), 0.03);
    }

.bookmarked-prospects .prospects-profile-img img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.tasks-action {
    top: 18px;
    right: 18px;
}

.status-desc {
    width: 100%;
    display: block;
    cursor: pointer
}
/************************************** End - Fixed Tiles ******************************/
/************************************** End - Modal Table ******************************/
/*conatct view popup */
/*.divContactViewPopup {
    display: block;
    position: absolute;
    right: 9%;
    z-index: 999999999;
    top: auto;
}*/
.app-kgrid__container #ShowAllContactsGrid.k-grid .k-grid-content table td.k-command-cell[role="gridcell"] {
    overflow: visible;
    position: relative;
}

.popup-icon {
    border-radius: 50%;
}

.popup-icon-color {
    background: red;
    color: var(--global-text-light);
    padding: 0.3em 0.7em;
}

.portfolio-popup__triangle, .communication-popup__triangle {
    width: 0;
    height: 0;
    float: left;
    margin-top: 19px;
    rotate: 270deg;
    margin-left: 19px;
    position: absolute;
    z-index: 9999;
}

.divProspectNotesViewPopup .portfolio-popup__triangle {
    margin-top: 7px !important;
}

.portfolio-popup__triangle:before, .communication-popup__triangle:before {
    top: 4px;
    border-color: transparent transparent transparent var(--global-user-menu-border);
    border-width: 12px;
}

.portfolio-popup__triangle:after, .communication-popup__triangle:after {
    top: 6px;
    border-color: transparent transparent transparent var(--global-border-light);
    border-width: 10px
}

.portfolio-popup__triangle:before, .communication-popup__triangle:before, .portfolio-popup__triangle:after, .communication-popup__triangle:after {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
}

.contact-popup__triangle {
    width: 0;
    height: 0;
    float: left;
    margin-top: 19px;
    rotate: 270deg;
    margin-left: 46px;
    position: absolute;
    z-index: 999999;
}

    .contact-popup__triangle:before, .latest-appointment-popup__triangle:before {
        top: 4px;
        border-color: transparent transparent transparent var(--global-user-menu-border);
        border-width: 12px;
    }

    .contact-popup__triangle:after, .latest-appointment-popup__triangle:after {
        top: 6px;
        border-color: transparent transparent transparent var(--global-border-light);
        border-width: 10px
    }

    .contact-popup__triangle:before, .contact-popup__triangle:after,
    .latest-appointment-popup__triangle:before, .latest-appointment-popup__triangle:after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        width: 0;
        height: 0;
        border-style: solid;
    }

.contacts-name {
    display: block;
    text-align: start !important;
}
/*conatct view popup */

/*Home page*/

.manage-home {
    position: fixed;
    top: 80px;
    right: -164px;
    transition: all ease 0.3s;
    z-index: 9999;
}

    .manage-home:hover {
        right: 0;
        cursor: pointer;
        transition: all ease 0.3s;
    }

    .manage-home ul {
        display: block;
        text-align: left;
        color: white;
        transition: all 0.3s ease;
        font-size: 20px;
        list-style: none;
        background: #003153;
        border-radius: 8px 0 0 8px;
    }

    .manage-home ul {
        width: 202px;
    }

        .manage-home ul:hover {
            background-color: #003153;
        }

        .manage-home ul > li a {
            height: 52px;
            font-size: var(--global-text-size-lg);
        }

.manage {
    border-radius: 8px 0 0 0;
    border-bottom: 1.5px solid var(--global-border-light);
}

.refresh {
    border-radius: 0 0 0 8px;
}
/*
.manage-home ul:hover {
    background-color: #003153;
    transform: translateX(0px);
    cursor: pointer;
}
*/
.manage-home ul li .rotate-360 {
    transform: rotate(0deg);
}

.manage-home ul li:hover .rotate-360 {
    transform: rotate(360deg);
    transition: all 1s;
}

.manage, .refresh {
    background: #003153;
    color: var(--global-text-light);
}

.manage-page__popup-container {
    background: rgba(var(--brand-popup-background), 0.4);
    cursor: pointer;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10000;
    top: 0;
}

.manage-page__popup {
    width: 910px;
    height: 100%;
    background: var(--brand-default-light-background);
    position: absolute;
    right: 80px;
    padding: 20px;
}

.manage-page__inner-content {
    height: 100%;
    width: 870px;
    background: var(--brand-component-secondary-background);
    border-radius: 5px;
    padding: 20px;
}

.appointment__container, .task__container {
    border-right: 1px solid var( --global-box-border);
    padding-right: 30px;
    margin-right: 30px;
}

.add-new-tile__popup-container {
    background: rgba(var(--brand-popup-background), 0.4);
    cursor: pointer;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10000;
    top: 0;
}

.add-new-tile__popup {
    width: 910px;
    height: 100%;
    background: var(--brand-default-light-background);
    position: absolute;
    right: 80px;
    padding: 20px;
}

.add-new-tile__inner-content {
    height: 100%;
    width: 870px;
    background: var(--brand-component-secondary-background);
    border-radius: 5px;
    padding: 20px;
}

    .add-new-tile__inner-content .app__dropdown .k-widget, .add-new-tile__inner-content .app__dropdown .k-widget .k-dropdown-wrap, .title-input {
        width: 380px !important;
    }

.add-new-tile__hr {
    margin-top: 11px;
    border-top: 1px solid var(--global-border-dark);
}

.basic-mode {
    position: absolute;
    right: 0%;
    top: 10%;
    border-bottom: none !important;
    justify-content: end;
}

.app-radio.app-radio-size-18 input:checked + label::after {
    width: 8px;
    height: 8px;
    left: 4px;
    top: 7px;
    margin-left: -19px;
}

.app-radio.app-radio-size-18 label::before {
    width: 18px;
    height: 18px;
    top: 2px;
}

.k-colorpicker {
    width: fit-content !important;
}

.equal-to__img {
    position: relative;
    left: -9px;
}

.upper-section .k-colorpicker {
    border-radius: 5px !important;
}

.upper-section .k-picker-wrap {
    border-radius: 5px !important;
    border: 1px solid var(--global-box-border) !important;
}

/*Home page*/
/*conatct view popup */
/************************************** End - Modal Table ******************************/
/************************************** Add new contact screen *******************************/
.addcontact__container {
    background: var(--brand-component-primary-background);
}

    .addcontact__container .tab-content {
        background: var(--brand-component-secondary-background);
        border: 1px solid var(--global-light-color-indicator);
        border-radius: var(--global-border-radius);
        min-height: 480px;
    }

    .addcontact__container ul.contact__tabscontainer {
        border-bottom: none;
    }

        .addcontact__container ul.contact__tabscontainer li {
            margin-bottom: 3px !important;
        }

    .addcontact__container .contact__tabscontainer li a,
    .addcontact__container .contact__tabscontainer li a:hover,
    .addcontact__container .contact__tabscontainer li a:focus {
        width: 260px;
        height: 125px;
        border: 1px solid var(--global-light-color-indicator);
        background: var(--brand-light-blue);
        color: var(--global-text-color);
        border-radius: var(--global-border-radius);
        display: block;
        height: 128px;
        margin-right: 0px !important;
    }

    .addcontact__container .contact__tabscontainer li.active a,
    .addcontact__container .contact__tabscontainer li.active a:hover,
    .addcontact__container .contact__tabscontainer li.active a:focus {
        background: var(--global-light-color-indicator);
        box-shadow: 0px 6px 15px #00000059;
        border: 1px solid var(--global-text-light);
        color: var( --global-text-light);
        border-radius: var(--global-border-radius);
        display: block;
        height: 140px;
        margin-top: -15px;
    }

    .addcontact__container .contact__tabscontainer li.active .triangle__active {
        width: 0;
        height: 0;
        margin: 0 auto;
        position: relative;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid var(--global-text-light);
        z-index: 9;
        transform: rotate(180deg);
    }

        .addcontact__container .contact__tabscontainer li.active .triangle__active:before {
            content: "";
            width: 0px;
            height: 0px;
            position: absolute;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 15px solid var(--global-light-color-indicator);
            bottom: -17px;
            left: -15px;
        }

    .addcontact__container .contact__tabscontainer li.active .triangle__content {
        width: 0;
        height: 0;
        margin: -10px auto;
        position: relative;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 18px solid var(--global-light-color-indicator);
        z-index: 9;
        transform: rotate(180deg);
        top: 12px;
    }

        .addcontact__container .contact__tabscontainer li.active .triangle__content:before {
            content: "";
            width: 0px;
            height: 0px;
            position: absolute;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 18px solid rgb(233 233 233);
            bottom: -20px;
            left: -15px;
        }

.contacts__count {
    background: var( --global-light-color-indicator);
    border-radius: var(--global-border-radius);
    height: 25px;
    width: auto;
    display: inline-block;
    min-width: 38px;
    text-align: center;
    padding: 2px 10px;
}

.contact__tabscontainer li.active .contacts__count {
    font-weight: var(--gloabl-bold-font-weight);
}

li.active .contacts__count {
    background: var(--brand-default-light-background);
    color: var(--global-light-color-indicator) !important;
}

.contact__tabscontainer .contact__tabbox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 20px;
}

.contact__tabscontainer li.active .contact__tabbox .tabs__content {
    font-weight: var(--gloabl-default-font-weight);
}

.addcontact__container .tab-content .tab-pane .contact__tabdata {
    background: var(--brand-default-light-background);
    border-radius: var(--global-border-radius);
    padding: 20px 70px 20px 20px;
    border: 1px solid var(--global-input-border-color);
    line-height: 24px;
    letter-spacing: 0.16px;
}

.help__tooltipbox .contact__tabdata {
    position: absolute;
    top: -10px;
    right: 50px;
    width: 1020px;
    z-index: 9999;
    display: none;
    border: 1px solid var(--global-input-border-color);
}

.contact__tabdata.tooltip__box {
    padding-right: 30px !important;
}

.triangle__helptool {
    width: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid var(--global-input-border-color);
    z-index: 9;
    transform: rotate(90deg);
    right: -18px;
    top: 18px;
}

    .triangle__helptool:before {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 15px solid var(--global-text-light);
        bottom: -17px;
        left: -10px;
    }

.addcontact__container .contactheader__tagline {
    line-height: 40px;
}

.addcontact__container .app-w-75 {
    width: 75%;
}

.addcontact__container .contactheader__tagline .contact__name {
    width: 70%;
}

.allcontacts__container {
    border: 1px solid var(--global-input-border-color);
    padding: 15px 20px;
    border-radius: var(--global-border-radius);
}

.prospect-outerdiv {
    overflow: hidden;
}

.addcontact__helpbox {
    width: 1058px;
    height: 440px;
    border: 1px solid var(--global-box-border);
    border-radius: var(--global-border-radius);
    padding: 20px;
}

.helpbox__sym {
    width: 65px;
    height: 65px;
    border: 1px solid var(--global-box-border);
    border-radius: 50%;
    background-color: var(--brand-component-secondary-background);
    margin-right: -80px;
    margin-top: -35px;
}

.help-icon__container {
    right: 0px;
    top: -5px;
    height: 48px;
    width: 48px;
    position: absolute;
}

.help__tooltipbox .tab__helpicon {
    width: 32px;
    height: 32px;
}

.allcontacts__container .contact__searchdetail {
    width: 120px;
    line-height: 24px !important;
}

.contact__searchdisplay {
    width: 220px;
    line-height: 24px !important;
}

.search__selection {
    width: 80px;
    line-height: 24px !important;
}

.contact__tabdata.tooltip__box .closebtn {
    position: absolute;
    top: 5px;
    right: 15px;
}

.houshold__contacts {
    width: 65%;
}
/************************************** Add new contact screen end*******************************/
/************************************** Lottery Screen Popup Starts*******************************/
#divAdvancedsort, #winLotterySpec, #dvContacts {
    background: var(--brand-component-primary-background);
}

    #divWarningWindow .new .msg-container, #winLotterySpec .msg-container {
        background-color: var(--brand-component-secondary-background);
        border: 1px solid var(--brand-fade-highlight-background);
        margin-bottom: 15px;
        padding: 15px;
        text-align: center;
        margin-top: 10px;
        height: 180px;
    }

#gridGradeLevels tr th:first-child {
    padding-left: 30px !important;
}

.generate-lottery {
    position: absolute;
    bottom: 10px;
}

#gridGradeLevels tr th:last-child {
    padding-left: 20px;
}

#gridGradeLevels tr th:first-child:before {
    background: none !important;
}

#gridGradeLevels .k-grid-content {
    max-height: 280px;
    height: auto !important;
}

#AdvancedSrchContainer .k-dropdown-wrap.k-state-default {
    border-color: var(--global-border-light) !important;
    border-radius: 5px !important;
}

.btn-temporary .k-icon::before {
    content: "";
    position: absolute;
    background-image: url(../Images/Admission/dropdown-arrow-black.svg);
    background-position: right 05px top 16px !Important;
    background-repeat: no-repeat;
    height: 35px;
    width: 15px;
}

.sort-order .k-widget .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before,
.app-all__dropdown .k-widget .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
    content: "";
    position: absolute;
    background-image: url(../Images/Admission/dropdown-arrow-black.svg) !important;
    background-position: right 5px top 16px !Important;
    background-repeat: no-repeat;
    height: 35px;
    width: 15px;
}

.sort-order .k-dropdown-wrap.k-state-active .k-icon.k-i-arrow-60-down:before,
.app-all__dropdown .k-dropdown-wrap.k-state-active .k-icon.k-i-arrow-60-down:before {
    background-image: url(../Images/Admission/caret-black-up.svg) !important;
    background-repeat: no-repeat;
}
/************************************** Lottery Screen Popup Ends*******************************/

/*common existing application broken button fix ,temparary code */
input.btn.btn-default.typ-btns {
    background: #006480 !important;
    color: #fff !important;
    opacity: 1 !important;
    border-left: none !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none !important;
    padding-left: 5px !important;
    height: 40px !important;
}

.input-group .input-group-addon.rt-margin-trim {
    background: #006480 !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: none !important;
    height: 40px !important;
    padding-right: 0 !important;
}
/*common existing application broken button fix ,temparary code */

/************************Home Screen Popup Starts*******************************/
.bookmarked-box {
    border: 1px solid var(--global-seperator-color);
    height: 140px;
    padding: 20px;
}

.bookmark-outer {
    overflow: hidden;
    margin-top: 30px;
}

.bookmark-right {
    width: 59px;
    height: 57px;
    border: 1px solid var(--global-seperator-color);
    border-radius: 48%;
    background-color: var(--brand-default-light-background);
    margin-right: -29px;
    margin-top: -30px;
}

.bookmark-table {
    height: 65px;
    padding: 13px;
    border: 1px solid var(--global-seperator-color);
    background: var(--brand-component-secondary-background) !important;
}

.search-btn {
    bottom: 2px;
}

.contains-btn {
    width: 85px !important;
    right: 75px;
}

.contains-search {
    width: 119px
}

.search-by-dropdown {
    float: right;
    margin-top: 6px;
}

.dropdown-menu.search-dropdown {
    width: 97%;
    margin-left: 15px;
}

/************************Home Screen Popup Ends*******************************/
.k-tabstrip > .k-content#tabstripadmission-4, #tabstripadmission-4 {
    overflow: initial !important;
}
/*.newpanel.admissions-panel {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    margin: 0;
}*/

/*.newpanel.admissions-panel .k-content {
    padding: 0;
}*/

.application-lists {
    margin: 0;
}

    .application-lists > li.checked {
        background: #fffaec;
    }

    .application-lists > li:last-child {
        border: none;
    }

.checkbox {
    min-height: 16px !important;
}

input[type=checkbox] {
    cursor: pointer;
}

#ProvisionalRequirementsGrid .k-grid-content input[type=checkbox] {
    margin: 0 !important;
}
/************************Home Screen Popup Ends*******************************/
/************************Home Screen Tiles*******************************/
.home__right {
    width: calc(100% - 300px);
}

.home__tilesbox .sortable {
    list-style-type: none;
}

    .home__tilesbox .sortable li {
        margin: 10px;
        padding: 20px;
        float: left;
        width: 225px;
        height: 140px;
        border-radius: 10px;
        color: var(--global-text-light);
        position: relative;
    }

        .home__tilesbox .sortable li.ui-state-default {
            cursor: pointer;
        }

            .home__tilesbox .sortable li.ui-state-default:hover {
                transform-origin: center;
                transform: scale(1.0745);
                transition: transform .3s ease-in-out;
                /*filter: brightness(0.6);*/
            }

                .home__tilesbox .sortable li.ui-state-default:hover .action-btns {
                    transform: translate(0);
                    opacity: 1;
                }

        .home__tilesbox .sortable li .action-btns {
            position: absolute;
            top: 15px;
            right: 15px;
            opacity: 0;
            transform: translateY(0.5rem);
            transition: all .3s ease-in-out;
            color: var(--global-text-light);
        }

.sortable li .action-btns img.tile__close {
    width: 20px;
}

.sortable li .action-btns .tile__edit {
    width: 18px;
}

.box-fixed {
    background: var(--brand-default-light-background);
    box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow) !important;
    border-radius: var(--global-border-radius) !important;
    width: 470px !important;
    color: var(--global-text-color) !important;
}

    .box-fixed p.fixed__title {
        margin: 12px;
    }

.tiles__title {
    font-size: 36px;
}
/************************Home Screen Tiles*******************************/
}
/************************Home Screen Popup Ends*******************************/
.prospects__tabs-header {
    background: var(--brand-default-light-background);
}

.navbar-toggle .icon-bar {
    background: var(--brand-default-dark-background);
}

.active-tab-value {
    color: var(--global-border-dark);
    line-height: 50px;
    display: none;
}

.header__leftsec li {
    margin-bottom: 10px;
    height: 36px;
}

.active-tab-value {
    display: none;
}
/*Freshdesk Popover*/
#page-help-popin {
    left: auto !important;
    top: 64px !important;
    padding: unset !important;
    z-index: 99999 !important;
    right: 151px !important;
    position: fixed;
}

    #page-help-popin .panel-title > a, #page-help-popin .panel-title > a:active {
        color: #555;
    }

    #page-help-popin .panel-heading a:before {
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        float: right;
        transition: all 0.5s;
    }

    #page-help-popin .panel-heading.active a:before, #page-help-popin .panel-heading a.active:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    #page-help-popin #accordion img {
        max-width: 100% !important;
    }

    #page-help-popin .panel-title > a, #page-help-popin .panel-collapse {
        border-left: unset !important;
    }

    #page-help-popin .panel-group .panel {
        border: unset !important;
        border-bottom: 1px solid;
    }

    #page-help-popin .panel-title > a {
        border-left: unset !important;
        font-size: 13px !important;
        padding: 15px 0 !important;
    }

    #page-help-popin .panel-title {
        margin-top: -15px !important;
    }

    #page-help-popin .arrow {
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Safari 3-8 */
        transform: rotate(90deg);
        top: -7px;
        left: 567px;
    }

    #page-help-popin .popover-content::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        margin-right: 10px;
    }

    #page-help-popin .popover-content::-webkit-scrollbar-button {
        background: #ccc;
        margin: 0;
        padding: 0;
        height: 1px;
    }

    #page-help-popin .popover-content::-webkit-scrollbar-track-piece {
        background: #ccc
    }

    #page-help-popin .popover-content::-webkit-scrollbar-thumb {
        background: #888
    }

    #page-help-popin .popover-title {
        position: static;
        width: 100%;
        max-width: 604px;
    }

    #page-help-popin .popover-content {
        overflow: auto !important;
        max-height: 700px;
    }

    #page-help-popin.prospectCard .popover-content {
        max-height: 500px;
    }

    #page-help-popin .popover-title .close-popover.pull-right .fa.fa-close.fa-helpclose-icon {
        color: #ffffff !important;
    }

    #page-help-popin .glyphicon.glyphicon-question-sign {
        top: 4px;
        left: 5px;
    }

}

.grid-height {
    height: 438px !important;
    overflow-y: hidden;
}

.fa-plus:before {
    content: "" !important;
    background-image: url(../Images/Admission/add-white.svg);
    position: absolute !important;
    background-repeat: no-repeat;
    background-size: 16px;
    width: 20px !important;
    height: 20px !important;
    margin: -9px 0px 0px -13px;
}

.responsive-prospect-toogle {
    display: none !important;
}

.muti-header-responsive .gridheader__bottom .app__dropdown .k-widget, .muti-header-responsive .gridheader__bottom .app__dropdown .k-widget .k-dropdown-wrap {
    width: 180px !important;
}


#GrdContactAddressLayout .k-header {
    padding-left: 30px !important;
}

#moreoption__list .sidemenu__content {
    line-height: 28px !important;
}

.add-edit-modal .app__datepicker .k-picker-wrap.k-state-default {
    height: 40px !important;
}

.add-edit-modal .app__datepicker .k-i-calendar {
    margin-top: 7px;
}
/*alert and warning popups*/
.alert-msg .msg-container {
    background-color: var(--brand-component-secondary-background);
    border: 1px solid var(--brand-fade-highlight-background);
    margin-bottom: 15px;
    padding: 15px;
    text-align: center;
    margin-top: 10px;
    min-height: 100px;
    height: fit-content;
}

.multi-contact-header .grid__searchbox .close__icon, .muti-header-responsive .grid__searchbox .close__icon {
    top: 9px;
}

#PortfolioCategory .k-grid-header-wrap > table {
    margin-bottom: -2px;
}

}
/*kendo dropdown common  code*/
.one-prospect__dropdown .k-widget.k-dropdown {
    width: 230px !important;
}

.k-popup.k-calendar-container, .k-popup.k-list-container {
    border-radius: 5px !important;
}

.k-list-container .k-list li.k-item, .k-list-container .k-list-optionlabel {
    color: var(--global-text-color) !important;
}
/*kendo dropdown common code*/
/*kendo pagination common code*/
.k-pager-wrap .k-pager-numbers .k-state-selected {
    background: var( --brand-main-backgroundcolor-indicator) !important;
    color: var(--global-text-light) !important;
    /*height: 36px !important;*/
    margin-right: 0px !important;
}

.k-webkit .k-pager-numbers .k-current-page .k-link {
    background-color: transparent !important;
}

.k-widget.k-grid .k-pager-wrap > .k-link {
    padding: 2px 8px !important;
}

.k-webkit .k-pager-numbers .k-link {
    text-align: center;
}

.k-webkit .k-pager-numbers.k-state-expanded li:not(.k-current-page) {
    display: none !Important;
}

.k-pager-wrap > .k-link .k-icon {
    margin-bottom: 6px !important;
}

.k-webkit .k-pager-numbers.k-state-expanded {
    box-shadow: none !important;
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
}

    .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
        margin: -2em 0px 0 !important;
    }
/*kendo pagination common code*/

.enrollment-wrap .enrollment-wrap {
    padding: 0 !important;
}
/* Quick email */
/*.quick-mail__container .basic-mode__center {
    width: 75% !important;
}*/
.quick-mail__container .cc-bcc-wrap {
    display: block;
    width: 100%;
}

    .quick-mail__container .cc-bcc-wrap > div {
        float: left;
    }

.quick-mail__container .basic-mode-right {
    padding-left: 2px;
}

.quick-mail__container .cc-bcc-wrap > div:first-child {
    width: 40%;
    padding-right: 10px;
}

.quick-mail__container .cc-bcc-wrap > div:nth-child(2) {
    width: 40%;
    padding-right: 2px;
}

.quick-mail__container .cc-bcc-wrap > div:last-child {
    width: 20%;
    padding-top: 8px;
}

.quick-mail__container .cc-bcc-wrap .input-cc, .quick-mail__container .cc-bcc-wrap .input-bcc {
    width: 100%;
}


/*Add Recipient Popup*/

/*Stepper*/
#select-recipients__btn, #add-recipient__btn-container {
    display: none;
}

.back__button {
    visibility: hidden;
}

#add-recipient-to__step-container {
    margin-top: 24px;
}

.text__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

ul.add-recipient-to__stepper {
    margin-left: 90px;
}

    ul.add-recipient-to__stepper .add-recipient-to__stepper-circle {
        position: relative;
    }

        ul.add-recipient-to__stepper .add-recipient-to__stepper-circle span {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
        }

.add-recipient-to__stepper-horizontal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

ul.add-recipient-to__stepper > li:not(:last-of-type) {
    margin-bottom: 0.625rem;
    -webkit-transition: margin-bottom 0.4s;
    -o-transition: margin-bottom 0.4s;
    transition: margin-bottom 0.4s;
}

.add-recipient-to__stepper-horizontal > li:not(:last-of-type) {
    margin-bottom: 0 !important;
}

.add-recipient-to__stepper-horizontal li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .add-recipient-to__stepper-horizontal li:not(:last-child):after {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 3px;
        content: "";
        top: 32%;
        border-radius: 3px;
        width: 200px;
    }

    .add-recipient-to__stepper-horizontal li:after {
        background-color: #36A67A;
    }

    .add-recipient-to__stepper-horizontal li.add-recipient-to__stepper-completed:after {
        background-color: #36A67A;
    }

    .add-recipient-to__stepper-horizontal li:last-child {
        flex: unset;
    }

ul.add-recipient-to__stepper li a .add-recipient-to__stepper-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.add-recipient-to__stepper .add-recipient-to__stepper-active .add-recipient-to__stepper-circle {
    background-color: var(--brand-status-green);
    color: var(--global-text-light);
}

    .add-recipient-to__stepper .add-recipient-to__stepper-active .add-recipient-to__stepper-circle::before {
        content: '';
        border: 1px solid #707070;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        position: absolute;
    }

.add-recipient-to__stepper .add-recipient-to__stepper-active .label {
    color: #151E20;
}

.add-recipient-to__stepper .add-recipient-to__stepper-unfinished .add-recipient-to__stepper-circle {
    background: var(--brand-default-light-background);
    color: var(--global-border-dark);
    border: 1px solid #707070;
}

.add-recipient-to__stepper .add-recipient-to__stepper-completed .add-recipient-to__stepper-circle {
    background-color: #36A67A;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-image: url(../Images/Admission/save-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}

    .add-recipient-to__stepper .add-recipient-to__stepper-completed .add-recipient-to__stepper-circle span {
        display: none;
    }

.add-recipient-to__stepper .add-recipient-to__stepper-completed .label {
    color: #151E20;
}

.add-recipient-to__stepper .add-recipient-to__stepper-active span.text-muted {
    color: #fff !important;
}

.add-recipient-to__stepper .add-recipient-to__stepper-completed span.text-muted {
    color: #fff !important;
}

.add-recipient-to__stepper .label {
    font-size: var( --global-text-size-md);
    font-family: var(--global-font-family-regular);
    font-weight: var( --gloabl-default-font-weight);
    margin-top: 13px;
    display: block;
    color: var( --global-text-color);
}

.add-recipient-to__stepper a {
    cursor: default;
}
/*Stepper*/
.add-recipient__ul li {
    list-style: none;
}

.add-recipient__body {
    padding: 10px 20px 20px 20px;
    background: var(--brand-component-secondary-background);
    border-radius: 0 0 5px 5px;
}
    /*.add-recipient__view-label label {
    color: var(--global-text-color);
    font-size: var(--global-text-size-md);
    font-weight: var(--gloabl-default-font-weight) !important;
    letter-spacing: 0.16px;
    margin-bottom: 0.1em;
    font-family: var(--global-font-family-regular);
    cursor: pointer;
}*/
    /*.vertical-seperator {
    border-left: 1px solid #000;
    height: 30px;
    margin-right: 20px;
    margin-left: 20px;
}*/

    .add-recipient__body .add-recipient__ul label {
        font-size: var(--global-text-size-lg);
    }

    .add-recipient__body .add-recipient__ul input[type=checkbox]:checked:before, .add-recipient__body .add-recipient__ul input[type=checkbox], .add-recipient__body .add-recipient__ul input[type=checkbox]:before {
        width: 18px;
        height: 18px;
    }

.app__dropdown.add-recipient__dropdown .k-widget, .app__dropdown.add-recipient__dropdown .k-widget .k-dropdown-wrap {
    width: 260px !important;
}

.add-recipient__search {
    width: 267px;
    text-align: left;
    height: 40px;
    padding: 0 10px;
}

hr.add-recipient__hr {
    margin-top: 15px;
    margin-bottom: 15px;
    height: 1px;
    background: rgba( var( --global-border-dark-rgb), var( --opacity-two));
    border: none;
}

#DvContactsTypes .help-icon {
    width: 32px;
    height: 32px;
}

#DvContactsTypes #DvDisplayRelation, #DvDisplayLocalFields .local-field__grid-div {
    padding: 0 21px 0 21px;
}

    #DvContactsTypes #DvDisplayRelation #divEmailRelationGrid, #DvDisplayLocalFields #GridContactLocalFields {
        width: 380px;
    }

#divEmailRelationGrid th {
    color: white;
}

.filter-contact__matching .k-widget.k-dropdown {
    border-radius: 5px !important;
}

.filter-contact__matching .k-dropdown-wrap {
    border-radius: 5px !important;
    border: 1px solid var(--global-input-border-color);
}

.filter-contact__matching .k-widget, .filter-contact__matching .k-widget .k-dropdown-wrap {
    width: 72px !important;
}

.local-field__grid-div .k-grid-header-wrap thead tr th.k-header:first-child:before {
    height: 20px;
    width: 1px;
    background: var(--brand-default-light-background);
    top: 11px;
    right: 0;
    content: "";
    position: absolute;
}

.filter-section {
    margin-left: 21px;
}

.local-field__grid-div #GridContactLocalFields td.k-edit-cell .k-combobox .k-input {
    font-family: var(--global-font-family-regular);
    color: #4E4E4E;
    font-size: var(--global-text-size-lg);
    letter-spacing: 0.16px;
}

#DvDisplayRelation #divEmailRelationGrid .k-grid-header-wrap th input, #DvDisplayRelation #divEmailRelationGrid .k-grid-content td input {
    margin-right: 15px;
}
/*Sridhar*/
.add-recipients__save {
    width: 12px;
    height: 8px;
    cursor: pointer;
}

.add-recipients__cancel {
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.add-reciepients__add, .add-reciepients__delete {
    height: 20px;
    width: 20px;
}


#GrdContactAddressLayout td.content-address-drag-icon::before {
    content: url(/Images/Admission/scroll-dots.svg);
    padding-right: 10px;
    top: 3px;
    position: relative;
    display: inline-block;
}

#GrdContactAddressLayout td.content-address-drag-icon {
    display: inline-block;
    width: 100%;
    height: 42px;
}

    #GrdContactAddressLayout td.content-address-drag-icon input {
        display: inline-block;
    }

.app-kgrid__container .k-grid-content td.content-address-drag-icon {
    padding-left: 10px !important;
}

#DvDisplayLocalFields .gridStyle, {
    margin-left: 20px !important;
    margin-right: 10px !important;
}

#GridContactLocalFields span.k-widget.k-combobox.k-combobox-clearable {
    /*border: 1px solid var(--global-box-border);*/
    border-radius: 5px !important;
    width: 90% !important;
}

#GridContactLocalFields span.k-dropdown-wrap {
    border: 1px solid var(--global-box-border) !important;
    border-radius: 5px !important;
}

#GridContactLocalFields .k-widget .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
    content: "";
    position: absolute;
    background-image: url(../Images/Admission/dropdown-arrow-black.svg);
    background-position: right 5px top 16px !Important;
    background-repeat: no-repeat;
    height: 40px;
    width: 15px;
}

#GridContactLocalFields .k-widget .k-dropdown-wrap.k-state-active .k-icon.k-i-arrow-60-down:before {
    background-image: url(../Images/Admission/caret-black-up.svg);
}

#divEmailProspectGrid .k-grid-header th {
    color: var(--global-text-light);
}

#divEmailProspectGrid input[type="checkbox"] {
    margin: 0 20px 0 0 !important;
}

#divEmailProspectGrid .k-grid-content table td[role="gridcell"]:last-child {
    padding-left: 30px !important;
}

#divEmailRelationGrid .k-grid-header-wrap input[type=checkbox] {
    padding-right: 10px !important;
}

#divEmailProspectGrid .k-grid-header th {
    color: var(--global-text-light);
}

/* Email contacts */
.tab-email-mode .to-cc-bcc-inputs {
    width: calc(100% - 136px);
    margin-top: 3px;
}

.quick-mail__container .to-cc-bcc-inputs, .quick-mail__container .email-recipients-grid, .tab-email-mode-twoBtns.tab-email-mode .to-cc-bcc-inputs {
    width: calc(100% - 335px);
    margin-top: 3px;
}

.quick-mail__container .email-recipients-grid {
    display: none;
}

.tab-email-mode .cc-bcc-address, .tab-email-mode .email-recipients-grid, .tab-email-mode .expand-collapse-recipents {
    display: none;
}

.quick-mail__container .cc-bcc-address, .quick-mail__container .decision__form-check, .quick-mail__container .expand-collapse-recipents {
    display: block;
}

.quick-mail__container .cc-bcc-address, .tab-email-mode .cc-bcc-address {
    margin-top: 12px;
}

.cc-bcc-address .cc-address, .cc-bcc-address .bcc-address {
    width: 50%;
}

.cc-bcc-address .input-cc, .cc-bcc-address .input-bcc, .to-cc-bcc-inputs .to-address .basic-mode__center {
    width: calc(100% - 85px) !important;
}

.cc-bcc-address .basic-mode__left {
    display: inherit !important;
}

.quick-mail__container .email-actions {
    width: 335px;
    padding-left: 10px;
}

.email-recipients-grid:after {
    background: var(--brand-email-seperator);
    position: absolute;
    right: 19px;
    top: 5px;
    width: 1px;
    height: 100%;
    content: "";
}

.quick-mail__container .basic-mode__top {
    border-bottom: 10px solid var(--brand-fade-highlight-background);
    table-layout: fixed;
}

.quick-mail__container .add-reciepients-email {
    position: relative;
    top: 3px;
    z-index: 9999;
}

.quick-mail__container .app__tabstrip ul.k-reset.k-tabstrip-items {
    margin-left: 0 !important;
}

.quick-mail__container .app__tabstrip .k-tabstrip-items .k-link {
    padding: 8px 20px 10px 20px !important;
    width: auto;
}

.quick-mail__container .add-reciepients-email img {
    height: 11px;
}

.local-field-help-tooltip .tooltiptext {
    position: absolute;
    width: 440px;
    min-height: 100px;
    right: -50px;
    top: 45px;
    background: var(--brand-component-secondary-background);
    padding: 15px 25px 15px 15px;
    z-index: 999;
    border: 1px solid var(--global-tooltip-bdr);
    border-radius: 5px;
    display: none;
}

    .local-field-help-tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        bottom: 100%;
        right: 57px;
        border-width: 9px 9px 13px 9px;
        border-style: solid;
        border-color: transparent transparent var(--brand-component-secondary-background) transparent;
    }

    .local-field-help-tooltip .tooltiptext::before {
        content: "";
        position: absolute;
        bottom: 100%;
        right: 56px;
        border-width: 10px 10px 15px 10px;
        border-style: solid;
        border-color: transparent transparent var(--global-tooltip-bdr) transparent;
    }

    .local-field-help-tooltip .tooltiptext .local-field-help-close {
        position: absolute;
        right: 10px;
        top: 10px;
    }

#GridContactLocalFields .field-value .k-input {
    padding-right: 0 !important;
}

/* --------------- Need to remove once kendo applied ---------------- */
.quick-mail__container .app__tabstrip ul.k-reset.k-tabstrip-items:after {
    left: -20px;
    width: calc(100% + 20px);
}

.email-recipients-grid .app__tabstrip .k-tabstrip-items > .k-item {
    border: 0;
    border-right: 1px solid #fff !important;
    border-radius: 0 !important;
}

    .email-recipients-grid .app__tabstrip .k-tabstrip-items > .k-item.k-state-active {
        border-right: 0 !important;
    }

.email-recipients-grid .app__tabstrip .k-tabstrip-items .k-link.activeTab {
    width: auto !important;
    padding: 6px 10px 10px 10px !important;
}

.email-recipients-grid .tab-grid-content table thead tr, .dummy-table table thead tr {
    background: #475A6C;
    color: #fff;
    font-weight: normal !important;
}

    .email-recipients-grid .tab-grid-content table thead tr th, .dummy-table table thead tr th, .email-recipients-grid .tab-grid-content table tbody tr td, .dummy-table table tbody tr td {
        padding: 5px 20px;
        white-space: nowrap;
        height: 40px;
    }

    .dummy-table table thead tr th {
        position: relative;
    }

        .dummy-table table thead tr th::after {
            position: absolute;
            right: 0;
            top: 20%;
            height: 60%;
            background: #fff;
            width: 1px;
            content: "";
        }

        .dummy-table table thead tr th:last-child::after {
            display: none;
        }

.dummy-table table tbody tr td {
    padding-left: 46px;
}

    .dummy-table table tbody tr td:first-child {
        padding-left: 20px;
    }

.email-recipients-grid .tab-grid-content table {
    width: calc(100% - 20px);
}

    .email-recipients-grid .tab-grid-content table tbody tr, .dummy-table table tbody tr {
        background: #E5EDF6;
        color: #000;
        border-bottom: 1px solid #B2CAE3;
    }

        .email-recipients-grid .tab-grid-content table tbody tr:nth-child(even), .dummy-table table tr:nth-child(even) {
            background: #F7FAFC;
        }

.email-recipients-grid .table-scroll, .dummy-table .table-scroll {
    overflow-x: auto;
}

.add-recipient__body .email-recipients-grid:after, .select-recipient__body .email-recipients-grid:after {
    display: none;
}
/* --------------- End - Need to remove once kendo applied ---------------- */
/*ADMCOM-1391*/
.app-add__Contact {
    border-style: solid !important;
    border-color: rgba(var( --brand-table-row-background), 0.4) !important;
    border-width: 0.5px 1px 1px 0.5px !important;
}

    .app-add__Contact .k-hierarchy-col {
        width: 10px !important;
    }

    .app-add__Contact .k-grid-header th.k-header {
        padding-left: 30px !important;
    }

    .app-add__Contact .k-hierarchy-cell.k-header::before {
        background: none !important;
    }

    .app-add__Contact .k-detail-cell .k-display-block {
        width: 965px !important;
        border: 1px solid rgb(3 83 164 / 30%) !important;
        border-bottom: none !important;
    }

        .app-add__Contact .k-detail-cell .k-display-block tbody tr {
            background: var(--brand-default-light-background) !important;
        }

    .app-add__Contact.k-grid .k-hierarchy-cell .k-i-expand:before {
        background-image: url(/Images/Admission/add-contacts-down-arrow-black.svg) !important;
        content: " " !important;
        background-repeat: no-repeat !important;
    }

    .app-add__Contact.k-grid .k-hierarchy-cell .k-i-collapse:before {
        background-image: url(/Images/Admission/add-contacts-up-arrow-black.svg) !important;
        content: " " !important;
        background-repeat: no-repeat !important;
    }

    .app-add__Contact .k-hierarchy-cell.k-header {
        background-image: url(/Images/Admission/add-contacts-double-arrow-black.svg) !important;
        left: 14px !important;
        background-repeat: no-repeat !important;
    }

#divAllProspects .app-add__Contact .k-hierarchy-col {
    width: 16px !important;
}

.app-add__Contact .k-grid-content .k-detail-row .k-detail-cell .k-widget .k-grid-header tr th.k-header:not(:first-child) .k-link:before {
    height: 20px;
    width: 1px;
    background: var(--brand-default-light-background);
    top: 11px;
    margin-left: -30px;
    content: "";
    position: absolute;
}
/*ADMCOM-1391*/

.disableAllControls {
    pointer-events: none;
    opacity: 0.3;
    cursor: no-drop;
    /* background: var(--brand-component-secondary-background) !important;*/
}

.bookmarked__text .app__dropdown .k-widget .k-dropdown-wrap .k-input {
    padding-top: 7px !important;
}

.portfolio-contains {
    background: var( --brand-main-backgroundcolor-indicator);
    color: var(--global-text-light) !important;
    height: 40px;
}
/* Bookmark toogle */
input[type=checkbox].bookmark-check:before {
    background: transparent;
    border: none;
    background-image: url(../Images/Admission/bookmark.svg) !important;
    background-repeat: no-repeat;
    width: 13px;
    height: 20px;
    background-position-x: 0px;
}

input[type=checkbox].bookmark-check:checked:before {
    background-image: url(../Images/Admission/bookmark-filled-active.svg) !important;
    background-position-x: -4px;
}

.app-kgrid__container tr:nth-child(even) td input[type=checkbox].bookmark-check:before {
    background-color: var(--brand-grid-even-bg);
}

.app-kgrid__container tr:nth-child(odd) td input[type=checkbox].bookmark-check:before {
    background-color: var(--brand-grid-odd-bg);
}

.k-grid tr:hover td input[type=checkbox].bookmark-check:before {
    background-color: var(--brand-grid-onhover-bg);
}
/* End - Bookmark toogle */
.recipients-email__container .settingBtn, .create-template__div .createTemplateBackBtn, .quick-mail__container #btnGoBackEmailRecipient, .viewEmailSentBackBtn, .scheduledEmailBackBtn, .compose-email__container .settingBtn {
    border: none;
    background: transparent;
    cursor: pointer;
}

    .recipients-email__container .settingBtn img.rotate-360, .compose-email__container .settingBtn img.rotate-360 {
        transform: rotate(0deg);
        transition: 0.3s ease;
    }

        .recipients-email__container .settingBtn img.rotate-360:hover, .compose-email__container .settingBtn img.rotate-360:hover {
            transform: rotate(360deg);
        }

.email-setting__input {
    border: 1px solid var(--global-input-border-color);
    border-radius: 5px;
    height: 35px;
    font-weight: 500 !important;
    padding: 6px 15px !important;
}

.next-arrow__img {
    width: 22px;
    height: 19px;
}

.add-recipient__container #divlookUpMenu .add-recipient__body #dvprospectDetails #divEmailProspectGrid .k-grid-content.k-auto-scrollable {
    height: 519px;
}

.email-searchBox {
    height: 40px;
    border: 1px solid var(--global-dropdown-border);
    border-left: 0;
    border-radius: 0 5px 5px 0 !important;
    color: var(--global-text-color);
    font-size: var(--global-text-size-md);
    font-weight: var(--gloabl-default-font-weight) !important;
    letter-spacing: 0.16px;
    font-family: var(--global-font-family-regular);
    width: 190px;
}

.app__dropdown.contain-begin__dropdown .k-widget, .app__dropdown.contain-begin__dropdown .k-widget .k-dropdown-wrap {
    width: 134px !important;
}

.add-recipient__view-label label {
    color: var(--global-text-color);
    font-size: var(--global-text-size-md);
    font-weight: var(--gloabl-default-font-weight) !important;
    letter-spacing: 0.16px;
    margin-bottom: 0.1em;
    font-family: var(--global-font-family-regular);
    cursor: pointer;
}


.app__searchbox .app-search__button {
    background: var(--brand-main-backgroundcolor-indicator) !important;
    border: 1px solid var(--global-dropdown-border);
    border-left: 0;
    border-radius: 0px 5px 5px 0px;
    padding: 4px 5px 3px 5px;
    height: 40px;
    width: 40px;
}

.app__searchbox .email-searchBox {
    height: 40px;
    border: 1px solid var(--global-dropdown-border);
    border-right: 0;
    border-radius: 5px 0px 0px 5px !important;
    color: var(--global-text-color);
    font-size: var(--global-text-size-md);
    font-weight: var(--gloabl-default-font-weight) !important;
    letter-spacing: 0.16px;
    font-family: var(--global-font-family-regular);
    width: 260px;
    padding-left: 10px;
    padding-right: 33px;
}

.app__searchbox .close__icon {
    position: absolute;
    right: 55px;
    top: 8px;
    cursor: pointer;
}

.manage__template, .sent__emails, .scheduled__emails {
    background: var(--brand-default-light-background);
    border-radius: 5px;
    height: calc(100vh - (60px + var(--header-height) + 30px + 10px));
}

.quick-mail__container .divEmail {
    border-radius: 5px;
}

.divEmail {
    width: 100%;
    background-color: var(--brand-default-light-background) !important;
    padding-bottom: 0px;
}

.create-template__div, .view-sent-email__div, .scheduled-email__div {
    padding: 20px;
    justify-content: space-between;
    margin-bottom: 15px;
    background: var(--brand-default-light-background);
    height: 60px;
    border-radius: 5px;
}

.create-template__input {
    border: 1px solid var(--global-input-border-color);
    height: 40px;
}

.create-template__input {
    width: 400px;
}

.create-template__div .save-as-pdf, .view-sent-email__div .save-as-pdf, .scheduled-email__div .save-as-pdf {
    width: fit-content;
}

.quick-mail__container .expand-collapse-recipents {
    border-left: 1px solid var(--global-text-light);
    padding-left: 20px;
}

.content-wrapper .app-k-editor iframe.k-content.manageTemplateEditorHeight {
    height: 504px;
}

.quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.manageTemplateComposeGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
    height: 491px !important;
}

.img-size__20 {
    width: 20px;
    height: 20px;
}

.content-wrapper .app-k-editor iframe.k-content.newEmailComposeExpand {
    height: calc(100vh - (var(--header-height) + 240px)) !important;
}

.content-wrapper .app-k-editor iframe.k-content.newEmailComposeCollapse {
    height: calc(100vh - (var(--header-height) + 395px)) !important;
}

.quick-mail__container .quick-email-pt-0 {
    padding-top: 0px !important;
}

.quick-mail__container .app-k-editor iframe.k-content {
    height: calc(100vh - (var(--header-height) + 395px)) !important;
}

.quick-mail__container {
    overflow: auto;
    height: calc(100vh - (var(--header-height) + 60px) );
}

    .quick-mail__container.createNewTemplateContainer, .quick-mail__container.quickEmailTabsContainer {
        height: calc(100vh - var(--header-height));
    }

    .quick-mail__container .app-k-editor iframe.k-content.createTemplateEditorHeight {
        height: calc(100vh - (var(--header-height) + 255px)) !important;
    }

    .quick-mail__container .app-k-editor iframe.k-content.manageTemplateEditorHeight {
        height: calc(100vh - (var(--header-height) + 335px)) !important;
    }

        .quick-mail__container .app-k-editor iframe.k-content.manageTemplateEditorHeight.manageTemplateExpandEditorHeight {
            height: calc(100vh - (var(--header-height) + 183px)) !important;
        }


    /*side grid*/

    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - (var(--header-height) + 417px)) !important;
    }

    .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - (var(--header-height) + 262px)) !important;
    }

    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.createTemplateGridHeight {
        height: calc(100vh - (var(--header-height) + 278px)) !important;
    }

    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.editEmailGridHeight {
        height: calc(100vh - (var(--header-height) + 357px)) !important;
    }

        .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight {
            height: calc(100vh - (var(--header-height) + 205px)) !important;
        }

.basic-mode__left.open.app__dropdown .to___Dropdown .dropdown__caret {
    transform: rotate(180deg);
}

.scheduler__container {
    background: var(--brand-container-dark-background);
    padding: 15px;
    clear: both;
    border-radius: 5px;
}

.sent__emails .k-button:hover .viewContactName {
    display: none;
}

.sent__emails .k-button:hover .viewContactName-on-hover {
    display: inline-block;
}

.viewContactName-on-hover {
    display: none;
}

.scheduler__container .form-control.k-widget {
    border-radius: 5px !important;
}

.scheduler__container .form-control .k-picker-wrap.k-state-default {
    height: 40px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border: 1px solid var(--global-input-border-color) !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.scheduler__container .k-icon.k-i-calendar {
    background-image: url(../Images/Admission/calendar-black.svg) !important;
    background-repeat: no-repeat;
    height: 20px;
    width: 22px;
    background-size: 18px;
}

.scheduler__container .k-icon.k-i-clock:before {
    content: "" !important;
    background-image: url(../Images/Admission/clock-small.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 17px !important;
    margin: 7px 0px 0px 5px !important;
    width: 25px;
    height: 25px;
}

.scheduler__container .k-icon.k-i-clock {
    width: 30px;
    height: 30px;
}

.scheduler__container #EmailScheduledForDate, .scheduler__container #EmailScheduledForTime {
    height: 38px;
    padding-left: 10px;
    font-size: var(--global-text-size-lg);
    font-family: var(--global-font-family-regular);
    font-weight: 500 !important;
    color: var(--global-text-color) !important;
    letter-spacing: 0.16px;
}

.scheduler__container .k-picker-wrap.k-state-default .k-select {
    border-left: 0px;
}

.scheduled-email__label {
    display: flex;
    align-items: center;
    height: 40px;
}

#divHomeTab .pagination span.k-widget.k-dropdown {
    width: 70px !important;
}

/* End - Bookmark toogle */

/* Search - primary blue */
.search-primary {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    min-width: auto;
}

    .search-primary img {
        width: 16px;
        height: 16px;
    }

/* common Cumstom Pagination */
.custom-pagination {
    background: var(--brand-default-light-background);
}

    .custom-pagination .k-grid-pager {
        margin-top: 0;
        height: auto !important;
        border: none !important;
    }

        .custom-pagination .k-grid-pager .k-pager-numbers li {
            height: auto;
            padding-top: 0 !important;
            border-bottom: 1px solid #efefef !important;
        }

        .custom-pagination .k-grid-pager .k-pager-nav {
            border-bottom: 1px solid #efefef !important;
        }

        .custom-pagination .k-grid-pager .k-pager-numbers li .k-link, .custom-pagination .k-link.k-pager-nav .k-icon {
            color: var(--global-link-color) !important;
            font-weight: bold !important;
        }

            .custom-pagination .k-grid-pager .k-pager-numbers li .k-link.k-state-selected {
                color: var(--global-text-light) !important;
            }

    .custom-pagination .k-link.k-pager-nav.k-state-disabled .k-icon {
        color: #c3c3c3 !important;
    }

    .custom-pagination .k-grid-pager .k-pager-sizes.k-label {
        margin-left: 36px;
    }

    .custom-pagination .k-grid-pager .k-pager-nav {
        max-height: 33px;
    }

    .custom-pagination .k-grid-pager .k-pager-sizes .k-dropdown .k-dropdown-wrap {
        height: 32px !important;
    }

    .custom-pagination .k-grid-pager .k-dropdown .k-dropdown-wrap .k-input {
        line-height: 22px !important;
    }

    .custom-pagination .lft-pagination, .custom-pagination .rght-pagination {
        height: 32px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border-top: 0;
    }

    .custom-pagination #CustomPagerNumbers.k-grid-pager.k-widget.k-floatwrap {
        top: 0;
    }

    .custom-pagination #allTabContent #tabstripHome #divHomeTab .pagination .k-dropdown span.k-dropdown-wrap.k-state-default {
        height: 32px;
    }

    .custom-pagination .k-grid .k-grid-pager .k-pager-numbers li, .custom-pagination .k-pager-numbers li {
        height: 32px !important;
    }

    .custom-pagination .k-pager-wrap.k-grid-pager {
        margin-top: 0px !important;
    }

    .custom-pagination .k-pager-wrap .k-pager-numbers .k-state-selected {
        max-height: 32px !important;
        height: 32px;
    }

    .custom-pagination .k-grid .k-grid-pager ul.k-pager-numbers, .custom-pagination .k-grid .k-pager-wrap.k-grid-pager a {
        border-top: 0 !important;
    }

    .custom-pagination .k-pager-wrap.k-grid-pager .k-pager-sizes.k-label span.k-dropdown {
        border-bottom: 1px solid #ddd !important;
    }

    .custom-pagination span.k-dropdown-wrap.k-state-default {
        height: 32px !important;
        border-top: 0;
    }

    .custom-pagination #CustomPagerNumbers .k-pager-numbers li {
        border-right: 1px solid #efefef !important;
    }

.grid__headline .grid__headlinecontent {
    font-size: var(--global-text-size-lg);
    color: var(--global-text-color);
    font-weight: var(--gloabl-bold-font-weight);
    letter-spacing: 0.18px;
}

.view__optionlist .view-options {
    height: 40px;
}

.prospects-bookmarks-yellow {
    position: absolute;
}

#divAlertWindow_wnd_title.k-window-title {
    background-image: url(/Images/Admission/alerts-black.svg);
    background-repeat: no-repeat;
    padding-left: 40px !important;
    color: var(--global-text-color) !important;
    padding-bottom: 4px;
}

.alert__window {
    background-color: var(--brand-alert-window) !important;
}

    .alert__window.k-window-titlebar.k-header {
        border-bottom: none !important;
    }

    .alert__window .k-i-close:before {
        background-image: url(/Images/Admission/close-black-large.svg) !important;
        content: " ";
    }

#alertWindow .alerts-top {
    margin-top: 30px;
}

#divContact .contact__name-text:hover {
    font-family: var(--global-font-family-bold);
    text-decoration: underline;
}

.admissions-status__header {
    background-color: var(--brand-main-backgroundcolor-indicator);
}

.scheduler__container label {
    padding: 0;
    padding-left: 5px;
}

.scheduler__container .scheduled-time, .scheduler__container .scheduled-date {
    padding: 0;
    padding-left: 10px;
}
/*.scheduler__container .scheduled-save__btn {
    margin-left: 53px;
}*/
.manage__template .k-grid-content.k-auto-scrollable, .sent__emails .k-grid-content.k-auto-scrollable, .scheduled__emails .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 266px) !important;
    min-height: calc(100vh - 266px) !important;
}

.quick-mail__container .email-recipients-grid .k-tabstrip-items {
    padding: 0px;
}
/*DATEPICKER FIX*/
#SdivTableValues .k-datepicker.DateMask .k-i-calendar {
    background-image: url(../Images/Admission/calendar-black.svg) !important;
    background-position: right 15px top 6px !Important;
    background-repeat: no-repeat;
    height: 25px;
    width: 40px;
    background-size: 18px;
}

#SdivTableValues .k-datepicker.DateMask input {
    padding: 5px !important;
}

#divCommunicationLog .k-datetimepicker .k-i-calendar {
    background-image: url(../Images/Admission/calendar-black.svg) !important;
    background-position: right 0px top 0px !Important;
    background-repeat: no-repeat;
    height: 25px;
    width: 20px;
    background-size: 20px;
}
/*DATEPICKER FIX*/

#winLotterySpec {
    overflow-x: hidden;
}

/*********Student Card Starts********/
.prospects-card-header {
    background: var(--global-light-color-indicator) !important;
}

.prospects-icons:hover .prospects-hide-image {
    display: none !important;
}

.prospects-icons:hover .prospects-icons-hover {
    display: inline !important;
    height: 20px !important;
    width: 18px !important;
}

.prospects-icons-hover {
    display: none;
}

/*********Student Card Ends********/
/*******ADMCOM-1428 Starts*******/
.notes__input-container .k-widget.k-datetimepicker.k-input {
    background-color: var(--brand-component-secondary-background) !important;
}

.notes-grade {
    width: 70px;
}

.notes-year {
    width: 95px;
}

.notes-program {
    width: 260px;
}

#portfolio_Controls {
    width: auto !important;
}

.prospects-date-time, .add-notes-prospects {
    background-color: var(--brand-component-secondary-background);
}

.add-event__prospects {
    border: 1px solid var(--global-input-border-color);
    background: var(--brand-component-secondary-background);
}

#objScheduleMasterInfo_EventLocation, #txtSchedulerMessage {
    border-radius: 5px !important;
    border: 1px solid var(--global-input-border-color) !important;
}

#divAddSchedulerSpec span.k-dropdown span.k-dropdown-wrap {
    height: 35px !important;
}

    #divAddSchedulerSpec span.k-dropdown span.k-dropdown-wrap span.k-input {
        padding-top: 5px;
    }

.add-portfolio .k-widget.k-datepicker.form-control {
    background-color: var(--brand-component-secondary-background);
}

.add-notes-text-box {
    margin-left: -4px;
}

.prospects-notes-name {
    width: 380px;
}
/*******ADMCOM-1428 Ends*******/
/************All Grids custom Dropdown Starts******************/

.allGridsDropdownLitView__Box-no-border {
    border: none !important;
}

.divContactViewPopup, .divHomeViewPopup {
    display: block;
    position: absolute;
    z-index: 999999999;
    top: auto !important;
    left: 37px;
    height: 0 !important;
}

.divPortfolioViewPopup {
    position: absolute;
    left: 5px;
}

.divHomeViewPopup {
    position: absolute;
    left: 46px;
}

.allGridsDropdownList .dropdown-menu li {
    position: relative;
    display: block;
}

.allGridsDropdownList .dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 231px;
    top: -20px;
}

.allGridsDropdownList .dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.allGridsDropdownList .dropdownListItems:hover .dropdown-submenu {
    display: block;
    border-radius: 0px 0px 5px 5px !important;
    opacity: 1;
    transform: translateY(0px);
    pointer-events: auto;
}

.allGridsDropdownList.app__dropdownmenulist .dropdown-menu {
    width: 233px !important;
    margin-top: 18px !important;
}

.portfolio-triangle-position {
    margin-top: 37px !important;
    margin-left: 26px !important;
}

.portfolio-dropdown-menu {
    width: 233px !important;
    margin-top: 18px !important;
}

.allGridsDropdownList.app__dropdownmenulist.prospectNotesropdown .dropdown-menu {
    margin-top: 6px !important;
}

.allGridsDropdownList.app__dropdownmenulist .dropdown-menu li a {
    padding: 8px 15px 8px 15px;
}

.allGridsDropdownLitView__Box {
    border-bottom: 1px solid var(--global-input-border-color);
    width: 88%;
    margin-left: 13px;
}

.allGridsDropdownList.app__dropdownmenulist .dropdown-menu {
    padding-top: 8px;
    padding-bottom: 8px;
}

.allGridsDropdownList .dropdownListItems {
    padding: 8px 0px;
    font-size: var(--global-text-size-lg);
    text-align: left;
    font-family: var(--global-font-family-regular);
    font-weight: 500 !Important;
    color: var(--global-text-color);
    background-color: var(--brand-default-light-background);
    cursor: default;
    padding-top: 5px;
    padding-bottom: 4px;
}

.ContactsGrid.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:first-child:before {
    background: none !important;
}

.tab__contact-grid td.moreOptions__Border,
.portfolioGrid td.moreOptions__Border {
    border-right: 1px solid var(--global-grid-border) !important;
}

.allGridsDropdownList.app__dropdownmenulist .dropdown-menu {
    padding-top: 8px;
    padding-bottom: 8px;
}

    .allGridsDropdownList.app__dropdownmenulist .dropdown-menu li a:hover {
        background-color: var(--brand-default-light-background) !important;
    }

#portfolio_Controls .app__datepicker .k-i-calendar {
    background-position: right 8px top 2px !Important;
    height: 32px;
    background-size: 24px;
}
/************All Grids custom Dropdown Ends******************/
#divUserNameGrid .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:not(:last-child):before {
    background: none !important
}

#divUserNameGrid .app-kgrid__container .k-grid-content td, #divUserNameGrid .app-kgrid__container .k-grid-header-wrap th.k-header {
    padding-left: 10px !important;
}

/* Demographics - multi color tabs */
.multi-color-tabs .demographic-color-value {
    display: none;
}

.multi-color-tabs .s-DemoTablink, .multi-color-tabs .k-tabstrip-items .k-link, .multi-color-tabs .k-tabstrip-items li.k-state-active span.k-link {
    width: auto !important;
    padding-left: 10px !important;
}

.multi-color-tabs .k-tabstrip-items .k-item {
    margin-right: 24px !important;
    position: relative;
    margin-top: 8px !important;
}

.multi-color-tabs .k-tabstrip-items .k-link {
    color: var(--global-text-color) !important;
}

.multi-color-tabs ul.k-tabstrip-items {
    margin-right: 38px !important;
    height: 44px !important;
    overflow-y: hidden !important;
}

.multi-color-tabs .k-tabstrip-items li.k-state-active span.k-link {
    font-weight: var(--gloabl-bold-font-weight) !important;
    position: relative;
}

.multi-color-tabs .k-tabstrip-items li.k-state-active {
    top: -6px;
    height: 44px;
}

    .multi-color-tabs .k-tabstrip-items li.k-state-active span.k-link:after {
        position: absolute;
        bottom: 2px;
        left: 10px;
        content: "";
        width: calc(100% - 20px);
        height: 2px;
        background: #000;
    }

.k-tabstrip-wrapper .multi-color-tabs ul.k-tabstrip-items li:first-child {
    margin-left: 18px !important;
}

#demographicsfields .multi-color-tabs span.k-button.k-button-icon.k-bare.k-tabstrip-prev {
    border-right: none !important;
    border-top-right-radius: 10px !important;
    top: 7px !important;
}

#demographicsfields .multi-color-tabs span.k-button.k-button-icon.k-bare.k-tabstrip-next {
    border-left: none !important;
    border-top-left-radius: 10px !important;
    top: 7px !important;
}

.multi-color-tabs ul li:before, .multi-color-tabs ul li:after {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 20px;
    transition: all 250ms ease;
}

.multi-color-tabs ul li:before {
    right: -14px;
    transform: skew(15deg, 0deg);
    border-radius: 0 8px 0 0;
    z-index: 1;
    border-right: 1px solid #fff;
}

.multi-color-tabs ul li:after {
    left: -14px;
    transform: skew(-15deg, 0deg);
    border-radius: 8px 0 0 0;
}

.multi-color-tabs .k-tabstrip-items li.k-state-active:after {
    z-index: 9;
}

.k-tabstrip-wrapper .multi-color-tabs.k-tabstrip {
    background-color: var(--brand-component-primary-background) !important;
}

.multi-color-tabs .k-tabstrip-items > .k-item:nth-child(5n+1),
.multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+1):before,
.multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+1):after,
.multi-color-tabs .k-tabstrip-items li.k-state-active:nth-child(5n+1) span.k-link {
    background: var(--brand-demographics-tab-two) !important;
}

.multi-color-tabs .k-tabstrip-items > .k-item:nth-child(5n+2),
.multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+2):before,
.multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+2):after,
.multi-color-tabs .k-tabstrip-items li.k-state-active:nth-child(5n+2) span.k-link {
    background: var(--brand-demographics-tab-three) !important;
}

.multi-color-tabs .k-tabstrip-items > .k-item:nth-child(5n+3),
.multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+3):before,
.multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+3):after,
.multi-color-tabs .k-tabstrip-items li.k-state-active:nth-child(5n+3) span.k-link {
    background: var(--brand-demographics-tab-four) !important;
}

.multi-color-tabs .k-tabstrip-items > .k-item:nth-child(5n+4),
.multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+4):before,
.multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+4):after,
.multi-color-tabs .k-tabstrip-items li.k-state-active:nth-child(5n+4) span.k-link {
    background: var(--brand-demographics-tab-five) !important;
}

.multi-color-tabs .k-tabstrip-items > .k-item:nth-child(5n+0),
.multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+0):before,
.multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+0):after,
.multi-color-tabs .k-tabstrip-items li.k-state-active:nth-child(5n+0) span.k-link {
    background: var(--brand-demographics-tab-one) !important;
}

.multi-color-tabs .k-content:nth-child(5n+1) {
    border: 3px solid var(--brand-demographics-tab-one) !important;
}

.multi-color-tabs .k-content:nth-child(5n+2) {
    border: 3px solid var(--brand-demographics-tab-two) !important;
}

.multi-color-tabs .k-content:nth-child(5n+3) {
    border: 3px solid var(--brand-demographics-tab-three) !important;
}

.multi-color-tabs .k-content:nth-child(5n+4) {
    border: 3px solid var(--brand-demographics-tab-four) !important;
}

.multi-color-tabs .k-content:nth-child(5n+0) {
    border: 3px solid var(--brand-demographics-tab-five) !important;
}

.viewContactName {
    position: relative;
}

    .viewContactName:hover .viewContacts {
        display: inline-block;
        position: absolute;
        right: 8px;
        top: -2px;
    }

    .viewContactName:hover .viewContacts-class-hover {
        display: none;
    }

    .viewContactName .viewContacts {
        display: none;
    }

.all-prospects-contacts-grid .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:first-child:before {
    background: none !important
}

.contains-begins-button {
    background: none !important;
    position: relative;
    bottom: 5px;
    border: none !important;
}

.containsbegins-button {
    width: auto;
    padding: 10px 6px;
}

.portfolio-containsbegins-button, .communication-log-containsbegins-button, .notes-containsbegins-button, .tables-containsbegins-button {
    width: auto;
    padding: 5px 15px;
}


/*Start ADMCOM 1426 : Design-Enter Requirement Details*/
.AddEditRequirementNotes__container {
    width: 46.875vw !important;
    min-width: 730px !important;
}

.requirement-details__inner-container {
    border: 1px solid var(--global-input-border-color);
    border-radius: 5px;
    padding: 20px;
    background: var(--brand-component-secondary-background);
}

.requirement-box {
    border: 1px solid var(--global-input-border-color);
    border-radius: 5px 0 5px 5px;
    padding: 20px;
    background: var(--brand-light-blue);
}

.requirement__colon-space {
    padding-right: 10px;
}

.status__colon-space {
    position: relative;
    right: 4px;
}

.status__in-complete {
    border: 1px solid var(--global-process-incomplete-boxshadow);
    background: var(--brand-incompleted-background);
    padding: 6px 15px;
    border-radius: 5px;
    width: 200px;
    color: var(--global-border-dark);
    height: 40px;
    display: inline-flex;
    align-items: center;
}

.requirement-details__inner-container .requirement-box .k-picker-wrap.k-state-default {
    height: 40px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border: 1px solid var(--global-input-border-color) !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.requirement-details__inner-container .requirement-box .form-control.k-widget {
    border-radius: 5px !important;
}

.requirement-details__inner-container .requirement-box .k-picker-wrap.k-state-default .k-select {
    border-left: 0px;
}

.requirement-details__inner-container .requirement-box .k-icon.k-i-calendar {
    background-image: url(../Images/Admission/calendar-black.svg) !important;
    background-repeat: no-repeat;
    background-size: 22px;
    width: 24px;
    height: 22px;
}

.requirement-details__inner-container .form-group textarea {
    border-radius: 5px;
    border: 1px solid #999999;
    color: var(--global-border-dark);
    font-size: var(--global-text-size-lg);
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight);
    height: 124px;
}

#mainUsersGrid #gridportfolio .k-grid-content {
    overflow-y: auto;
}

.olf-input__container input {
    top: 0;
}

.requirement-hr {
    border-top: 1px solid var(--global-input-border-color);
}

.status__complete {
    border: 1px solid var(--global-process-completed-boxshadow);
    background: var(--brand-completed-background);
    padding: 6px 15px;
    border-radius: 5px;
    width: 200px;
    color: var(--global-border-dark);
    height: 40px;
    display: inline-flex;
    align-items: center;
}

.status__not-applicable {
    border: 1px solid #ff8000;
    padding: 6px 15px;
    border-radius: 5px;
    width: 200px;
    color: var(--global-border-dark);
    height: 40px;
    display: inline-flex;
    align-items: center;
    background-color: #fff1e4
}

.incomplete__info {
    background: var(--brand-alert-window);
    display: inline-block;
    color: var(--global-border-dark);
    padding: 8px 20px;
    border-radius: 5px 5px 0 0;
    font-size: var(--global-text-size-lg);
}

.requirement-details__inner-container .requirement-box .k-widget.k-datepicker .k-select {
    display: flex;
    align-items: center;
}

/*End ADMCOM 1426 : Design-Enter Requirement Details*/
#divAddContacts.k-window-content {
    padding: 0 !important;
}

#copyallcontact .contact__searchdisplay {
    width: 280px;
}

.communication-log__add {
    right: 10px;
}

.schedule-appointments-button {
    margin-bottom: 2px;
}

.divReport {
    margin-top: 0;
}

    .divReport #divGeneralReports {
        height: calc(100vh - 175px) !important;
    }

#SdvAllProspectContacts .all-prospects-contacts-grid #SViewAllContactGrid .k-grid-header th.k-header:first-child {
    text-overflow: clip;
}

.edit__notes .prospects-date-time .notes__input-container span.k-widget.k-datetimepicker {
    border-radius: 5px !important;
}

/*To be removed after demo*/
#fieldProperties-wrap nav.student-search {
    height: fit-content;
    position: absolute;
    width: 200px;
    z-index: 9;
    color: #fff;
    float: left;
}

#fieldProperties-wrap #pageNavpanel {
    margin-top: 60px;
}

.field__settings {
    background: var(--brand-component-secondary-background);
}

#fieldProperties-wrap nav.student-search {
    height: calc(100vh - 115px);
}
#userListDiv #UserList {
    overflow: auto;
    height: calc(100vh - 150px );
}
nav.student-search #UserList li {
    display: inline-block;
    width: 100%;
}
    nav.student-search #UserList li div span:first-child {
        max-width: 126px !important;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
    }
/*#fieldProperties #DivTable.field-settngs {
    right: -10px !important;
}*/
.field-settngs {
    height: 707px;
    position: absolute;
    right: -4px;
} #DivTable #chkAlert {
    margin-left: 4px;
} #fieldProperties-wrap nav.student-search .k-grid-content {
    background: #abe0f9;
} #fieldProperties-wrap nav.student-search {
    background: transparent;
} #fieldProperties-wrap .tab-wrap.demographic-fields {
    min-height: 700px;
} .Field__height.k-widget.k-window {
    top: 10px !important;
} .super-db-next, .super-db-reset {
    width: 18px;
    margin-top: 0;
    margin-left: 0;
} .alert-grid {
    border-radius: 0px;
} #setupcont .df-alrtfld {
    width: 26.4%;
} #fieldProperties-wrap .app-kgrid__container .k-grid-content td, .app-kgrid__container td {
    padding-left: 10px !important;
} #setupcont .field-settngs {
    height: 754px !important;
} #fieldProperties-wrap .nav.student-search .k-grid-content {
    min-height: 707px !important;
} #dvPropsectAlert.gridStyle .k-grid-content td:last-child {
    font-weight: var(--gloabl-bold-font-weight);
} .tab__contact-grid .k-grid-header th.k-header {
    text-overflow: clip !important;
} #PivotTableRowFieldGrid.app-kgrid__container .k-i-close:before, #PivotTableColumnFieldGrid.app-kgrid__container .k-i-close:before {
    background-image: url(/Images/Admission/delete-small-black.svg) !important;
    content: " " !important;
    left: -14px;
    top: -4px;
} div#ASCIItabstripsetup {
    width: 800px;
} #userListDiv .app-kgrid__container .k-grid-header-wrap th.k-header {
    padding-left: 30px !important;
} #userListDiv .k-header label, #LibrariesWindow .k-header label, #templateWhiteContent .k-header label, #divReportsProspectGrid .k-grid-header th.k-header, #grdUserSchoolRights .k-header label, #divAllFieldsGrid.app-table .k-grid-header .k-header, #asciiMappingGrid .k-grid-header th.k-header:first-child, #contactConstraintGrid .k-grid-header-wrap th.k-header, #gridContactDefaultRights .k-grid-header-wrap table thead tr th label, #divRequirementGrid .k-grid-header-wrap th.k-header, #SyncHouseholds .k-header, #gridSuperDBFieldRights .k-header label, .app-kgrid__container .k-grid-header-wrap th.k-header {
    color: var(--global-text-light) !important;
} #userListDiv #UserList {
    overflow-y: visible;
} .next-button {
    width: 16px;
} nav#asciiTemplateNavpanel {
    width: 200px !important;
} .Decisionwrap .iconPlus {
    right: 119px;
    top: 13px;
} #userListDiv #btnUserAdd {
    position: relative;
    left: 25px;
} #adminchkrights label {
    width: 90%;
} #gridContactDefaultRights .k-grid-header-wrap table thead tr th label {
    margin-left: 10px;
} #gridContactDefaultRights.app-kgrid__container td {
    padding-left: 0px !important;
} #moveLeftAllCodesSelect img {
    margin-bottom: 10px;
    margin-left: -5px;
} .Decisionwrap h4 {
    height: 20px;
    color: var(--global-text-color);
} .libContent .k-tabstrip-wrapper .k-content .setupTabWrap h4 {
    margin-top: 10px !important;
    color: var(--global-text-color);
} #userListDiv #UserList li {
    padding: 10px 0px 10px 10px;
} #receiveTemplateContent .k-grid-content tbody td {
    color: var(--global-text-color) !important;
} #adminchk {
    position: absolute;
    top: 0;
    z-index: 9;
    padding: 4px 0 0;
    height: 30px !important;
    width: 440px;
    right: 40px;
    text-align: center;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.4);
} #Gradewindow #lblSchoolName {
    margin: 0;
} #YearsGrid .k-grid-header-wrap table thead tr th label {
    margin-left: -2px;
    color: var(--global-text-light) !important;
} #userListDiv #gridModuleRights .k-grid-header-wrap th.k-header:nth-child(2) {
    padding-left: 35px !important;
} #userListDiv #gridModuleRights .k-grid-header-wrap th.k-header:nth-child(3) {
    padding-left: 49px !important;
    color: var(--global-text-light);
} #userListDiv #gridModuleRights .k-grid-header-wrap th.k-header:nth-child(4) {
    padding-left: 37px !important;
} .div-committee-Content span {
    display: contents;
    padding-left: 10px;
    color: #666;
    letter-spacing: 1px;
    margin-bottom: 10px;
} .generate-btn {
    height: 18px !important;
} .divCalendarLeft {
    background: var(--brand-component-secondary-background);
    margin-top: 15px;
} #SchedulerView .k-icon.k-i-calendar, .addnewcontact .k-icon.k-i-calendar, .divBatchStyle1 .k-icon.k-i-calendar, #tabstripBatchEntries .k-icon.k-i-calendar, #divImportedCalendars #ImportedCalendarsIcon.specific-icon-pos, .calendar-box .k-icon.k-i-calendar {
    content: " ";
    background-image: url(/Images/Admission/calendar-black.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 16px;
} #divImportedCalendars #ImportedCalendarsIcon.specific-icon-pos {
    position: absolute !important;
    background-position: left 14px top 0px !Important;
    background-repeat: no-repeat;
    height: 25px;
    width: 40px;
    background-size: 22px;
    position: absolute !important;
    top: 5px;
    right: 0;
    cursor: pointer !important;
} .addnewcontact .k-icon.k-i-calendar {
    bottom: 2px;
} #divEditSchedulerSpec .form-control .k-picker-wrap.k-state-default {
    height: 30px !important;
    border-color: rgba(0,0,0,.2) !important;
} .addnewcontact .k-icon.k-i-clock, .calendar-box .k-icon.k-i-clock {
    content: " ";
    background-image: url(/Images/Admission/clock-small.svg);
    background-repeat: no-repeat !important;
    background-size: 16px;
    bottom: 2px;
} .calendar-box .k-icon.k-i-clock {
    bottom: 0;
} .calendar-box .k-i-clock:before {
    content: " ";
} div#ScheduleGuestGrid table tr td {
    color: #2e2e2e;
    padding: 6px 9px 6px 9px !important;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} div#ScheduleGuestGrid table tr td:first-child {
        color: #2e2e2e;
        padding: 6px 0 6px 30px !important;
    } #tabstripCalendar .k-scheduler-table td, #tabstripCalendar .k-scheduler-header th, #tabstripCalendar .k-header, #tabstripCalendar .k-widget {
    border-color: rgba(var(--global-calendar-border), 0.3) !important;
} #event-category-list {
    width: auto;
}
/*#SchedulerTooltip .event-tooltip-button input {
    background: var( --brand-main-backgroundcolor-indicator);
}*/
.program__add-button {
    position: absolute !important;
    top: -43px;
    right: -2px;
    padding: 6px 20px !important;
    font-size: var(--global-text-size-md) !important;
    font-family: var(--global-font-family-regular);
    height: 40px !important;
    width: auto;
    min-width: 85px;
    background: var(--brand-main-backgroundcolor-indicator) !important;
    color: var(--global-text-light) !important;
    font-weight: var(--gloabl-default-font-weight) !important;
    border-radius: 5px !important;
    border: none !important;
} .program__add-button:hover {
        background: var(--brand-dark-backgroundcolor-indicator) !important;
    } #tabstriplibraries .tabLibContent .k-header.k-grid-toolbar {
    height: 0;
} .app-kgrid__container .k-button.program__add-button {
    padding: 6px 20px !important;
} #LibrariesWindow .libContent #tabstriplibraries-1 #editprogramgrid, #LibrariesWindow .libContent #tabstriplibraries-2 #editStepGrid, #LibrariesWindow .libContent #tabstriplibraries-3 #editRequirementGrid, #LibrariesWindow .libContent #tabstriplibraries-4 #editGradeGrid, #LibrariesWindow .libContent #tabstriplibraries-5 #editYearGrid {
    margin-top: 8px;
    padding: 0;
    padding-right: 10px;
} #LibrariesWindow .libContent {
    min-height: 600px;
} .libraryContentWindow #LibrariesWindow {
    padding: 20px;
} #programTabDescription, #stepTabDescription, #requirementTabDescription, #gradeTabDescription, #yearTabDescription {
    height: auto;
    overflow: hidden;
    position: relative;
} #tabstriplibraries .tabLibContent .setupTabWrap .tabDescription, .setupTabWrap .tabDescription {
    margin: 10px 0px 10px 0px;
    background: #e8e8e8;
    height: 614px;
    overflow-y: auto;
} .program__add-button-reason {
    top: 0px;
} #divHoldingBinTab #divApplicantsAndFormsGrid_3 .applicantInquirySetting img.grid__settings, #divHoldingBinTab #divApplicantsAndFormsGrid_5 .applicantInquirySetting img.grid__settings, #divHoldingBinTab #divApplicantsAndFormsGrid_4 .applicantInquirySetting img.grid__settings, #divHoldingBinTab #divApplicantsAndFormsGrid_1 .applicantInquirySetting img.grid__settings {
    width: 20px;
    margin: -4px 5px 0 0;
} .divCalendarLeft {
    background: var(--brand-component-secondary-background);
    margin-top: 15px;
    height: calc(100vh - 157px);
} #divHoldingBinTab #divApplicantsAndFormsGrid_3 .applicantInquirySetting .settings__dropdown:hover {
    background: var(--brand-dark-backgroundcolor-indicator) !important;
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
} #divHoldingBinTab #divApplicantsAndFormsGrid_3 .applicantInquirySetting .dropdown.open .settings__dropdown .add__settings {
    transform: rotate(180deg);
} #formStatus #dvStatus .form__status {
    padding: 20px;
    margin-top: 10px;
    border-radius: 5px;
    background: var(--brand-component-primary-background);
} #formStatus #dvStatus .form__status .k-dropdown-wrap {
        border: 1px solid var(--global-input-border-color) !important;
        border-radius: 5px !important;
        height: 35px !important;
    } #formStatus #dvStatus .form__status .k-dropdown-wrap .k-input {
            height: 35px;
            padding: 5px 5px;
            font-family: var(--global-font-family-regular);
            font-size: var(--global-text-size-lg);
            letter-spacing: 0.16px;
            color: var(--global-text-color) !important;
            font-weight: 500 !important;
        } #formStatus #dvStatus .form__status .k-widget.k-dropdown.form-control {
        border-radius: 5px !important;
        margin-bottom: 0 !important;
    }
/*.contact-field__container #gridContactRights th:before {
    height: 20px;
    width: 1px;
    background: var(--brand-default-light-background);
    top: 11px;
    right: 0;
    content: "";
    position: absolute;
}*/
.sep-chbox-alignment #gridModuleRights .k-grid-header .k-grid-header-wrap table thead tr th:nth-child(2) label {
    margin-left: -5px !important;
    top: 9px;
    position: absolute;
} .sep-chbox-alignment #gridModuleRights .k-grid-header .k-grid-header-wrap table thead tr th:nth-child(3) input {
    margin-left: -16px !important;
    top: 13px;
    position: absolute;
} .sep-chbox-alignment #gridModuleRights .k-grid-header .k-grid-header-wrap table thead tr th:nth-child(4) label {
    margin-left: -18px !important;
    top: 9px;
    position: absolute;
} #gridContactRights.app-kgrid__container td {
    padding-left: 40px !important;
} #gridContactRights.app-kgrid__container td:first-child {
        padding-left: 30px !important;
    } #othersetting.app-kgrid__container #demographics #griddemographicrights td {
    padding-left: 28px !important;
} #OtherSetting.app-kgrid__container #demographics #gridDemographicRights td:first-child {
        padding-left: 30px !important;
    } #OtherSetting.app-kgrid__container #demographics #gridDemographicRights td[role="gridcell"]:last-child {
        padding-left: 28px !important;
    } .user-security__labeltext {
    top: 2px;
    position: relative;
    padding-left: 1px;
} #tabstripCalendar .k-scheduler-table td, #tabstripCalendar .k-scheduler-header th, #tabstripCalendar .k-header, #tabstripCalendar .k-widget {
    border-color: rgba(var(--global-calendar-border), 0.3) !important;
} #event-category-list {
    width: auto;
}
/*#SchedulerTooltip .event-tooltip-button input {
    background: var( --brand-main-backgroundcolor-indicator);
}*/
.Decisionwrap .program__add-button-reason {
    margin-right: 5px !important;
} #SchedulerView .k-scheduler-toolbar ul li.k-state-hover {
    border-color: rgba(var(--global-calendar-border), 0.3) !important;
} #SchedulerView .k-icon:before {
    line-height: 1;
    display: inline-block;
    top: -5px;
    left: -12px;
    background-size: 10px !important;
} .k-scheduler-monthview .k-event .k-event-template {
    width: 80% !important;
    overflow: hidden !important;
    padding-top: 0.1em !important;
} #divlookUpMenu #divDisplayProspects #divNameSearch.form-inline .form-group {
    display: inline-flex;
    margin-left: 5px;
} .reportSlider {
    padding: 10px;
    position: absolute;
    top: 105px !important;
    right: 10px;
    margin: 10px;
    background-color: var(--brand-default-light-background);
    border: 1px solid #efefef;
    display: none;
    text-align: justify;
    top: 52px;
} .calendar-user-name {
    max-width: 220px !important;
} .user-details {
    padding-top: 10px;
    height: 290px;
    background: var(--brand-component-secondary-background);
    border-radius: 5px;
    width: 364px;
    margin-left: 5px;
} .app-k__dropdown {
    margin-bottom: 15px;
    border-radius: 5px !important;
} .app-k__dropdown .k-dropdown-wrap {
        border: 1px solid var(--global-input-border-color) !important;
        border-radius: 5px !important;
        height: 35px !important;
    } #SetDefaultRight #adminchkrights label {
    margin-right: 5px !important;
    margin-left: 10px;
} #dvFile .k-i-x:before {
    content: " ";
    background-image: url(/Images/Admission/cancel-black-small.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 17px !important;
    bottom: 2px;
    top: -7px;
    left: -10px;
} #divEditSchedulerSpec span.k-dropdown span.k-dropdown-wrap {
    height: 40px;
} #divEditSchedulerSpec .k-dropdown .k-input {
    padding-top: 5px;
} input#rpts_searchValue {
    width: auto;
}
/*.pros-search-left {
    border: 1px solid var(--global-dropdown-border);
    border-right: none;
}

.pros-search-right{
    border-left: none !important;
}*/
#contactConstraintGrid .k-grid-header th.k-header {
    text-overflow: clip;
} .divBatchrequirement .divBatchStyle1 .col-md-offset-1:first-child {
    max-width: auto;
    padding-right: 0;
}
/*.divBatchStyle1 .k-picker-wrap.k-state-default {
    border-color: rgba(0,0,0,.2) !important
}*/
.divBatchprospect .row {
    margin: 13px 0 0 0;
} #tabstripBatchEntries input[type="text"], #tabstripBatchEntries .k-dropdown-wrap.k-state-default, #tabstripBatchEntries .k-widget.k-maskedtextbox input[data-role*="maskedtextbox"], #tabstripBatchEntries .demo-field-date.form-control .k-picker-wrap.k-state-default #tabstripBatchEntries #divBatchentry .form-control, #tabstripBatchEntries #divBatchentry .k-widget.k-datepicker input.form-control, #tabstripBatchEntries #divBatchentry .form-control {
    border: 1px solid var(--global-input-border-color) !important;
    border-radius: 5px !important;
    height: 35px !important;
} #tabstripBatchEntries input.k-input {
    border: none !important;
    height: auto !important;
} #tabstripBatchEntries .demo-field-date.form-control .k-picker-wrap.k-state-default, .divBatchStyle1 .k-picker-wrap.k-state-default {
    border: 1px solid var(--global-input-border-color) !important;
} #tabstripBatchEntries .k-picker-wrap .k-select {
    border-left: 1px solid var(--global-input-border-color) !important;
} div#divDisplayProspects {
    padding: 10px 15px;
} #SetDefaultRight #gridContactDefaultRights .k-header:last-child {
    padding-left: 3px !important;
} #gridContactDefaultRights.app-kgrid__container td:first-child {
    padding-left: 10px !important;
} #gridSuperDBTableRights.app-kgrid__container table tbody tr {
    height: 35px;
} #applyPhoneFormat label.paddingTopZero {
    width: 692px;
} #chkApplyPh {
    margin-left: -25px !important;
    margin-top: -20px;
} .custom-phone-format {
    position: absolute;
    left: 325px;
    top: -53px;
    width: fit-content;
} .holdingbin_section #divInquiryHoldingBinTab #divInquiryFormsGrid_1 img.grid__settings, .holdingbin_section #divInquiryHoldingBinTab #divInquiryFormsGrid_4 img.grid__settings, .holdingbin_section #divInquiryHoldingBinTab #divInquiryFormsGrid_5 img.grid__settings {
    width: 20px;
    margin: -4px 5px 0 0;
} .holdingbin_section #divInquiryHoldingBinTab #divInquiryFormsGrid_1 .dropdown.open .settings__dropdown img.add__settings, .holdingbin_section #divInquiryHoldingBinTab #divInquiryFormsGrid_4 .dropdown.open .settings__dropdown img.add__settings, .holdingbin_section #divInquiryHoldingBinTab #divInquiryFormsGrid_5 .dropdown.open .settings__dropdown img.add__settings {
    transform: rotate(180deg);
} #attachFiles .k-upload .k-button.k-upload-button {
    background-color: var( --brand-main-backgroundcolor-indicator) !important;
    color: var(--global-text-light) !important;
    border-radius: 5px !important;
} .prospect-outer {
    overflow: hidden;
} .prospect-right {
    width: 67px;
    height: 65px;
    border: 1px solid var(--global-box-border);
    border-radius: 45%;
    background-color: var(--brand-component-secondary-background);
    margin-right: -50px;
    margin-top: -50px;
} .prospects-help-icon {
    position: absolute;
    right: 40px;
    top: 116px;
} .prospects-outer-div {
    padding-right: 8px;
} #ddlOneProspectView-list.k-list-container.k-popup.k-group.k-reset {
    width: 230px !important;
} .app-white__dropdown {
    width: 160px;
    text-align: left;
    padding-left: 10px;
    background: var(--brand-default-light-background);
    border: 1px solid var(--global-user-menu-border);
    border-radius: 5px;
} #divEventLayout .divEventContentLeft .app__dropdown.open .dropdown__caret {
    transform: rotate(180deg);
    margin-right: 10px;
} #tabstripsetup-2 .field__settings {
    right: 0px;
} #Gradewindow .drop-arows {
    width: 42px;
} .drop-arows {
    padding: 170px 0 0;
    width: 52px;
    text-align: center;
} .divBatchprospect label {
    padding-top: 10px !important;
} .contact-comparison {
    height: 590px !important;
} #divMapOtherFieldsContainer1 .col-md-5 {
    margin-top: 60px;
} #divMapOtherFieldsContainer1 .rightoption_panel {
    padding: 40% 0px 0px 0px;
    margin-left: 20px;
} #divphoneformatgrid .app-kgrid__container .k-grid-content td, #divphoneformatgrid .app-kgrid__container td {
    padding-left: 20px !important;
} #divShowCoOwner {
    border: 1px solid #efefef;
    margin: 5px 0 0 0;
    padding: 3px;
    background-color: var(--brand-component-secondary-background);
    border-radius: 5px;
} .user-security #btnDefaultSettings {
    margin-left: 19px;
} #divContainer #divBatchOptionTabStrip > .k-content.k-state-active {
    background-color: var(--brand-default-light-background) !important;
} #divContainer #divBatchOptionTabStrip > .k-content.k-state-active #divSetAsButtons {
        padding-right: 0 !important;
    } #divContainer #divBatchOptionTabStrip > .k-content.k-state-active .batch-provisional {
        padding-top: 0 !important;
    } #userListDiv #btnDefaultSettings {
    margin-left: 17px;
} #gridSuperDBFieldRights.app-kgrid__container .k-grid-content table td:not(:first-child) {
    padding-left: 10px !important;
} #gridRequirementRights .k-grid-header th.k-header:not(:first-child) {
    padding-left: 24px !important;
} #gridViewRights .k-grid-header th.k-header:not(:first-child) {
    padding-left: 24px !important;
} #gridViewRights .k-grid-header th.k-header:last-child {
    padding-left: 11px !important;
} #divScreenPageFields input[type="text"] {
    border: none;
    padding: 5px;
    cursor: pointer;
    background: #f3f3f3;
} #divScreenPageFields li {
    border: 1px solid #ffffff;
    cursor: pointer;
    background: #f3f3f3;
} .manage-screens {
    padding: 10px 20px;
} #screenGrid .k-icon.k-i-add {
    background-image: none !important;
} #screenGrid .k-icon.k-i-add:before {
        content: " " !important;
        background-image: url(/Images/Admission/add-white.svg) !important;
        background-repeat: no-repeat;
        top: 5px;
    }
/*#selectedFieldsGrid td[role="gridcell"] { /*******Moved from Site.css *****
    padding: 2px 5px !important;
}*/
#screens-wrap #screenNavpanel {
    margin-top: 72px;
} #screens-wrap #screenNavpanel {
    height: 583px !important;
} #grdUserSchoolRights .app-kgrid__container .k-grid-content td, .app-kgrid__container td:last-child {
    padding-left: 16px !important;
} #mainUsersGrid .app-kgrid__container td:last-child {
    padding-left: 30px !important;
} #RequirementsGrid.app-kgrid__container .k-grid-header-wrap th.k-header:not(:first-child) {
    padding-left: 23px !important;
} #doProspectSearch.search__detailbox {
    height: 40px !important;
} #divSingleProspectDemographics #tabstripDemographics .k-content {
    margin: 0em 0em 0em 0em !important;
    overflow-y: auto !important;
    box-shadow: none !important;
} .k-pager-wrap.k-grid-pager .k-pager-sizes.k-label span.k-dropdown {
    float: left !important;
    width: 60px !important;
    margin-left: -25px !important;
} #gridContactUserRights.app-kgrid__container .k-grid-header-wrap th.k-header:not(:first-child), #grdYearRights.app-kgrid__container .k-grid-header-wrap th.k-header:not(:first-child) {
    padding-left: 16px !important;
} #gridSuperDBFieldRights.app-kgrid__container .k-grid-content table td:nth-child(3) {
    padding-left: 0 !important;
    padding-right: 6px !important;
} #home_screen.help-freshdesk-prospect {
    display: block !important;
} .divReport #divGeneralReports {
    height: calc(100vh - 175px) !important;
} #grdBookmarkedProspects .k-icon.k-i-delete {
    width: 20px !important;
} #divLotteryProspectList #WLCProspectGrd .flex__box:not(:first-child) {
    padding: 0px 20px;
} #divLotteryProspectList #WLCProspectGrd .flex__box:nth-child(7) {
    padding: 0px 0px;
} #divCommunicationLog .grid__headlinecontent {
    width: max-content;
} #divProvisionalView .pr-rdcrnr, #divBatchOptionTabStrip .pr-rdcrnr {
    display: none;
} .dashboard-wrap .app__dropdown .k-dropdown-wrap.k-state-default {
    border-radius: var(--global-border-radius) !important;
    height: 40px;
} .dashboard-border-radius {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
} .dashboard-header {
    padding-top: 13px !important;
    padding-left: 20px !important;
    height: var( --card-header-height);
    background-color: var(--brand-main-backgroundcolor-indicator);
    letter-spacing: 1px;
} #AdmissionStepsChart {
    border-radius: 5px;
    border: none;
    height: 491px !important;
} .column-box {
    background: #fff;
    border-radius: 0px;
    padding: 0;
} .contact-reminder-title {
    padding: 15px 0px 12px 15px;
    font: var(--global-text-size-xxl);
    border-radius: 6px 6px 0px 0px;
    color: var(--global-text-light) !important;
    text-align: left;
    margin-top: 0px;
} .column-box.remaining-openings {
    padding: 15px 15px 65px 15px;
    position: relative;
    height: 650px;
    padding: 0px;
    border-radius: 5px;
} .contact-reminder-titleA {
    overflow: hidden;
    width: 55%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
} #divDashboard .opening-grades ul {
    padding: 20px 4px 4px 10px;
    margin: 5px 0px 5px 6px;
    min-width: 80px;
    min-height: 90px;
    border-radius: 5px;
    border: 1px solid var(--global-seperator-color);
    color: var(--global-text-color);
} .opening-grades {
    width: 100%;
    overflow-y: scroll;
} .remaining-openings-data {
    padding: 20px;
} #divDashboard .opening-grades {
    margin-top: 30px;
    height: 390px;
} #divDashboard .opening-grades ul:hover, #tbSnapshot .opening-grades ul:hover {
        cursor: pointer;
    } #divDashboard .app-all__dropdown .k-widget .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
    background-position: right 5px top 15px !Important;
} .opening-grades ul li {
    min-width: 30px;
    text-align: center;
} #ContactReminderChart, #AppointmentReminderChart {
    height: 650px;
    border-radius: 5px;
} .column-box-outer.left-align {
    padding: 5px;
} #divDashboard div#OLFStatisticsChart {
    height: 512px !important;
} #divDashboard .k-dropdown .k-input, #divDashboard .k-dropdown .k-state-focused .k-input, #divDashboard .k-menu .k-popup, .k-multiselect .k-button, #divDashboard .k-multiselect .k-button:hover, #divDashboard .form-control {
    color: var(--global-text-color) !important;
} .dashboard-view {
    height: calc(100vh - 118px) !important;
    overflow-y: auto;
    padding-top: 10px;
    width: 100%;
} .dashboard-wrap .k-chart {
    background: #fff;
    padding: 0;
    height: 583px !important;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
} .inprogress-scroll-parent {
    min-height: 491px;
} .inprogress-scroll {
    height: 450px;
    overflow-y: auto;
    margin-left: 10px;
    border-radius: 0px;
} .dashboard-box {
    padding-top: 20px !important;
} #divDashboard .lftless {
    margin-left: 0;
} .dashboard-wrap .k-dropdown-wrap .k-input {
    padding: 8px;
} .dashboard-wrap .full-length {
    position: relative;
    padding: 6px 0px 5px 0px;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
    height: 53px;
} #divDashboard .form-control, .adminProcesSettings .form-control, #divOLFStatisticsSettingsWindow .form-control {
    height: 40px;
} .strikeouttext {
    text-decoration: line-through;
} #divDashboard .fa.fa-cogs.brand-color.icon-border {
    background-image: url(../Images/Admission/settings-blue.svg) !important;
    background-position: right 5px top 0px !Important;
    background-repeat: no-repeat;
    height: 25px;
    width: 40px;
    background-size: 21px;
    position: absolute;
    top: -10px;
} #DecisionSettingsIcon, #AdmProcessGradeSettingsAnchor, #exportContactSetting, #AdmProcessYearSettingsIcon, #AdmProcessFunnelSettingsIcon, #cumulativeApplicationsSettingsIcon, #FieldWidgetSettingsIcon, #OLFStatisticsSettingsIcon, #OverviewSettingsIcon {
    background-image: url(../Images/Admission/settings-white.svg) !important;
    background-position: right 15px top 3px !Important;
    background-repeat: no-repeat;
    height: 25px;
    width: 40px;
    background-size: 22px;
    position: absolute;
    top: 12px;
    right: 0;
    cursor: pointer !important;
} #divEventCategory #ScheduleCategoryIcon.specific-icon-pos {
    background-image: url(../Images/Admission/settings-black.svg) !important;
    background-position: left 14px top 0px !Important;
    background-repeat: no-repeat;
    height: 25px;
    width: 40px;
    background-size: 22px;
    position: absolute !important;
    top: 5px;
    right: 0;
    cursor: pointer !important;
} .k-widget.k-window.select__dashboard-charts {
    width: 820px !important;
} #DecisionChartColorGrid .k-grid-header-wrap thead th label, #YearMasterGrid .k-grid-header-wrap thead th label, .fieldStatChart.app-kgrid__container .k-grid-header-wrap th.k-header {
    color: var(--global-border-light) !important;
} #exportAppointmentExcel, #exportContactExcel {
    background-image: url(../Images/Admission/send-to-excel.svg) !important;
    background-position: right 15px top 3px !Important;
    background-repeat: no-repeat;
    height: 25px;
    width: 40px;
    background-size: 22px;
    position: absolute;
    top: 12px;
    right: 0;
} #btnAppoinmentRefresh, #btnContactRefresh {
    background-image: url(../Images/Admission/refresh-white.svg) !important;
    background-position: right 15px top 3px !Important;
    background-repeat: no-repeat;
    height: 25px;
    width: 40px;
    background-size: 22px;
    position: absolute;
    top: 12px;
} #btnToQuickMail {
    background-image: url(../Images/Admission/e-mail-white.svg) !important;
    background-position: right 15px top 3px !Important;
    background-repeat: no-repeat;
    height: 25px;
    width: 40px;
    background-size: 25px;
    position: absolute;
    top: 12px;
} #OverviewChartNew.k-chart {
    height: 600px !important;
} .adminProcesSettings .app__dropdown .k-dropdown-wrap.k-state-default, #divOLFStatisticsSettingsWindow .app__dropdown .k-dropdown-wrap.k-state-default, #divOverviewSettingsWindow .app__dropdown .k-dropdown-wrap.k-state-default, .field-properties-data .app__dropdown .k-dropdown-wrap.k-state-default {
    height: 40px;
    border-radius: 5px !important;
} .adminProcesSettings .col-md-2.control-label.label-fix {
    font-size: 14px !important;
} .adminProcesSettings .k-dropdown .k-input, #divOLFStatisticsSettingsWindow .k-dropdown .k-input, #divOverviewSettingsWindow .k-dropdown .k-input, .field-properties-data .k-dropdown .k-input {
    padding-top: 8px;
} #spanExportExcelShortcut {
    margin-right: 40px;
} #btnAppoinmentRefresh, #exportContactExcel {
    right: 40px;
    margin: 0 !important;
} #btnContactRefresh {
    right: 72px;
} #btnToQuickMail {
    right: 125px;
} .k-widget.k-window.infoDialog.contact-specifications {
    width: 825px !important;
    top: 100px !important;
} #AppointmentReminderChart {
    height: 633px !important;
} #AddEditRequirementNotes {
    cursor: default;
} .workshop-container {
    border: 1px solid var(--global-border-light);
    height: auto;
} .training-image {
    height: auto;
    width: 90px;
} .loginLeft .training-info {
    margin: 0 !important;
} #BodyScreen {
    overflow-y: auto;
}
/*new code*/
/***********Side bar for single and multi prospects Starts***********/
.view-info-prospect .app-expanded-icon {
    width: 24px;
    height: 24px;
    opacity: 1;
} #studentsViewInfo .offcanvas-header {
    align-items: flex-start;
    display: flex;
} .grade-value {
    padding: 20px;
    background: var(--global-grade-value-bg);
    border-radius: 8px;
    width: 100%;
    margin-right: 25px;
    height: 60px;
} .filters-view-table {
    width: 100vh;
    background: var(--brand-default-light-background);
} .filters-view-table thead tr {
        background: var(--brand-modal-grid);
    } .filters-view-table thead tr {
        position: relative;
    } .filters-view-table thead tr th:before {
            position: absolute;
            right: 50%;
            height: 80%;
            width: 1px;
            top: 10%;
            background: var(--brand-modal-grid-data);
            content: "";
        } .filters-view-table thead tr th, .filters-view-table tbody tr td {
            padding: 10px 20px;
            border-bottom: 1px solid var(--global-brand-grid-border);
            color: var(--global-text-color) !important;
            width: 50%;
        } .filters-view-table tbody tr:last-child td {
        border: none;
    } .filters-table {
    height: 400px;
    overflow-y: auto;
}
/***********Side bar for single and multi prospects Ends**********/
.disable-anchor {
    pointer-events: none
}
/*Start: new code for email*/
#dvToField, #dvCcField, #dvBccField {
    padding-top: 10px;
    background: #e0e0e0;
} .quick-mail__container .email-recipients-grid {
    border-right: 0 !important;
} .quick-mail__container .email-recipients-grid {
    width: 100% !important;
} #toFieldSelectioGrid .k-tabstrip-wrapper {
    margin: 0 !important;
}
/*.when-to-send-div {
    margin-bottom: 10px;
    padding-left: 10px;
}
    .when-to-send {
width: 120px;
}
.send-now-div {
width: 120px;
}
.send-latter-div {
width: 160px;
}
    
#dtSendLaterDateTime {
float: right;
height: 30px;
position: absolute;
}
    
#spnDtPicker .k-widget.k-datetimepicker .k-picker-wrap .k-select {
position: relative;
border-style: solid;
border-width: 1px 1px 1px 1px;
margin: 3px 0px 0px -65px !important;
height: 34px;
border: none;
}
*/
.calendar-box {
    width: 200px;
    /*margin-right: 10px;*/
} #dtSendLaterDateTime {
    position: relative;
    top: 0px;
    height: fit-content;
    box-shadow: none;
    border-radius: 5px !important;
} #spnDtPicker .k-widget.k-datetimepicker .k-picker-wrap .k-select {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 41px;
    border-left: 0;
} #spnDtPicker .k-datetimepicker .k-select .k-link-time {
    margin-right: 0;
    margin-left: 0;
} .calendar-box #spnDtPicker .k-picker-wrap {
    border: 1px solid var(--global-input-border-color) !important;
    border-radius: 5px !important;
    height: 35px;
} .calendar-box span.k-widget.k-datetimepicker.form-control {
    border-radius: 5px !important;
} .divEmail .when-to-send-div .app-radio label {
    padding: 0px;
    margin: 0;
    padding-left: 0;
    margin-right: 10px;
} #divEmailLayout #divSaveAsPDF input[type="checkbox"] {
    top: 0;
} #divEmailLayout.divEmail #divSaveAsPDF.col-md-5 label {
    padding: 0;
} .quick-mail__container {
    height: 100%;
} #toFieldSelectioGrid .app-tabstrip1 .k-tabstrip-wrapper .k-tabstrip {
    background-color: transparent !important;
} #toFieldSelectioGrid .app-tabstrip1 .k-tabstrip-wrapper .k-tabstrip.k-header {
        background-image: none !important;
    } #toFieldSelectioGrid .app-tabstrip1 .k-tabstrip-wrapper .k-tabstrip-items {
    background-color: transparent;
    height: 37px;
    content: none;
} #toFieldSelectioGrid .app-tabstrip1 .k-tabstrip-wrapper ul.k-reset.k-tabstrip-items:after {
    background: var(--brand-tabs-component-background) !important;
    height: 37px;
    width: calc(100% - 327px);
    content: "";
    position: absolute;
    border-top-left-radius: 8px;
} #toFieldSelectioGrid .app-tabstrip1 .k-tabstrip-wrapperul.k-tabstrip-items li.k-state-default {
    border: 0;
} #toFieldSelectioGrid .app-tabstrip1 .k-tabstrip-wrapper ul.k-tabstrip-items li:first-child {
    margin-left: 1px !important;
} #toFieldSelectioGrid .app-tabstrip1 .k-tabstrip-wrapper .k-state-default.k-state-active {
    position: relative;
} #toFieldSelectioGrid .app-tabstrip1 .k-tabstrip-wrapper .k-tabstrip-items > .k-item {
    overflow: visible !important;
    background: var(--brand-tabs-component-background) !important;
    border-radius: 8px 8px 0 0 !important;
    margin: 0px 1px -1px 0px !important;
} #toFieldSelectioGrid .app-tabstrip1 .k-tabstrip-wrapper .k-tabstrip-items .k-state-default {
    border-right: 0 !important;
    border-left: 0 !important;
} #toFieldSelectioGrid .app-tabstrip1 .k-tabstrip-wrapper .k-tabstrip-items .k-link.activeTab {
    background: var(--brand-component-secondary-background) !important;
    color: var(--global-text-color) !important;
    font-weight: 600;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    position: relative;
    font-family: var(--global-font-family-regular);
    height: 35px;
    width: 101px;
    margin-top: 2px;
    margin-right: 1px;
    margin-left: 1px;
    padding: 6px 10px 10px 35px !important;
} #toFieldSelectioGrid .app-tabstrip1 .k-tabstrip-wrapper .k-tabstrip-items .k-link {
    font-size: var(--global-text-size-lg) !important;
    color: var(--global-text-light) !important;
    font-weight: 500;
    padding: 8px 10px 10px 35px !important;
    height: 37px;
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-family: var(--global-font-family-regular);
    text-transform: capitalize;
    letter-spacing: 0.16px;
} #toFieldSelectioGrid .app-tabstrip1 .k-tabstrip-wrapper .k-tabstrip-items .k-state-active .k-link {
    background: var(--brand-component-secondary-background) !important;
    color: var(--global-text-color) !important;
    font-weight: 600;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    position: relative;
    font-family: var(--global-font-family-regular);
    height: 35px;
    width: 101px;
    margin-top: 2px;
    margin-right: 1px;
    margin-left: 1px;
    padding: 6px 10px 10px 35px !important;
} #pnlRecipient #toFieldSelectioGrid #MailSentFieldSelection {
    border: 0 !important;
} #pnlRecipient #toFieldSelectioGrid #MailSentFieldSelection .k-content {
        margin-top: 0px !important;
    } span#toRcipientGridCount, span#ccRcipientGridCount, span#bCcRcipientGridCount {
    font-weight: var(--gloabl-default-font-weight);
    font-size: var(--global-font-family-regular);
    color: var(--global-border-dark);
    letter-spacing: .16px;
} .when-to-send-div {
    /*background: #e0e0e0;
    padding: 0px 5px;
    border-radius: 5px;
    margin-right: 10px;*/
    background: #f1f1f1;
    padding: 0px 5px;
    border-radius: 5px;
    margin-right: 5px;
    border: 1px solid #b2b2b2;
} .download-port-icon {
    width: 80%;
} .divProspectNotesViewPopup {
    position: absolute;
    left: 5px;
} .k-button.k-button-icontext.k-grid-PortfolioView {
    min-width: auto !important;
    padding: 0 !important;
} .k-icon.k-i-calendar:before {
    content: "\e108" !important;
} .k-animation-container .k-filter-menu .k-icon.k-i-calendar:before {
    bottom: 2px;
    content: " " !important;
    background-image: url(/Images/Admission/calendar-black.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 14px;
} #ScheduleCategoryGrid .k-grid-content.k-auto-scrollable {
    overflow-x: hidden;
} #templateContainer .app-all__dropdown .k-widget .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
    height: 42px;
} .import-ascii {
    border: 1px solid var(--global-seperator-color);
    background: var(--brand-component-secondary-background);
} #divSuperDBimportAscii .receive-label {
    margin: 0 15px 0 2px;
} #templateContainer .col-md-1.almt-cls-12 .fileUpload.btn.btn-default {
    background-color: var(--global-link-color) !important;
    color: var(--global-text-light) !important;
} #templateContainer textarea, #templateContainer input[type=text], .tab-ddlFieldType .k-dropdown-wrap.k-state-default, #btnValidationList {
    border: 1px solid var(--global-dropdown-border) !important;
    border-radius: 5px !important;
} .divCommunicationLogViewPopup .allGridsDropdownList.app__dropdownmenulist .dropdown-menu {
    margin-top: 7px !important;
} .communication-popup__triangle {
    margin-top: 8px !important;
} #DivTable .field-properties-background {
    height: auto;
} #DivTable #btnValidationList, #dvreqvalidations #btnReqValidationList {
    width: 100% !important;
    height: 35px;
} #DivTable .app-all__dropdown .k-widget .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
    background-position: right 5px top 10px !Important;
} #btnDefineTypes.field-btn {
    height: 30px;
    width: 30px;
    margin-left: -13px;
} #demographicsfields ul.iti__country-list {
    text-overflow: ellipsis;
    width: 200px;
    overflow-x: hidden;
} .tab-grid-content.form-horizontal .form-group {
    padding: 9px 0;
    margin: 0;
} .field-properties-background {
    background: #eee !important;
} .calendar-box #dtSendLaterDateTime {
    top: 2px;
} .email-send-later {
    width: 200px !important;
} .email-recipients-grid:after {
    width: 0px;
} .quick-mail__container .email-top__container {
    padding: 10px 20px;
} .email-top__container {
    padding: 10px 0;
} .advanced-mode-compose__top {
    position: relative;
} #lblEmailTemplateName {
    display: inline-block;
    position: absolute;
    right: 24px;
    top: 62px;
} .quick-mail__container #lblEmailTemplateName {
    top: 19px;
} .quick-mail__container .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-last-child(3):before, .email-basic-mode__popup .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-last-child(3):before {
    width: 0px !important;
} .reportBorder #viewSelectionDiv .app-all__dropdown span.k-input {
    padding-top: 5px;
} #lookUp .divReport #divReportsProspectGrid.app-kgrid__container td {
    padding-left: 30px !important;
} #lookUp .divReport #divReportsProspectGrid.app-kgrid__container .k-grid-content.k-auto-scrollable {
    height: 480px;
} #lookUp .divReport #divReportsProspectGrid.app-kgrid__container input[type="checkbox"] {
    top: 0;
}
/*End : new code for email*/
/*new code for email*/
#btnSuperDBimpCancel, #btnsuperconfirmCancel, #UpProspectData_Cancel {
    display: none !important;
} #setupcont .tab-grid-content.form-horizontal .form-group {
    padding: 11px 0px;
} .multiple-prospect-contact__list li:nth-child(odd) {
    background-color: rgba(var(--brand-table-row-background), 0.1);
} .multiple-prospect-contact__list li:nth-child(even) {
    background-color: rgba(var(--brand-table-row-background), 0.03);
} .add-edit-modal .app__datepicker .k-i-calendar:before {
    content: none !important;
} #divASCIISuperDBMappingGrid.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-child(2):before {
    background: none !important;
} #gridSuperDBFieldRights.app-kgrid__container .k-grid-header-wrap th.k-header:nth-child(2) {
    padding-left: 40px !important;
} #gridSuperDBFieldRights.app-kgrid__container .k-grid-header-wrap th.k-header {
    text-overflow: clip;
} #gridSuperDBFieldRights.app-kgrid__container .k-grid-header-wrap th.k-header:nth-child(4) {
        padding-left: 35px !important;
    } #templateContainer span.fileUpload-btn {
    position: relative;
    bottom: 7px;
} #SetDefaultRight #gridContactDefaultRights .k-header {
    padding-left: 8px !important;
    text-overflow: clip;
} .dashboard-wrap .chartbox {
    height: 649px;
} .field-properties .appointment-reminder-cs .table-cs-dashboard .k-grid-content {
    height: 440px !important;
} #txtAreaProspectNotes {
    height: 200px !important;
}
/*Start : Grid Sort Icon :Icon changes when a column is filtered*/
.k-grid-filter.k-state-active .k-icon.k-i-filter:after {
    content: "\2713" !important;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 10px;
    height: 10px;
    font-size: 6px;
    color: #fff;
    z-index: 999999999;
    text-indent: 1px;
    border: 1px solid #fff;
    border-radius: 20px;
} .app-kgrid__container .k-header.k-filterable.k-with-icon .k-grid-filter.k-state-active .k-icon.k-i-filter:before {
    background-position: right 0px top 4px !important;
} .app-kgrid__container .k-grid-header-locked .k-grid-filter.k-state-active .k-icon.k-i-filter {
    height: 26px;
}
/*End : Grid Sort Icon :Icon changes when a column is filtered */
.requirement-details__inner-container .requirement-box .k-icon.k-i-calendar::before, .inputforall .k-icon.k-i-calendar::before, .addnewcontact .k-icon.k-i-calendar::before {
    content: "" !important;
}
/*********Latest Appointments Dropdown Starts*************/
.latest-appointments-dropdown {
    border: 1px solid var(--global-user-menu-border) !important;
    width: 250px !important;
    z-index: 99999;
    background: var(--brand-default-light-background);
} .latest-appointments-dropdown__data {
    border: 1px solid var(--global-user-menu-border) !important;
} .latest-appointment-popup__triangle {
    width: 0;
    height: 0;
    float: left;
    margin-top: 1px;
    rotate: 270deg;
    z-index: 999999;
} .latest-appointment-popup__triangle-height {
    left: 185px;
} .latest-appointment-popup-data__triangle {
    margin-top: 59px;
    right: 40px;
} .latest-appointments-dropdown li {
    padding: 0 0 15px 0 !important;
    list-style: none;
} .latest-appointments-dropdown li:last-child {
        padding-bottom: 0 !important;
    }
/*********Latest Appointments Dropdown Ends*************/
#divAddSchedulerSpec .form-control .k-picker-wrap.k-state-default {
    height: 34px !important;
    border-color: rgba(0,0,0,.2) !important;
} #divPrintMenu {
    height: auto;
}
/***************Latest Appointment New Design Starts***************************/
.appointmnets-div-height {
    height: 80px;
} .appointments__colorcode {
    height: 60px;
    border-radius: 10px;
    left: 10px;
} .close-appointments {
    background: none;
    opacity: 1;
    right: 15px;
} .latest-appointments-dropdown__data {
    right: 0;
    width: 340px;
    z-index: 9999;
    margin-top: 58px;
} .latest-appointments-dropdown__data li:first-child {
        padding: 10px 0 10px 0 !important;
        list-style: none;
    } .latest-appointments-dropdown__data li {
        margin-left: 30px;
        font-weight: var( --gloabl-default-font-weight) !important;
        line-height: 25px;
    } .grid__indicater {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    margin-top: 3px;
    left: 10px;
    z-index: 999999;
    border: 1px solid var(--global-border-dark);
}
/***************Latest Appointment New Design Ends***************************/
#divPrintMenu {
    height: auto;
}
/*Lookup grid width alignment issue*/
#divLookup #divHomeTab .k-editable.k-grid-lockedcolumns .k-grid-content.k-auto-scrollable, #divLookup #divHomeTab .k-editable.k-grid-lockedcolumns .k-grid-header-wrap.k-auto-scrollable {
    width: calc(100% - 522px) !important;
} #divLookup #divHomeTab .k-editable.k-grid-lockedcolumns .k-grid-content-locked, #divLookup #divHomeTab .k-editable.k-grid-lockedcolumns .k-grid-header-locked {
    width: 522px !important;
}
/*Lookup grid width alignment issue*/
.app__dropdownmenulist .export-dropdown-menu {
    left: -24px;
    top: 43px;
    min-width: 107px;
} .app__dropdownmenulist .export-dropdown-menu.dropdown-menu li a {
        padding: 10px 15px;
    }
/*Start : To be deleted once backend part for lookup done*/
.app-kgrid__container .k-grid-content td.app-p-0, .app-kgrid__container td.app-p-0, .app-kgrid__container .k-grid-content-locked td.app-p-0 {
    padding: 0 !important;
} .app-kgrid__container .k-grid-content-locked td:nth-child(4) {
    border-left: 1px solid var( --global-grid-border) !important;
} .app-kgrid__container .k-grid-header-locked th.k-header:nth-child(3):before {
    height: 20px;
    width: 1px;
    background: var(--brand-default-light-background);
    top: 11px;
    right: 0;
    content: "";
    position: absolute;
}
/*End :To be deleted once backend part for lookup done*/
#buttonProgressNext.buttonProgressNext > img, #btnEditContactPrev.buttonProgressPrev > img {
    opacity: 0.3 !important;
} .email-icon {
    height: 21px;
} .prospects-icons:hover .prospects-icons-hover.email-icon-hover {
    height: 21px !important;
    width: 21px !important
} #userListDiv #btnDefaultSettings button {
    width: max-content;
} .contact__email-image:hover {
    zoom: 1.1;
} .close-email-icon {
    top: 10px;
    left: 0;
    background: none !important;
    position: relative !important;
}
/**************Demographic Screen Disabled Fix**********/
#demographicsfields #FieldLayout .k-dropdown-wrap.k-state-disabled {
    background: #eee !important;
    height: 33px !important;
} #demographicsfields #FieldLayout .k-dropdown-wrap.k-state-disabled input.k-input {
        height: 33px !important;
        background: none !important;
    } #demographicsfields #FieldLayout span.k-combobox.k-combobox-clearable, #demographicsfields #FieldLayout .k-widget.k-dropdown.form-control {
    border: 1px solid var(--global-dropdown-border) !important;
    height: 35px !important;
} #demographicsfields #FieldLayout .k-dropdown-wrap.k-state-default.k-state-default:hover {
    border: none !important;
} #demographicsfields #FieldLayout .form-control .k-dropdown-wrap {
    background: #eee !important;
} #demographicsfields #FieldLayout .form-control .k-dropdown-wrap.k-state-default {
        background: none !important;
    }
/**************Demographic Screen Disabled Fix**********/
/**************** No Rights Styles ****************/
#title {
    background: var(--brand-default-light-background);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 20px 20px 0 20px;
} #title .nrhead-a {
        color: var(--brand-main-backgroundcolor-indicator)
    } #title .nrhead-a, #error {
        padding-left: 0;
    } #error {
    background: var(--brand-default-light-background);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px 20px 20px 20px;
    margin-top: 0;
    color: #000;
} #divOneProspectTab .tab-content.app-grid-container {
    background: #fff;
} #divOneProspectTab .tab-content.app-grid-container > br {
        display: none;
    } .panel.active > #title {
    margin: 15px 15px 0;
    display: inline-block;
    width: calc(100% - 30px);
} .panel.active > #error {
    margin: 0 15px 15px;
}
/**************** End of No Rights Styles ****************/
/**************Demographic Screen Disabled Fix**********/
#demographicsfields #FieldLayout .k-dropdown-wrap.k-state-disabled {
    border: 1px solid var(--global-dropdown-border) !important;
    background: #eee !important;
    height: 33px !important;
} #demographicsfields #FieldLayout .k-dropdown-wrap.k-state-disabled input.k-input {
        height: 33px !important;
        background: none !important;
    } #demographicsfields #FieldLayout span.k-combobox.k-combobox-clearable, #demographicsfields #FieldLayout .k-widget.k-dropdown.form-control {
    border: 1px solid var(--global-dropdown-border) !important;
    height: 35px !important;
    cursor: not-allowed !important;
}
/**************Demographic Screen Disabled Fix**********/
#AProspectNotesGrid table tbody tr td:nth-child(6) {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/***********Import Tab Scrollbar*****************/
#receive_allTabContent .k-tabstrip > .k-content, #receive_allTabContent #templateWhiteContent #asciiTemplateNavpanel {
    height: calc(100vh - 125px) !important;
}
/***********Import Tab Scrollbar*****************/
/*****Snapshot -> Demographics Close Icon for Dropdown Starts********/
#tabstripDemographics #FieldLayout .k-dropdown-wrap > .k-i-close:before {
    top: 0px !important;
    position: absolute;
    display: block;
    background-size: 20px;
} #tabstripDemographics #FieldLayout .k-dropdown-wrap > .k-i-close {
    top: 18px !important;
    background-image: url(../Images/Admission/cancel-black-small.svg);
    right: 40px;
}
/*****Snapshot -> Demographics Close Icon for Dropdown Ends********/
/***********Import Tab Scrollbar*****************/
/*********Holding Bin -> Email Template Starts************/
.full-width .email-template.col-md-8 table.k-editor, .signature-email-pad.col-md-12 table.k-editor {
    border: 1px solid rgba(var(--global-border-dark-rgb), var(--opacity-four)) !important;
} .email-template .k-combobox:first-child, .signature-email-pad .k-combobox:first-child {
    width: 225px !important;
} .email-template .k-combobox:last-child, .signature-email-pad .k-combobox:last-child {
    width: 130px !important;
} .email-template .k-editor-toolbar, .signature-email-pad .k-editor-toolbar {
    padding: 5px !important;
    background: var(--brand-component-secondary-background);
} .signature-email-pad .k-editor .k-editable-area .k-content {
    height: 130px !important;
} #divAllFieldsGrid.email-divAllFieldsGrid .k-grid-content.k-auto-scrollable {
    height: 260px !important;
}
/*********Holding Bin -> Email Template Ends************/
.prospects-bookmarks-yellow-filled:hover {
    top: 4px;
    transform: scaleY(1.2);
} #SdvAllProspectContacts .pagination span.k-widget.k-dropdown {
    width: 70px !important;
}

#dvtxtEmailEditor .app__dropdownmenulist .dropdown-menu {
    top: 40px;
}
/* Muliti prospects lookup - Tooltip upward direction */
.tooltip-grid-wrap.tooltipTop { top: auto !important; bottom: 28px; }
.portfolio-popup__triangle.tooltip-arrowup { margin-top: -5px; }
.portfolio-popup__triangle.tooltip-arrowup:before { top: 3px; border-width: 12px; transform: rotate(180deg); }
.portfolio-popup__triangle.tooltip-arrowup:after { top: 1px; border-width: 14px; transform: rotate(180deg); }

#divHomeTab .k-grid-header-wrap .k-header .k-link .gridMinusCol {
    position: relative;
}

#SdivCommunicationLogFilters .com__log__div{
    width:92%;
}

.divDocumentViewer-popup {
    width: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    height: calc(100vh - 0px) !important;
}
#divDocumentViewer {
    overflow: hidden;
    padding: 0;
}
/*.divDocumentViewer-popup.k-widget.k-window .k-window-titlebar.k-header {
    margin-top: 0px !important;
}*/

/*Document viewer popup styles start*/



#divDocumentViewer {
    padding: 0px;
    background: #E0E0E0;
}

    #divDocumentViewer .currentpage {
        margin-right: 8px;
        color: #000;
    }

    #divDocumentViewer .document-tick {
        width: 12px;
    }

    #divDocumentViewer .app-h-20 {
        height: 20px !important;
    }

    #divDocumentViewer .app-border-darkgrey {
        border: 1px solid #999999;
    }

    #divDocumentViewer .dropdown .btn-check:focus + .btn, .btn:focus {
        box-shadow: none !important;
    }

    #divDocumentViewer .seperation__line {
        height: 25px;
        background: #999999 0% 0% no-repeat padding-box;
    }

    #divDocumentViewer .controls-bg {
        background: #F0F0F0 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000026;
        border-top: 1px solid #999999;
        /*border-bottom: 1px solid #999999;*/
        padding: 5px 20px;
    }

    #divDocumentViewer .pdf-page {
        box-shadow: 0px 6px 12px #00000026;
        border: 1px solid #00000066;
        margin: 3% auto !important;
        /*width: 50em;*/
    }

#divDocumentViewer {
    overflow: unset !important;
}

#document-row,
#divDocument {
    height: inherit !important;
}

#print-area-main {
    overflow: auto;
    height: calc(100vh - 180px);
    padding: 0 10px 0 20px;
}

.app-scroll-none {
    overflow: unset !important;
    height: inherit !important;
}

.__gdv_ws_container {
    /*position: relative;
    top: -23px !important;*/
}

#divDocumentViewer {
    height: calc(100vh - 50px) !important;
}

.__gdv_ws_content > iframe {
    height: calc(100vh - 160px) !important;
}

.app-button.app-button__nolabel {
    padding: 5px 8px;
    min-width: auto;
}

.navbar {
    min-height: 43px;
}
.file-viewer-dropdown .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

/*Document viewer popup styles ends*/
/* Email Preview start*/
.app-kpopup__container__emailPW .k-window-content {
    padding: 20px;
}

#EmailPreviewWindow #app-k-editor .k-editor-toolbar {
    display: none;
}

.app-h-11 {
    height: 11px !important;
}

.app-flex-container {
    display: flex;
    flex-direction: row;
}

.app-leftside-flex-1 {
    flex: 1; /* Take up available space */
}

.app-leftside-flex-2 {
    flex: 2; /* Take up available space */
}

.app-rightside-flex-14 {
    flex: 14; /* Take up more space */
}

.app-rightside {
    margin-left: 10px; /* Add some spacing between label and textarea */
}
/* Email Preview ends*/
/*Document viewer popup styles ends*/
/*Appointments -> Event Category*/
#ScheduleCategoryGrid .event-category-btn{
    top:0px;
    right: 0;
}

#addAppointment #divEventLayout .divEventContent {
    height: calc(100vh - 135px) !important;
}

#divAttendanceChart .attendance-form-control-dropdown {
    width: 250px;
}
/*Email Preview*/
.email-name-label, .subject-label, .email-to-label {
    width: 80px;
}

.email-to-textbox{
    width:450px;
}

.app-verylight-blue-border {
    border: 1px solid var(--global-verylight-blue-border-color);
}

.app-blue-color {
    color: var(--global-link-color);
}

.app-white-bg {
    background-color: var(--brand-default-light-background) !important;
}

.app-border-radius-50 {
    border-radius: 50px;
    -moz-border-radius: 50px;
}

.app-w-350px{
    width:350px;
}

.email-preview-textbox{
    width:82%;
}
/*Email Preview*/

/***********Holding Bin Design Starts************/
.page__headerbar {
    background: var(--brand-default-light-background);
    height: 60px;
    border-bottom: 1px solid var(--brand-fade-highlight-background);
}

#tabstripHoldingBin .k-tabstrip-items .k-state-default .k-link {
    width: max-content;
    padding-left: 10px !important;
}

#divHoldingBinTab .app__tabstrip ul.k-reset.k-tabstrip-items, #divInquiryHoldingBinTab .app__tabstrip ul.k-reset.k-tabstrip-items {
    margin-left: 0px !important;
    background: var(--brand-component-secondary-background) !important;
    border-bottom: 1px solid var(--brand-tabs-component-background) !important;
}

#home-wrap #divInquiryHoldingBinTab .column-box.responsive-column {
    border: none !important;
    box-shadow: none;
}

#divHoldingBinTab .k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom-width: 1px;
}

#tabstripHoldingBin-1, #tabstripHoldingBin-2, #tabstripHoldingBin-3, #tabstripHoldingBin-4 {
    background: var(--brand-component-secondary-background) !important;
    padding: 0px !important;
    margin: 0px !important;
    height: auto !important;
}

.holding-bin .generic-left__section {
    width: 55%;
    border-right: 1px solid var(--global-input-border-color);
}

.holding-bin .right__section {
    width: 45%;
}

.holding-bin.min-max-width .right__section {
    width: 70%;
}

.holding-bin.min-max-width .generic-left__section {
    width: 30%;
}

#divHoldingBinTab .column-box.responsive-column {
    border: none !important;
    box-shadow: none !important;
}

.holding-bin .collapse__text, .expand-collapse-arrow .collapse__icon, .holding-bin.min-max-width .expand-collapse-arrow .expand__icon, .app-button.app-button__noname .icon-name, .holding-bin .hamburger-menu {
    display: none;
}

.holding-bin.min-max-width .expand-collapse-arrow .collapse__icon {
    display: block;
    position: relative;
}

.form__approvalsec {
    background: var(--brand-light-blue);
    border: 1px solid var(--global-input-border-color) !important;
    height:60px !important;
}

#tbApplicantFormDetail .holding-bin-header-panel, #tbInquiryFormsDetail .holding-bin-header-panel {
    background-color: var(--brand-main-backgroundcolor-indicator) !important;
    display: flex;
    color: var(--global-text-light) !important;
    border-top-right-radius: var(--global-border-radius);
    height: 40px;
    box-shadow: none !important;
    background-image: none;
    align-items: center;
    margin: 0;
    border-top-left-radius: var(--global-border-radius);
    font-weight: var(--gloabl-default-font-weight);
    font-size: var(--global-text-size-lg);
}

#tbApplicantFormDetail .spec-sub-cont, #tbApplicantFormDetail .spec-cont, #tbInquiryFormsDetail .spec-sub-cont, #tbInquiryFormsDetail .spec-cont {
    background: var(--brand-default-light-background);
    margin-bottom: 20px;
    border-bottom-left-radius: var(--global-border-radius);
    border-bottom-right-radius: var(--global-border-radius);
}

.app-button.app-button__noname {
    padding: 5px 8px;
    min-width: auto;
}

.holding-bin.min-max-width .hamburger-menu {
    display: block;
    top: -10px;
    left: 0px;
    cursor: pointer;
    width: 60px;
}

.holding-bin .collapsed__div .k-tabstrip-items-wrapper {
    border-bottom: 0px !important;
}

.holding-bin.min-max-width #divDailyAttendanceTabstripBin .generic__formtabstrip ul.k-reset.k-tabstrip-items {
    height: 135px;
}

.holding-bin.min-max-width #divHoldingBinTab.generic-left__section .generic__formtabstrip ul.k-reset.k-tabstrip-items,
.holding-bin.min-max-width #divInquiryHoldingBinTab.generic-left__section .generic__formtabstrip ul.k-reset.k-tabstrip-items {
    position: absolute;
    top: -5px;
    left: 10px;
    background: var(--brand-default-light-background) !important;
    height: auto;
    width: 180px;
    z-index: 9;
    border: 1px solid var(--global-input-border-color) !important;
    border-radius: var(--global-border-radius);
    padding: 10px 0 !important;
}

.holding-bin.min-max-width #divHoldingBinTab.generic-left__section .generic__formtabstrip ul li.k-item.k-state-active {
    background-color: rgba(var(--brand-table-row-background), 0.1) !important;
    border-radius: 0 !important;
}

.holding-bin.min-max-width .generic-left__section .generic__formtabstrip ul li.k-item.s-tabHomeList {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0;
    width: 100%;
}

.holding-bin.min-max-width .collapse__text {
    display: block;
    position: absolute;
    left: 60px;
    top: 15px;
}

.holding-bin.min-max-width .hamburger-menu {
    display: block;
    top: 5px;
    left: 0px;
    cursor: pointer;
    width: 60px;
}

.holding-bin.min-max-width .generic-left__section .generic__formtabstrip ul li.k-item.s-tabHomeList span {
    color: var(--global-text-color) !important;
    background: none !important;
    display: initial;
    text-align: left;
    height: 37px;
    display:block;
}

.holding-bin.min-max-width .applicantInquirySetting {
    height: 50px;
}

.holding-bin-active, .holding-bin-hover:hover {
    border-bottom: 3px solid var(--global-light-color-indicator);
    padding-top: 3px;
}

#tbApplicantFormDetail .spec-sub-cont:last-child{
    margin-bottom: 5px;
}

.change-form-status {
    height: 13px;
    margin-top: 0px;
    margin: 0 1px;
}
/****************Holding Bin Scrollbar****************/
.app-kgrid__container.k-widget.k-grid.gridStyle.applicantsAndFormsGrid.fld-bin.k-display-block .k-grid-content, .app-kgrid__container.k-widget.k-grid.gridStyle.inquiryForms_Grid.k-display-block .k-grid-content {
    border: 0px !important;
    min-height: calc(var(--app-height) - 416px) !important;
    height: calc(var(--app-height) - 416px) !important;
}

#tbApplicantFormDetail #divApplicantFormDetail, #tbInquiryFormsDetail #divApplicantFormDetail {
    overflow-y: auto;
    min-height: calc(var(--app-height) - 283px) !important;
    height: calc(var(--app-height) - 283px) !important;
}

#home-wrap.holdingbin_section.holding-bin {
    min-height: calc(100vh - 155px);
}
/****************Holding Bin Scrollbar****************/
.holding-bin.min-max-width .applicantsAndFormsGrid, .holding-bin.min-max-width .inquiryForms_Grid {
    margin-top: 7px !important;
}

#divHoldingBinTab .k-tabstrip-wrapper, #divInquiryHoldingBinTab .k-tabstrip-wrapper {
    background: var(--brand-component-secondary-background);
}

/*.app-kgrid-custom__container .custom-div-scroll {
    max-height: 205px;
}
*/

.holding-bin.min-max-width .download-icon-expand{
    min-width: 58.5%;
}

.non-linked-field, .holding-bin.min-max-width .non-linked-field {
    max-width: 50%;
}

.holding-bin.min-max-width .non-linked-download{
    right:15px;
}

#divInquiryHoldingBinTab .app__dropdownmenulist.open img.add__settings, #divHoldingBinTab .app__dropdownmenulist.open img.add__settings {
    rotate: 180deg;
}

.holding-bin .custom-div-scroll .contacts-field-value-padd {
    padding-left: 0 !important;
}

.holding-bin .file-name-width {
    max-width: 92%;
}

.holding-bin .file-name-width:hover{
    text-decoration: underline;
}

.holding-bin.min-max-width .file-name-width{
    padding-left:15px;
}

.holding-bin.min-max-width .file-name-width {
    max-width: 97%;
}

.holding-bin .file-name-div {
    min-width: 92%;
    max-width: 92%;
}

.attachments-box .attachments-box-width-39 {
    min-width: 39%;
}
/***********Holding Bin Design Ends************/
/**********Setup -> Link Grade Level Popup Starts*********/
#LinkGradelevelsGrid .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 386px) !important;
    overflow-x: scroll;   
}

#LinkGradelevelsGrid .k-grid-content-locked {
    height: calc(100vh - 386px) !important;
    overflow-x: scroll;
    border-top: none !important;
}

#LinkGradelevelsGrid table tbody tr, #LinkGradelevelsGrid table thead th {
    white-space: nowrap;
}

#LinkGradelevelsGrid .k-grid-content-locked table.k-selectable tbody .k-grouping-row {
    background-color: #eae8e8 !important;
    height: 40px !important;
}

#LinkGradelevelsGrid.app-kgrid__container .k-icon.k-i-expand::before {
    background-image: url(/Images/Admission/add-contacts-down-arrow-black.svg) !important;
    content: " " !important;
    background-repeat: no-repeat !important;
}

#LinkGradelevelsGrid.app-kgrid__container .k-icon.k-i-collapse::before {
    background-image: url(/Images/Admission/add-contacts-up-arrow-black.svg) !important;
    content: " " !important;
    background-repeat: no-repeat !important;
}

#LinkGradelevelsGrid.app-kgrid__container .k-grouping-row .k-icon {
    margin: 5px 12px 0 -1px;
}

#LinkGradelevelsGrid.app-kgrid__container table thead th:nth-child(3){
    padding-left:15px !important;
}

#dvLinkGrade .app__dropdown .k-widget, #dvLinkGrade .app__dropdown .k-widget .k-dropdown-wrap {
    width: 300px !important;
}
/**********Setup -> Link Grade Level Popup Ends*********/