:root {
    /*************************************Background variables************************************/
    --app-height: 100%;
    --brand-main-backgroundcolor-indicator: #007ea2;
    --brand-input-readonly: #dddddd;
    --brand-light-backgroundcolor-indicator: #28a6d7;
    --brand-dark-backgroundcolor-indicator: #006480;
    --brand-container-dark-background: #475A6C;
    --brand-container-darkblue-backgroud: #00567B;
    --brand-container-light-background: #4E6377;
    --brand-component-primary-background: #F0F0F0;
    --brand-component-secondary-background: #E0E0E0;
    --brand-table-row-background: 3, 83, 164;
    --brand-default-light-background: #fff;
    --brand-default-dark-background: #000;
    --brand-default-dark-background-alpha: #00000099;
    --brand-fade-highlight-background: #BED2DC;
    --brand-process-completed-background: 54, 166, 122;
    --brand-process-incomplete-background: 236, 91, 91;
    --brand-process-inprogress-background: 255, 128, 0;
    --brand-popup-background: 33, 45, 56;
    --brand-tabs-component-background: #2F4050;
    --brand-tabs-component-background-rgb: 47,64,80;
    --brand-badge-notification-background: #66a63d;
    --brand-light-background: #f7f7f7;
    --brand-appmenu-background: #445260;
    --brand-appmenubar-background: #c00000;
    --brand-side-menubar-background: #CCDCED;
    --brand-navbar-background: #293541;
    --brand-app-header-background: #DDEDF3;
    --brand-grid-background: #E7F1F5;
    --brand-enrollment-one: #23AFD6;
    --brand-enrollment-two: #F38B4B;
    --brand-enrollment-three: #BB81C7;
    --brand-enrollment-four: #45A3AA;
    --brand-enrollment-five: #5BB665;
    --brand-enrollment-six: #8794C7;
    --brand-enrollment-seven: #CD7E93;
    --brand-ready-to-send: 35, 175, 214;
    --brand-sent-to-ascii: 245, 113, 31;
    --brand-sent-to-ap: 168, 94, 184;
    --brand-correction-required: 62, 147, 153;
    --brand-registered: 91, 182, 101;
    --brand-registered-and-correction-required: 71, 87, 151;
    --brand-deleted-from-ap: 193, 94, 121;
    --brand-light-blue: #E5EDF6;
    --brand-modal-grid: #D9E5F1;
    --brand-decision-bg: #D7EDE4;
    --brand-status-red: #FF6363;
    --brand-status-green: #36A67A;
    --brand-tile-red: #A71B22;
    --brand-tile-green: #116058;
    --brand-email-seperator: #9D9D9D;
    --brand-grid-even-bg: #F7FAFC;
    --brand-grid-odd-bg: #E5EDF6;
    --brand-grid-onhover-bg: #CDDDED;
    --brand-alert-window: #FCB002;
    --brand-success-color: #69A93A;
    --brand-demographics-tab-one: #E49BDA;
    --brand-demographics-tab-two: #E9AD79;
    --brand-demographics-tab-three: #98D9C0;
    --brand-demographics-tab-four: #82C5D8;
    --brand-demographics-tab-five: #E19494;
    --brand-completed-background: #E9F5F0;
    --brand-incompleted-background: #fceded;
    --brand-modal-grid-data: #575C60;
    --global-verylight-blue-border-color: #0353A44D;
    /*************************************Background variables************************************/
    /*************************************Color variables************************************/
    --global-text-light: #fff;
    --global-text-color: #000;
    --global-editor-color: #239DE6;
    --global-color-primary: #333333;
    --global-color-secondary: #151E20;
    --global-color-tertiary: #666;
    --global-link-color: #007EA2;
    --global-link-color-one: #0077b6;
    --global-light-color-indicator: #28A6D7;
    --global-color-warning: #000;
    --global-color-danger: #000;
    /*************************************Color variables************************************/
    /*************************************Border and box-shadow variables************************************/
    --global-table-border-color: 3, 83, 164;
    --global-input-border-color: #999;
    --global-box-border: #707070;
    --global-seperator-color: #C0C0C0;
    --global-decisions-bdr: #CCC;
    --global-form-container-border: #239DE6;
    --global-dropdown-border: #888888;
    --global-grid-border: #0353A466;
    --global-card-border: #b1b1b1;
    --global-lists-box-border: #abb9bd;
    --global-user-menu-border: #707070BF;
    --global-border-light: #fff;
    --global-border-dark: #000;
    --global-app-toggle-border: #2F4050;
    --global-box-shadow: #00000026;
    --global-process-completed-boxshadow: #36A67A;
    --global-process-inprogress-boxshadow: #FF8000;
    --global-process-incomplete-boxshadow: #EC5B5B;
    --global-kendo-table-boxshadow: #0000000D;
    --global-user-menu-boxshadow: #0000001a;
    --global-border-dark-rgb: 0,0,0;
    --global-ReadyToSend: #F5711F;
    --global-editor-border: #d5d5d5;
    --global-border-radius: 5px;
    --global-decision-bdr: #D7EDE4;
    --global-tooltip-bdr: #A5A5A5;
    --global-calendar-border: 3, 83, 164;
    --global-grade-value-bg: #F3F3F4;
    --global-brand-grid-border: #B3CBE4;
    /*************************************Border and box-shadow variables************************************/
    /*************************************Opacity variables************************************/
    --opacity-one: 0.1;
    --opacity-two: 0.2;
    --opacity-three: 0.3;
    --opacity-four: 0.4;
    --opacity-five: 0.5;
    --opacity-six: 0.6;
    --opacity-seven: 0.7;
    --opacity-eight: 0.8;
    --opacity-nine: 0.9;
    /*************************************Opacity variables************************************/
    /*************************************Fonts variables************************************/
    --global-text-size-xs: 0.75rem; /*12px*/
    --global-text-size-sm: 0.875rem; /*14px*/
    --global-text-size-md: 0.9375rem; /*15px*/
    --global-text-size-lg: 1rem; /*16px*/
    --global-text-size-xl: 1.125rem; /*18px*/
    --global-text-size-xxl: 1.25rem; /*20px*/
    --global-text-size-xxxl: 1.5rem; /*24px*/
    --global-text-size-xxxxl: 1.5625rem; /*25px*/
    --gloabl-default-font-weight: normal;
    --gloabl-bold-font-weight: 600;
    --global-font-family-regular: "source_sans_proregular";
    --global-font-family-bold: "source_sans_probold";
    --global-font-family-semibold: "source_sans_prosemibold";
    --global-font-family-italic: "source_sans_proitalic";
    /*************************************Fonts variables************************************/
    /*************************************Scroll bar variables************************************/
    --scrollbar-track: #EBEBEB;
    --scrollbar-thumb: 92, 92, 92;
    /*************************************Scroll bar variables************************************/
    /*************************************Dynamic width/height variables************************************/
    --header-height: 65px;
    --one-prospect-filter-box-height: 237px;
    --nav-height: 60px;
    --add-prospect-right-container: 356px;
    --email-right-container: 300px;
    --quick-mail-right-container: 327px;
    --card-header-height: 50px;
    /*************************************Dynamic width/height variables************************************/
}

/*************************************Font Family************************************/
@font-face {
    font-family: 'source_sans_probold';
    src: url('../fonts/SourceSansPro/sourcesanspro-bold-webfont.eot');
    src: url('../fonts/SourceSansPro/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/sourcesanspro-bold-webfont.woff2') format('woff2'), url('../fonts/SourceSansPro/sourcesanspro-bold-webfont.woff') format('woff'), url('../fonts/SourceSansPro/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
}

@font-face {
    font-family: 'source_sans_proitalic';
    src: url('../fonts/SourceSansPro/sourcesanspro-italic-webfont.eot');
    src: url('../fonts/SourceSansPro/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/sourcesanspro-italic-webfont.woff2') format('woff2'), url('../fonts/SourceSansPro/sourcesanspro-italic-webfont.woff') format('woff'), url('../fonts/SourceSansPro/sourcesanspro-italic-webfont.svg#source_sans_proitalic') format('svg');
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/SourceSansPro/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/SourceSansPro/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/sourcesanspro-regular-webfont.woff2') format('woff2'), url('../fonts/SourceSansPro/sourcesanspro-regular-webfont.woff') format('woff'), url('../fonts/SourceSansPro/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../fonts/SourceSansPro/sourcesanspro-semibold-webfont.eot');
    src: url('../fonts/SourceSansPro/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/sourcesanspro-semibold-webfont.woff2') format('woff2'), url('../fonts/SourceSansPro/sourcesanspro-semibold-webfont.woff') format('woff'), url('../fonts/SourceSansPro/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
}


/*************************************Font Family************************************/

/*************************************Font Size************************************/
.small-font {
    font-size: var( --global-text-size-xs);
}

.regular-font {
    font-size: var(--global-text-size-lg) !important;
}

.regular-lite {
    font-size: var(--global-text-size-sm) !important;
}

.medium-font {
    font-size: var(--global-text-size-md) !important;
}

.large-font {
    font-size: var(--global-text-size-xl);
}

.extra-large-font {
    font-size: var(--global-text-size-xxl);
}

.huge-large-font {
    font-size: var(--global-text-size-xxxl);
}
.triple-extra-large-font {
    font-size: var(--global-text-size-xxxxl);
}
/*************************************Font Size************************************/
/*************************************Font Weight************************************/
.normal-weight {
    font-weight: var(--gloabl-default-font-weight) !important;
}
.bold-weight {
    font-weight: var(--gloabl-bold-font-weight);
}

.source__bold {
    font-family: var(--global-font-family-bold);
}

.source__regular {
    font-family: var(--global-font-family-regular) !important;
}

.source__semibold {
    font-family: var(--global-font-family-semibold);
}

.source__semiitallic {
    font-family: var(--global-font-family-italic);
}
/*************************************Font Weight************************************/

/*************************************HTML-Element************************************/
body * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--global-font-family-regular);
    background: var(--brand-fade-highlight-background);
}

h1 {
    font-size: 2.4rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.6rem
}

h4 {
    font-size: 1.46rem
}

h5 {
    font-size: 1.34rem
}

h6 {
    font-size: 1.1rem;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
}
/*************************************HTML-Element************************************/

/*************************************Padding************************************/
.app-p-0 {
    padding: 0 !important;
}

.app-pb-0 {
    padding-bottom: 0 !important;
}

.app-p-10 {
    padding: 10px;
}

.app-pr-0 {
    padding-right: 0!important;
}

.app-pl-0 {
    padding-left: 0 !important;
}

.app-pt-0 {
    padding-top: 0 !important;
}

.app-pt-5 {
    padding-top: 5px;
}

.app-pt-10 {
    padding-top: 10px !important;
}

.app-pb-15 {
    padding-bottom: 15px;
}

.app-pt-15 {
    padding-top: 15px;
}
.app-p-20 {
    padding:20px!important;
}
.app-p-30 {
    padding: 30px !important;
}
.app-pb-20 {
    padding-bottom: 20px;
}
.app-pb-30 {
    padding-bottom: 30px;
}
.app-pt-20 {
    padding-top: 20px;
}

.app-pb-10 {
    padding-bottom: 10px !important;
}

.app-pb-5{
    padding-bottom: 5px;
}

.app-pl-5 {
    padding-left: 5px !important;
}
.app-pl-15 {
    padding-left: 15px !important;
}

.app-pl-10 {
    padding-left: 10px !important;
}

.app-pl-20 {
    padding-left: 20px !important;
}
.app-pl-25 {
    padding-left: 25px !important;
}
.app-pr-25 {
    padding-right: 25px !important;
}
.app-pr-20 {
    padding-right: 20px !important;
}

.app-pr-10 {
    padding-right: 10px !important;
}

.app-pr-15 {
    padding-right: 15px !important;
}

.app-pr-5 {
    padding-right: 5px;
}

.app-p-15{
    padding: 15px;
}
/*************************************Padding************************************/
/*************************************Margin************************************/
.app-t-0{
    top: 0 !important;
}

.app-mr-10 {
    margin-right: 10px;
}

.app-mt-10 {
    margin-top: 10px !important;
}

.app-mr-15 {
    margin-right: 15px;
}

.app-mt-15 {
    margin-top: 15px !important;
}
.app-mt-25 {
    margin-top: 25px;
}

.app-mr-20 {
    margin-right: 20px;
}

.app-mt-20 {
    margin-top: 20px !important;
}
.app-mb-30 {
    margin-bottom:30px;
}
.app-ml-5 {
    margin-left: 5px;
}
.app-ml-auto {
    margin-left:auto;
}
.app-ml-0 {
    margin-left:0!important;
}
.app-mr-auto {
    margin-right: auto;
}
.app-m-0 {
    margin: 0px !important;
}

.app-mb-0 {
    margin-bottom: 0px;
}

.app-mt-5 {
    margin-top: 5px !important;
}

.app-mb-5 {
    margin-bottom: 5px;
}

.app-ml-mr-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.app-margin-top {
    margin-top: 0.7em;
}

.app-mb-10 {
    margin-bottom: 10px;
}

.app-mb-15 {
    margin-bottom: 15px;
}
.app-mb-20 {
    margin-bottom: 20px !important;
}
.app-ml-20 {
    margin-left: 20px !important;
}
.app-ml-30 {
    margin-left: 30px !important;
}
.app-mr-0 {
    margin-right: 0px!important;
}

.app-mr-5 {
    margin-right: 5px !important;
}

.app-ml-10 {
    margin-left: 10px;
}

.app-ml-15 {
    margin-left: 15px;
}

.app-mr-35{
    margin-right: 35px;
}
/*************************************Margin************************************/
/*************************************Flex************************************/
.app-d-flex {
    display: flex;
}

.app-d-grid{
    display: grid;
}

.app-d-flex-inline {
    display: inline-flex;
}

.app-flex-row {
    flex-direction: row;
}

.app-flex-column {
    flex-direction: column;
}

.app-align-items-start {
    align-items: flex-start;
}

.app-align-items-end {
    align-items: flex-end;
}

.app-align-items-baseline {
    align-items: baseline;
}

.app-align-items-stretch {
    align-items: stretch;
}

.app-align-items-center {
    align-items: center;
}

.app-justify-content-center {
    justify-content: center;
}

.app-justify-content-start {
    justify-content: start;
}

.app-justify-content-end {
    justify-content: end;
}

.app-justify-content-between {
    justify-content: space-between;
}

.app-justify-content-around {
    justify-content: space-around;
}

.app-flex-nowrap {
    flex-wrap: nowrap;
}

.app-flex-wrap {
    flex-wrap: wrap;
}

.app-flex-start{
    align-items: flex-start;
}
/*************************************Flex************************************/
/*************************************Radio button************************************/
.app-radio {
padding-left: 20px;
position: relative;
display: inline-block;
}

.app-radio input {
opacity: 0;
position: absolute;
z-index: 1;
cursor: pointer;
margin-left: -20px;
}

    .app-radio input:checked + label::before {
        background-color: var(--brand-light-backgroundcolor-indicator);
    }

.app-radio input:checked + label::after {
content: "";
display: inline-block;
position: absolute;
width: 5px;
height: 5px;
left: 4px;
top: 7px;
margin-left: -20px;
border-radius: 20px;
background-color: var(--brand-default-light-background);
}

.app-radio label {
display: inline-block;
position: relative;
padding-left: 0;
margin-right: 29px;
margin-bottom: 0;
}

.app-radio label::before {
content: "";
display: inline-block;
position: absolute;
width: 13px;
height: 13px;
left: 0;
top: 3px;
margin-left: -20px;
border: 1px solid var(--global-text-color);
border-radius: 50%;
background-color: var(--brand-default-light-background);
}

/*************************************Radio button************************************/
/**********************************app card**********************************/
.app-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: 250px;
}
/**********************************app card**********************************/
/*************************************Dropdown************************************/
.app__dropdown .k-widget,
.app__dropdown .k-widget .k-dropdown-wrap {
height: 40px;
border-radius: 5px !important;
width: 200px !important;
}
.app__dropdown .app-w-100.k-widget, .app__dropdown .app-w-100.k-widget .k-dropdown-wrap {
    width: 100% !important;
}
.app__dropdown .k-widget .k-dropdown-wrap .k-input,
.app__dropdown .k-widget .k-state-active .k-input,
.app__dropdown .k-widget .k-state-focus .k-input {
padding-top: 10px !important;
color: var(--global-text-color) !important;
padding-bottom: 0 !important;
font-size: var(--global-text-size-lg);
font-family: var(--global-font-family-regular);
font-weight: 400;
margin: 0 !important;
line-height: 21px !important;
}

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

.app__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);
background-position: right 5px top 16px !Important;
background-repeat: no-repeat;
height: 35px;
width: 15px;
}

.app__dropdown .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);
}
.app-kgrid-dropdown .k-widget {
    border-radius: 5px !important;
}

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

.app-kgrid-dropdown .k-icon {
    color: var(--global-border-dark);
}

.app-kgrid-dropdown .k-button-icontext {
    padding: 0 !important;
    color: var(--global-text-color) !important;
}

.app-kgrid-dropdown .k-input {
    color: var(--global-text-color) !important;
    font-weight: 500 !important;
    font-size: var(--global-text-size-lg);
    font-family: var(--global-font-family-regular);
    letter-spacing: 0.16px;
}

.app__dropdownmenulist .dropdown-menu {
    margin: 0px;
    border: 1px solid var(--global-user-menu-border);
    box-shadow: none;
    background: var(--brand-default-light-background);
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.app__dropdownmenulist .dropdown-menu li a {
padding: 10px 20px;
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;
}

.app__dropdownmenulist .dropdown-menu li a:hover {
background-color: rgba(var(--brand-table-row-background), 0.2) !important;
}

/*************************************Dropdown************************************/

/*************************************Toggle Swicher************************************/
.app-toggle > input[type="checkbox"] {
    display: none;
}

.app-toggle > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 30px;
}

.app-toggle > label::before {
    background: #C4C4C4;
    content: '';
    height: 10px;
    margin-top: -8px;
    position: absolute;
    transition: all 0.4s ease-in-out;
    width: 30px;
    border: 1px solid #B0B0B0;
    border-radius: 10px;
    box-shadow: inset 0px -3px 6px #00000029;
}

.app-toggle > label::after {
    background: var(--brand-default-light-background);
    border-radius: 16px;
    content: '';
    height: 20px;
    left: 0px;
    margin-top: -3px;
    position: absolute;
    top: -10px;
    transition: all 0.3s ease-in-out;
    width: 20px;
    border: 1px solid var(--global-app-toggle-border);
}

.app-toggle > input[type="checkbox"]:checked + label::before {
    background: #36A67A;
    opacity: 0.6;
    border: none;
}

.app-toggle > input[type="checkbox"]:checked + label::after {
    background: #36A67A;
    left: 10px;
    border: none;
}
/*************************************Toggle Swicher************************************/

/*************************************Button************************************/
.app-button {
    padding: 6px 20px;
    font-size: var(--global-text-size-md);
    font-family: var(--global-font-family-regular);
    height: 40px !important;
    width: auto;
    min-width: 85px;
}

.app-primary-btn {
    background: var( --brand-main-backgroundcolor-indicator);
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: 5px;
    border: none;
}

.app-primary-btn:hover {
    background: var(--brand-dark-backgroundcolor-indicator);
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
}

.app-home-primary-btn {
    background: var(--brand-app-header-background);
    color: var(--global-text-color);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: 5px;
    border: none;
}

.app-home-primary-btn:hover {
    background: var(--brand-side-menubar-background);
    color: var(--global-text-color);
    font-weight: var(--gloabl-default-font-weight);
}

.app-primary-btn__img {
    height: 16px;
    margin:0 5px;
    margin-top: -2px;
}
.save__img {
    height: 19px;
}
.add__img { height: 11px; }

.app-secondary-btn {
    background: var(--brand-default-light-background);
    border-radius: 5px;
    border: 1px solid var(--global-link-color);
    color: var(--global-link-color);
    font-weight: var(--gloabl-default-font-weight);
}

.app-secondary-btn:hover {
    background: var(--brand-dark-backgroundcolor-indicator);
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
}

.app-secondary-btn__img,
.app-secondary-btn__img-on-hover {
    height: 16px;
    margin-right: 2px;
    margin-top: -2px;
}

.app-secondary-btn__img-on-hover {
    display: none;
}

.app-secondary-btn:hover .app-secondary-btn__img-on-hover {
    display: inline-block;
}

.app-secondary-btn:hover .app-secondary-btn__img {
    display: none;
}
.add-btn {
    height: 14px;
    margin-right: 5px;
    margin-bottom: 2px;
}

.app-ternary-btn {
    background: var( --brand-app-header-background);
    color: var(--global-text-color);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: 5px;
    border: none;
    cursor: pointer;
    height: 30px!important;
}
.app-ternary-btn:hover {
    background: var( --brand-fade-highlight-background);
    cursor: pointer;
}

.app-dropdown-button{
    height: 40px !important;
}

.app-success-btn {
    background: var(--brand-success-color);
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: 5px;
    border: none;
}
/*************************************Button************************************/

/*************************************Text************************************/
.app-text-start {
    text-align: start;
}
.app-text-end {
    text-align: end;
}
.app-text-capitalize {
    text-transform: capitalize;
}

.app-text-uppercase {
    text-transform: uppercase;
}
.app-text-center {
    text-align: center;
}

.app-letter-spacing-16 {
    letter-spacing: 0.16px;
}

.app-letter-spacing-14 {
    letter-spacing: 0.14px;
}

.app-letter-spacing-18 {
    letter-spacing: 0.18px;
}
.app-letter-spacing-20 {
    letter-spacing: 0.2px;
}
.app-letter-spacing-8 {
    letter-spacing: 0.8px;
}
.app-truncate {
    max-width: fit-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*    display: block;*/
    margin-right: 0px;
}
.app-no-max-width{
    max-width:none;
}

.app-double-line-truncate {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.app-prospects-header {
    color: var(--global-color-primary) !important;
}
/*************************************Text************************************/

/**********************************Textarea*************************/
.input__textarea {
    border-radius: 5px !important;
    border: 1px solid #888888 !important;
}

    .input__textarea:hover {
        border: 1px solid #239DE6 !important;
    }

    .input__textarea textarea {
        border: none;
        height: 100%;
        border-radius: 5px !important;
        color: #000;
        font-size: var(--font-16px);
        font-family: var(--source-sans-pro-regular);
        font-weight: var(--gloabl-default-font-weight) !important;
        min-height: 100px;
        resize:vertical !important;
    }

/**********************************End Textarea*************************/

/*************************************Position************************************/
.app-position-absolute {
    position: absolute;
}
.app-position-relative {
    position: relative;
}
.app-start-100 {
    left: 100%;
}
/*************************************Position************************************/

/*************************************Float************************************/
.app-push-right {
    float: right;
}

.app-push-left {
    float: left;
}

.app-clear {
    clear: both;
}
/*************************************Float************************************/

/*************************************Display************************************/
.app-d-block {
    display: block;
}
.app-d-none {
    display: none !important;
}
.app-d-inline-block {
    display: inline-block;
}
.app-d-table {
    display: table;
}
/*************************************Display************************************/
/*************************************Expand Icon************************************/
.app-expanded-icon {
    height: 20px;
    width: 20px;
    opacity: .8;
}

.app-expanded-icon:hover {
        opacity: 1;
    }
/*************************************Expand Icon************************************/

/*************************************Global classes************************************/
.app-rounded {
    border-radius: 50%;
}
.app-no-border {
    border: none !important;
}
.app-rounded-5 {
    border-radius: 5%;
}
.app-box-shadow {
    box-shadow: 0px 3px 6px #0000000d;
}
.app-w-100 {
    width: 100%;
}
.app-modal750 {
    width:750px !important;
}
.app-min-width-auto { 
    min-width:auto;
}
.app-border-radius {
    border-radius: 5px !important;
}
.app-translate-middle {
    transform: translate(-50%, -50%) !important;
}
.app-h-auto {
    height: auto !important;
}
.app-h-100 {
    height: 100% !important;
}
.app-w-auto {
    width: auto !important;
}
.app-height-35 {
    height: 35px !important;
}
.app-lightBdr-right {
    border-right: 1px solid var(--global-seperator-color);
}
.app-lightBdr-bottom {
    border-bottom:1px solid var(--global-input-border-color);
}
.app-text-white {
    color: var(--global-text-light) !important;
}
.app-text-black {
    color: var(--global-text-color) !important;
}

.app-text-light-black {
    color: var(--global-color-secondary) !important;
}

.app-text-sky-blue{
   color: var(--global-light-color-indicator);
}
.app-pointer {
    cursor: pointer !important;
}
.app-row {
    display: flex;
    flex-wrap: wrap;
}
.app-card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.1rem;
}
.app-card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: var(--brand-light-backgroundcolor-indicator);
    color: var(--global-text-light);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    height: var( --card-header-height);
    padding: 1em 1.1em 1em 1.1em;
}

.app-popup__dropdown-border {
    border: 1px solid var(--global-input-border-color) !important;
    border-radius: 5px;
}
.app-overflow-auto {
    overflow: auto;
}
.app-border-top-left-radius {
    border-top-left-radius: 5px;
}
.app-border-top-right-radius {
    border-top-right-radius: 5px;
}

.app-border-bottom-right-radius{
    border-bottom-right-radius:5px;

}
.app-mx-auto {
    margin-left: auto;
    margin-right: auto;
}
/*************************************Global classes************************************/
/*********************************Top header*******************************************/
.apps__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;
}
.apps__tabs-header .nav-tabs {
    height: 60px;
}
.apps__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);
}

.apps__tabs-header .nav-tabs > li.active > a,
.apps__tabs-header .nav-tabs > li.active > a:hover .apps__tabs-header .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;
}

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

    .apps__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;
}

.apps__tabs-header {
    position: relative;
}

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

/*********************************Top header*******************************************/
.seperation__line {
    position: relative;
    margin: 0 20px;
    height: 30px;
    width: 1px;
    background: var(--brand-default-dark-background);
}
/*************************************Global classes************************************/
.app-no-background {
    background: var(--brand-default-light-background) !important;
}

.app-border-radius-5 {
    border-radius: var(--global-border-radius) !important;
}

.app-white-bg {
    background-color: #fff;
}

.app-border {
    border: 1px solid #5151514D !important;
}

.app-border-radius-0{
    border-radius:0;
}

.app-secondary-bg {
    background: var(--brand-component-secondary-background);
}

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

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

.app-no-bg {
    background: none;
}

.app-no-box-shadow{
    box-shadow: none !important;
}

.source__semiitallic {
    font-family: var(--global-font-family-italic);
    font-weight: normal !important;
}

.app-mt-0 {
    margin-top: 0 !important;
}

.app-white-border {
    border: 1px solid var(--global-border-light);
}

.app-flex-row-reverse {
    flex-direction: row-reverse;
}

.app-min-height-auto{
    min-height: auto;
}

.app-min-height-50{
    min-height:50px;
}

.app-visibility-hidden{
    visibility: hidden;
}

.app-w-50{
    width: 50%;
}

.app-text-elepsis{
    text-overflow: ellipsis;
}

.app-min-width-50per{
    min-width: 50%;
}

.app-min-width-59per{
    min-width: 59%;
}

.app-min-width-100per {
    min-width: 100%;
}

.app-height-20{
    height:20px;
}

.app-height-40 {
    height: 40px;
}

.app-text-left{
    text-align: left;
}

.app-right-0{
    right: 0;
}

.app-border-bottom-light-blue {
    border-bottom: 1px solid rgba(var(--brand-table-row-background), 0.4);
}
/*********Custom Common Kendo Grid designed for other than grids(div/span style designs) Starts***********/
.app-kgrid-custom__container .custom-grid-div:nth-child(even) {
    background-color: rgba(var(--brand-table-row-background), 0.03);
}

.app-kgrid-custom__container .custom-grid-div:nth-child(odd) {
    background-color: rgba(var(--brand-table-row-background), 0.1);
}

.app-kgrid-custom__container .custom-div-header {
    background: var(--brand-container-dark-background);
}

.app-kgrid-custom__container .custom-div-header > span:not(:last-child):before {
    content: " " !important;
    position: absolute;
    border-right: 1px solid var(--brand-default-light-background);
    height: 20px;
    right: 13px;
    top:1px;
}
/*********Custom Common Kendo Grid designed for other than grids(div/span style designs) Ends***********/