/*-------------------------------------------------------------
Developer use only and add comment for Class
-------------------------------------------------------------*/
.example{background-color: #000;} /*header color overwrite (components Name)*/

/*Menu Icons*/
.quick-menu-ico{height: 55px;}
.quick-menu-ico span{height: 25px;}
.fa-dashboard{ content: url(../images/menu/payroll.svg); background-size: 50%; }
.fa-calculator{ content: url(../images/menu/financial-accounting.svg); }
.fa-gbp{ content: url(../images/menu/payroll.svg); }
.fa-user{ content: url(../images/menu/employees.svg); }
.fa-suitcase{ content: url(../images/menu/accounts.svg); }
.fa-gear{ content: url(../images/menu/settings.svg) ;}
.fa-users{ content: url(../images/menu/crm.svg); }
.fa-question-circle{ content: url(../images/menu/payroll.svg); }
.fa-building{ content: url(../images/menu/payroll.svg) }


.fa-dashboard{ content: url(../images/menu/practice-dashboard.svg) }
.fa-question-circle{ content: url(../images/menu/ir35-role-based.svg) }
.fa-money{ content: url(../images/menu/bulk-transaction.svg); }
.fa-area-chart{ content: url(../images/menu/personal-tax.svg); }
.fa-building{ content: url(../images/menu/agency-extra.svg); }
.fa-exchange{ content: url(../images/menu/integration.svg); }
.fa-people-hub{ content: url(../images/menu/peoplehub.svg); }


/*Insurance menus*/
.fa-ins-people-list{content: url(../images/menu/people-list.svg)}
.fa-ins-users{content: url(../images/menu/users.svg)}
.fa-ins-role-based-assessments{content: url(../images/menu/role-based-assessments.svg)}
.fa-ins-questionnaires{content: url(../images/menu/questionnaires.svg)}
.fa-ins-contractor-assessments{content: url(../images/menu/contractor-assessments.svg)}
.fa-ins-agencies{content: url(../images/menu/agencies.svg)}
.fa-ins-end-client{content: url(../images/menu/end-client.svg)}
.fa-ins-email-template{content: url(../images/menu/email-templates.svg)}
.fa-ins-settings{content: url(../images/menu/settings.svg)}

/*.fa-calculator{ content: url(../images/menu/financial-accounting.svg); }
.fa-gbp{ content: url(../images/menu/payroll.svg); }
.fa-user{ content: url(../images/menu/employees.svg); }
.fa-money{ content: url(../images/menu/payroll.svg); }
.fa-suitcase{ content: url(../images/menu/accounts.svg); }
.fa-gear{ content: url(../images/menu/settings.svg) ;}
.fa-users{ content: url(../images/quick-menu/qm-crm.svg); }
.fa-exchange{ content: url(../images/icons/integration.svg); }
.fa-area-chart{ content: url(../images/menu/payroll.svg); }
.fa-building{ content: url(../images/menu/payroll.svg); }
.fa-question-circle{ content: url(../images/menu/payroll.svg); }*/

/*css for the email status in pension letters*/
.scheduled{color: #0a58ca;}
.sent{color:green;}
.resent{color:blueviolet;}

.top-settings button{width: 100%;}

/*Password Characters Indicators*/
.dot:before{position: relative;left: -5px;content: "●"; padding-left: 10px;}
.invalid{color: red;}
.invalid:before {position: relative;left: -5px; content: "✘"; padding-left: 10px;}
.valid{color: green;}
.valid:before {position: relative;left: -5px;content: "✔"; padding-left: 10px;}

/*validating the opt-out refund values*/
.md-grid-view input[type="text"]{border: 1px solid #ddd;padding: 5px;width: 100%;outline: 0;}
.error {border: 1px solid orange !important;display: block;color: orange;}

.setup-list .completed{background: var(--color9); color: var(--color11);}
/*md-header{z-index: 999 !important;}*/
.main-page-heading.bg-color5{background: var(--footer-color);}
.main-page-heading{position: fixed; left: 0; top: 116px; width: 100%; z-index: 1;/* z-index: 999;*/ }
.main-page-heading .heading-left,.main-page-heading .button-right{padding: 10px 15px;}
.main-page-heading .heading-left{font-size: var(--font-size6);}
.main-page-heading .heading-left .page-back{padding:2px 11px 3px 10px; margin-right: 10px !important; background: var(--btncolor9);}
.main-page-heading .heading-left .page-back:hover{background: var(--color1); color: var(--color5);}
.main-page-heading .heading-left span.fw-600{padding: 6px 0; display: inline-block;width: 80%;}
.main-page-heading .button-right{outline: 0;}
.btn:hover{background: var(--color2) !important;}
.profile-button:hover{background: var(--color3);}


.ngx-spinner-overlay img{animation: bounce 1s infinite;}
@keyframes bounce {0%, 100% {transform: translateY(-25%);animation-timing-function: cubic-bezier(0.8, 0, 1, 1);}
    50% {transform: translateY(0);animation-timing-function: cubic-bezier(0, 0, 0.2, 1);}}

.md-grid-view{padding: 0;}
.cursor-help{cursor:help;}
.flag{width:13px; margin-left: 5px; margin-right: 5px;}
.grid-ico{width: 16px;margin-right: 10px; cursor: pointer;}
.grid-ico2{width: 20px;margin-right: 10px; cursor: pointer;}
.grid-ico3{width: 14px;margin-left: 10px;}
.profile-ico-txt{width: 35px;height: 35px;color: #00021D;padding: 7px 0;font-weight: 600;
    font-size: 14px;background: #F0F8FA;border-radius: 50%;margin-top: 2px !important;}
.profile-ico-txt1{width: 85px;height: 85px;color: #F0F8FA;padding: 28px 0;font-weight: 600;font-size: 20px;background: var(--color2);border-radius: 50%; margin-top: 15px !important;
    text-align: center;}
.display-grid{display: inline-grid;}

/* Override Default .k-grid td { text-align:inherit } */
.k-grid td.kendo-right{text-align: right;}
.company-search{background: #f7f7f7; border-bottom: 1px solid #e6e6e6a8 !important;}
.disable-span { cursor: not-allowed;}
.char-count{padding-top: 5px; display: block;}
.back-old-ui{background: #FF8900; color: #F0F8FA;padding: 9px 20px;}
.back-old-ui:hover{background: #c96d02;}
.k-chip-md {padding: 10px;}
.file-restrictions{padding-top: 5px; display: block;}
a{ text-decoration: none; }
.g-imp-type{text-transform: uppercase;}
.upload-file-list{background: #f4f4f4; padding: 10px 0; margin-top: 5px !important;}

/* Vertical Search Toggle Animation */
.overflow-y-scroll-important{ overflow-y: scroll !important; }
.vertical-slider-active{max-height: 850px !important;}
.vertical-slider{overflow: hidden;min-height: 0 !important;max-height: 0;transition: all 0.3s ease-in-out;}

/* Horizontal Toggle Animation */
.app-save-people{position: relative}
.horizontal-slider-active{left: 0 !important;transition-timing-function: ease-out;transition: 0.25s;transform: translateX(0%) !important;}
.horizontal-slider{position: absolute; transition-timing-function: ease-in;transition: 0.2s;transform: translateX(-130%);}

/*Pages Notification Count*/
.pages-icon {background: #ff002d;color: #fff;border-radius: 50%;width: 20px;font-size: 10px;
    padding: 2px 1px;font-weight: 600;top: 25%;left: 50%;height: 20px; position: absolute;}
/* Hide the Sort Icon in Grouped Header Row in Kendo Grid */
a.k-link span{display: none !important;}

.pwd-info span{ display: block; padding: 5px; font-weight: 600; }
.impersonate_mode .mda-header-left, .impersonate_mode .mda-header-right {
    background-color: red!important;
}

.k-grid-content {
    overflow-y: hidden;
}

.business-tree-list  .k-grid-content , .k-grid-md .k-grid-content {
    overflow-y: scroll !important;
}

.scroll-invoice-list {
    max-height: 375px !important;
    overflow-y: scroll !important;
}
.k-grid-header-scroll .k-grid-header-wrap {
    margin-right: 17px !important;
}


/* todo Style Changes for Sticky column. These classes to be Overridden */
.k-grid-header .k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted {
    color: #ffffff;
    background-color: #00021d;
    border-right-color: #ffffff;
    border-left-color: #ffffff;
}
.k-grid-header, .k-grid-footer{
    padding-inline-end: 0 !important;
}

/*padding the bottom for kendo grid Opt-Out table*/
.padding-b-65{padding-bottom: 65px !important;}


/* Custom Width in Percentages */
.width-30-p{
    width: 30%;
}
.width-70-p{
    width: 70%;
}
.width-15-p{
    width: 15%;
    margin-left: -1px;
}
.width-60-p{
    width: 60%;
}
.width-85-p{
    width: 85%;
}
.width-20-p{
    width: 20%;
}
.width-185{width: 185px !important;}
#timesheetUploadFile{
    width: 95% !important;
}
.readOnly{
    border: 1px solid #dddddd;
    background-color: #dddddd;
    color:  #00000080;
    pointer-events: none !important;
}
.cursor-not-allowed{
    cursor: not-allowed !important;
}
.mb-1px{margin-bottom: 1px;}

/*Kendo Date Time Picker*/
.crimson .k-calendar-header,.crimson .k-calendar-header .k-button-text,
.crimson .k-calendar-header .k-today {
    background: crimson;
    color: white;
}

.k-grid .test{fill: blue !important;}
.fp-org .k-clear-value {position: absolute;right: 35px; z-index: 1;}
/*.mda-menu-left{position: fixed;z-index: 999;height: 70%;}*/

/*Create task*/
.small-sub-title{background: #F2F2F2; color: #9C9C9C;}

/* Override Kendo Grid Button Styles */
.kendo-grid-btn{

}

.is-disabled-link {
    pointer-events: none;
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.setting-title{margin: 15px 0;}
.setting-list .setting-urls{ background: #fff; color:#00021D; font-weight: 600; padding: 15px; -webkit-box-shadow: -1px 1px 1px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: -1px 1px 1px 0px rgb(0 0 0 / 5%); box-shadow: -1px 1px 1px 0px rgb(0 0 0 / 5%);}
.setting-list .setting-urls:hover,.setting-list .setting-urls:active{ background: #00021D; color:#fff; font-weight: 600; }
.setting-list .setting-urls.completed{ background: #0b8e00; color:#fff; font-weight: 600; }

.push-container {
    margin-bottom: 2rem;
    overflow: hidden;
    white-space: nowrap;
}
.push-container::before,
.push-container::after {
    content: '';
    display: table;
}
.push-container::after {
    clear: both;
}
/**
 * 1. The value for `width` here should be the width of the sidebar PLUS any
 *    additional spacing around it, such as margin
 */
.push-content {
    float: left;
    transition: width 0.1s ease-in-out;
    white-space: normal;
    width: 100%;
}
.push-content.open {
    width: calc(100% - 500px);
    /* 1 */
}
.push-content.open-on-load {
    transition: none;
    width: calc(100% - 500px);
    /* 1 */
}
/* Popup-Modal Text Color  and Title Background Color Override */
.popup-modal.popup-sm .k-dialog{
    width: 500px !important;
}

.popup-modal.popup-md .k-dialog{
    width: 800px !important;
}

.popup-modal.popup-info .k-dialog-titlebar {
    background: #00B0F0 !important;
    color: #F0F8FA !important;
    font-weight: 600 !important;
}

.popup-modal.popup-error .k-dialog-titlebar {
    background: #dc3545 !important;
    color: #F0F8FA !important;
    font-weight: 600 !important;
}

.popup-modal.popup-warning .k-dialog-titlebar {
    background: #FF8900 !important;
    color: #F0F8FA !important;
    font-weight: 600 !important;
}

.popup-modal.popup-default .k-dialog-titlebar {
    background: var(--dialog-default) !important;
    color: #F0F8FA !important;
    font-weight: 600 !important;
}
app-bank-settings,app-paye-details,app-payroll-settings,app-payable-settings,app-company-extras,app-payslip-settings,
app-payment-to-supplier, app-add-transaction,app-view-supplier-groups,app-reimbursement-settings,app-stop-payroll-reason-settings,app-job-title,app-page-task-status
,app-page-subject-settings,app-tag-status-settings, app-address, app-pension-auto-enrolment, app-auto-number-generation{padding:0 !important;}

app-company-details, app-accounting-date-details,app-bank-settings, app-vat-details,app-share-capital-details{padding: 0 !important;}
app-workflow-settings{padding: 10px !important;}
app-contact-settings, app-client-company-settings, app-field-settings{padding: 0 !important;}
app-self-assessment, app-manage-company-allowances,app-manage-deductions,app-manage-ni-bands-rates, app-manage-paye, app-manage-admin-pension, app-manage-allowances-taxes{padding: 0 !important;}
/*.row > * {padding: 0 !important}*/
/* Max height for Error Div toggle in EPS */
.eps-error-active{
    max-height: 100vh;
}
.error-inputfield{
    border: red 1px solid !important;
}
.business-type{padding: 0 !important;}
.business{
    background-color: #e3e9f8;
    width: 100%;
    display: block;
    text-align: left;
    padding: 7px;
}
.branch{
    color: #ff3d00;
    width: 100%;
    display: block;
    text-align: left;
    padding: 7px;
}
.branch:before{content: "- "; font-weight: 600;}
.contact{
    color: #c20042;
    width: 100%;
    display: block;
    text-align: left;
    padding: 7px;
}
.contact:before{content: "- "; font-weight: 600;}
.mb-0-im{margin-bottom: 0 !important;}
.h-250-px{height: 250px;}
.h-40-px{height: 40px;}
.h20px{height:20px;}
.h-30-px{height: 30px;}
.text-editor button{background: #fff;}
.text-editor{font-family: inherit;}
.text-editor .k-button:disabled, .text-editor .k-button.k-disabled, .text-editor .btn:disabled, .text-editor .btn.disabled {
    background: #e4e7eb;
}
.pt-7{padding-top: 7px !important}
.h-60{height: 60px;}

.pe-none{
    pointer-events: none;
}
.h-34{height: 34px}
.count-bg-color{background: #00012d54;}
.settings-collapse{background: var(--color11);padding: 15px; margin-bottom: 20px;-webkit-box-shadow: -1px 1px 1px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: -1px 1px 1px 0px rgb(0 0 0 / 5%);
    box-shadow: -1px 1px 1px 0px rgb(0 0 0 / 5%);}
.border-b-orange{border-bottom: 3px solid var(--color6);}
/*.edit-grid-cell{ background:url(../images/app-icons/pencil.png) no-repeat right 10px center; }*/

/* Accrued Holiday Pay Grid Styling */
tr.k-grid-process-payout,
tr.k-alt.k-grid-process-payout {
    background-color: #cfffbb !important;
}

/* Payroll Run History Grid Styling */
tr.k-grid-payroll-complete,
tr.k-alt.k-grid-payroll-complete {
    background-color: #cfffbb !important;
}

tr.k-grid-payroll-fps-failed,
tr.k-alt.k-grid-payroll-fps-failed,
tr.k-grid-light-red,
tr.k-alt.k-grid-light-red{
    background-color: #ffdadaf7!important;
}

tr.k-grid-light-blue,
tr.k-alt.k-grid-light-blue{
    background-color: rgba(218, 218, 255, 0.97) !important;
}

tr.k-grid-process-payout:nth-child(odd),
tr.k-alt.k-grid-process-payout:nth-child(odd) {
    background-color: #c8f1b6 !important;
}

.user-access.k-switch.k-disabled,
.k-switch.k-state-disabled {
    opacity: 0.4 !important;
    filter: none !important;
}
.time .k-popup{zoom:.9;}
.time .k-calendar-infinite .k-calendar-view {height: 270px !important; font-size: 13px;}
.time .k-animation-container {z-index: 9999999 !important;}

.bg-blue-10{background: rgba(136, 207, 222, 0.61);}
.bg-blue-20{background: rgba(180, 223, 232, 0.61);}

.business-tree-list a.k-link span{display: block !important; color: #FFFFFF}
.idle-dialog-close{display: none!important;}
.custom-editor{display: block!important;}
.inline-custom-editor{border: 0!important;}

/*year end roll over css*/
.msg-warning{ background: var(--color10); color: var(--color5); padding: 2px 5px; } /*The text color must be changed*/
.center {margin: auto;width: 50%;padding: 10px;}

.custom-border-bottom hr{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

/*NMW rates*/
.w-150{ width: 150px;}
/*Kendo Multiselect Set Max Height*/
.k-md-h-100 .k-chip-list-md {
    max-height: 100px !important;
    overflow: auto !important;
}
.k-md-h-100 .k-chip-md {padding: 3px;}
.k-md-h-100 .k-icon {font-size: 12px !important;}
.field-value{display: none;}
.view-form-value .field-value{display: block;}
.view-form-value .custom-control{padding-left: 0;}
.view-form-value .form-control,
.view-form-value .form-text,
.view-form-value .link-text,
.view-form-value button,
.view-form-value .app-custom-text-editor,
.view-form-value .form-check-input,
.view-form-value .form-check-inline,
.view-form-value .form-select,
.view-form-value .form-datepicker,
.view-form-value .form-eye,
.view-form-value .form-combo-box,
.view-form-value .form-multi-select-box,
.view-form-value .dropdown-list,
.view-form-value .msg-error,
.view-form-value .msg-duplicate,
.view-form-value .div-none
{display: none !important;}

.logo-preview{width: 70px; height: 70px;}
.form-label-value{border: 0px solid #ddd; padding: 8px 0 !important;}
.stat-payments-copy,.manual-timesheet-clone{background: #E8FDF0}
.k-grid td.kendo-center{text-align: center;}

/*dark grey*/
.dark-grey-bg{ padding: 15px;background-color: #e5e9eb;}
.w-24{width: 24px;}
.z-index-0{z-index: 0;}
/*Password Strength Meter*/
.strength {display: flex; flex-direction: row;}
.strength-bar {display: flex;flex-grow: 1;list-style: none;margin: 0;padding: 0;vertical-align: 2px;}
.bar {background: #ddd;border-radius: 2px;display: inline-block;height: 5px;margin-right: 1px;flex-grow: 1;}
.txt-darkred {color: #8B0000FF}
.txt-orangered {color: #FF4500FF}
.txt-orange {color: #FFA500FF}
.txt-yellowgreen {color: #9ACD32FF}
.txt-green {color: #008000FF}
.bg-darkred {background: #8B0000FF}
.bg-orangered {background: #FF4500FF}
.bg-orange {background: #FFA500FF}
.bg-yellowgreen {background: #9ACD32FF}
.bg-green {background: #008000FF}
td.k-touch-action-auto:has(span.k-grid-ignore-click){cursor: not-allowed !important;pointer-events: none !important;}
/*border for total question*/
.outer-border{border: 1px solid #b3adad;}
/*Fixed Count Template*/
.fixed-count{ width:100%; position: fixed; top:165px; z-index: 1;}
.mt-fixed-count{ margin-top: 110px !important;}
/*Fixed Count Template*/
/*width used in questionnaires list*/
.w110{width: 110%;}
/*Payment on account grid - custom class based on selection */
.k-grid-editable-selected .k-grid-edit-active{ background: url(../images/app-icons/pencil.png) no-repeat center right 3px; background-size: 13px; padding-right: 20px !important;}
/*Kendo multiselect dropdown - arrow mark*/
.multiselect-arrow.k-multiselect.k-input-md .k-input-inner {background: url(../images/app-icons/arrow.svg) no-repeat center right 10px; background-size: 11px;}
.w45px{width: 45px !important;}

/* Manual Timesheet Table */
.manual-timesheet-table .assignment,.manual-timesheet-table .weekendingdate, .manual-timesheet-table .payelement {width: 200px;}
.manual-timesheet-table .unit,.manual-timesheet-table .location{width: 200px;}
.manual-timesheet-table .unit .form-select{width: 135px;}
.manual-timesheet-table .rate, .manual-timesheet-table .payinterval, .manual-timesheet-table .nwmhours{ width: 65px; }
.manual-timesheet-table .action{width: 75px;}
.manual-timesheet-table .vat{width: 90px;}
@media (min-width: 1921px) and (max-width: 3840px) {
    .manual-timesheet-table .assignment, .manual-timesheet-table .payelement,.manual-timesheet-table .unit,.manual-timesheet-table .location{width: 250px;}
    .manual-timesheet-table .action,.manual-timesheet-table .vat{width: 7%;}
    .manual-timesheet-table .rate, .manual-timesheet-table .payinterval, .manual-timesheet-table .nwmhours{ width: 6%; }
    .manual-timesheet-table .unit input,.manual-timesheet-table .unit .form-select{width: 50%;}

    .md-col-wid .k-grid-header table, .md-col-wid .k-grid-content table{width: 1737px !important}
}

/* Map Ghosts Table */
.map-ghosts-table th, .map-ghosts-table td, .map-ghosts-table tr {
    border: none;
}

.map-ghosts-table tbody > tr:nth-child(even) {
    background-color: #E8F0F2 !important;
}


.w-5{width:5%!important}
.tab-bg-remove.k-tabstrip > .k-content {border-color: transparent;border-top-color: transparent;color: #212529;background-color: transparent !important;}
.tab-bg-remove.k-tabstrip > .k-content {border-color: transparent;color: #212529;background-color: transparent !important;}
.table-heading{background-color: black;color: white;border-top: none;}
.tp-176px{top: 176px;}
.multicolumncombo-box .k-table-header-wrap{padding-right: 19px;}
.cursor-unset{ cursor: unset !important;}

.border-point-5-grey {
    border: 0.5px solid #b3afaf73;
}

.height-px-45{
    height: 45px !important;
}

.custom-active{
    background-color: var(--color1) !important;
}

.custom-inactive{
    background-color: var(--btncolor9) !important;
}

.md-t-tab .k-tabstrip-items{min-width: 230px; padding-right: 20px;}
.md-t-tab .k-tabstrip-items-wrapper .k-item:active,.md-t-tab .k-tabstrip-items-wrapper .k-item.k-state-active,.md-t-tab .k-tabstrip-items-wrapper .k-item.k-active,.md-t-tab .k-tabstrip-items-wrapper .k-item.k-state-selected,.md-t-tab .k-tabstrip-items-wrapper .k-item.k-selected {
    border-color: #014661;
    color: #F0F8FA;
    background-color: #014661;
}
.md-t-tab .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    margin-right: -1px;
}
.md-t-tab .k-tabstrip-content:focus,.md-t-tab .k-tabstrip-content.k-state-focused,.md-t-tab .k-tabstrip-content.k-focus,.md-t-tab .k-tabstrip > .k-content:focus,.md-t-tab .k-tabstrip > .k-content.k-state-focused,.md-t-tab .k-tabstrip > .k-content.k-focus {
    outline-color: #ffffff;
}

.md-t-tab .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    margin-bottom: 0px !important;
}
.md-t-tab .k-tabstrip-items{padding:0 !important;}
.md-t-tab .k-tabstrip-items .k-item {
    padding: 3px;
    background: transparent;
    border-right: 1px solid transparent;
    color: var(--txtcolor6);
    margin: 0 !important;
}
.md-t-tab .k-tabstrip-content, .k-tabstrip > .k-content{ border-width: 0px !important;}
.md-t-tab .k-tabstrip-items .k-item:hover{color: #F0F8FA;    background-color: #00021D;}
.md-t-tab .k-tabstrip-items-wrapper{background-color: var(--color3)}

.md-sub-tab .k-tabstrip-items{min-width: 230px; padding-right: 20px;}
.md-sub-tab .k-tabstrip-items-wrapper .k-item:active,.md-sub-tab .k-tabstrip-items-wrapper .k-item.k-state-active,.md-sub-tab .k-tabstrip-items-wrapper .k-item.k-active,.md-sub-tab .k-tabstrip-items-wrapper .k-item.k-state-selected,.md-sub-tab .k-tabstrip-items-wrapper .k-item.k-selected {
    border-color: #014661;
    color: #F0F8FA;
    background-color: #014661;
}
.md-sub-tab .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    margin-right: 0px !important;
}
.md-sub-tab .k-tabstrip-content, .k-tabstrip > .k-content{ border-width: 0px !important;}
.md-sub-tab .k-tabstrip-content:focus,.md-sub-tab .k-tabstrip-content.k-state-focused,.md-sub-tab .k-tabstrip-content.k-focus,.md-sub-tab .k-tabstrip > .k-content:focus,.md-sub-tab .k-tabstrip > .k-content.k-state-focused,.md-sub-tab .k-tabstrip > .k-content.k-focus {
    outline-color: #ffffff;
}

.md-sub-tab .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    margin-bottom: -1px;
}

.md-sub-tab .k-tabstrip-items{padding:0 !important;}
.md-sub-tab .k-tabstrip-items .k-item {
    padding: 3px;
    background: transparent;
    border-right: 1px solid transparent;
    color: var(--txtcolor1);
}

.md-sub-tab .k-tabstrip-items .k-item:hover{color: #F0F8FA;    background-color: #00021D;}
.md-sub-tab .k-tabstrip-items-wrapper{background-color: #D1E0E5}


.md-top-tab .k-tabstrip-items{min-width: 230px; padding-right: 20px;}
.md-top-tab .k-tabstrip-items-wrapper .k-item:active,.md-top-tab .k-tabstrip-items-wrapper .k-item.k-state-active,.md-top-tab .k-tabstrip-items-wrapper .k-item.k-active,.md-top-tab .k-tabstrip-items-wrapper .k-item.k-state-selected,.md-top-tab .k-tabstrip-items-wrapper .k-item.k-selected {
    border-color: #00021D;
    color: #F0F8FA;
    background-color: #00021D;
    border-radius: 0;
}
.md-top-tab .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    margin-right: -1px;
}
.md-top-tab .k-tabstrip-content:focus,.md-top-tab .k-tabstrip-content.k-state-focused,.md-top-tab .k-tabstrip-content.k-focus,.md-top-tab .k-tabstrip > .k-content:focus,.md-top-tab .k-tabstrip > .k-content.k-state-focused,.md-top-tab .k-tabstrip > .k-content.k-focus {
    outline-color: #ffffff;
}

.md-top-tab .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    margin-bottom: 0px !important;
}
.md-top-tab .k-tabstrip-items{padding:0 !important;}
.md-top-tab .k-tabstrip-items .k-item {
    padding: 3px;
    background: #E4DFE1;
    border-right: 1px solid transparent;
    color: var(--txtcolor1);
    margin: 0 !important;
    border-radius: 0;
}
.md-top-tab .k-tabstrip-content, .k-tabstrip > .k-content{ border-width: 0px !important;}
.md-top-tab .k-tabstrip-items .k-item:hover{color: #F0F8FA;    background-color: #00021D;}
.md-top-tab .k-tabstrip-items-wrapper{background-color: #F5F0F0}


.error-manual-timesheet {border: 2px solid red !important;display: block;color: red;}

.preview img {
    width: 150px;
    height: 100px;
}

.k-dialog-wrapper .k-window{border-radius: 5px !important;border-width: 0 !important;}
.k-dialog-titlebar{text-transform: capitalize; font-weight: 600;}
.k-dialog-content{font-weight: 600;}
.k-dialog-buttongroup .k-button-solid-primary, .k-dialog-actions .k-button-solid-primary{background-color: var(--color9) !important; border-color: var(--color9) !important;}
.k-dialog-buttongroup .k-button-solid-base, .k-dialog-actions .k-button-solid-base{background-color: var(--btncolor7) !important;border-color: var(--transparent) !important; color: var(--btntxtcolor7) !important;}
/* To make the dialog appear above the slider */
.k-dialog-wrapper {z-index: 10010;}

/**Css for dialog box */
.dialog-success .k-dialog-titlebar {background-color: var(--dialog-success) !important; color: #F0F8FA;}
.dialog-delete .k-dialog-titlebar {background-color: var(--dialog-delete) !important; color: #F0F8FA;}
.dialog-warning .k-dialog-titlebar {background-color: var(--dialog-warning) !important; color: #F0F8FA;}
.dialog-info .k-dialog-titlebar {background-color: var(--dialog-info) !important; color: #F0F8FA;}
.dialog-default .k-dialog-titlebar {background-color: var(--dialog-default) !important; color: #F0F8FA;}

.toast-success { background-color: var(--toast-success) !important;}
.toast-error {background-color: var(--toast-error) !important;}
.toast-info {background-color: var(--toast-info) !important;}
.toast-warning {background-color: var(--toast-warning) !important;}

.people .page-heading2 {display: none}
.people .page-heading {display: none}
.people .white-bg {padding: 10px}
.people .app-custom-fields .page-s-content{margin-bottom: 0 !important; min-height: 0;}


/*.position-fixed.z-index2{z-index: 1000;}*/
.assignments-history .k-master-row{ text-transform: capitalize; }

.nav-tabs .nav-link{border-radius: 0; font-size: var(--font-size5); font-weight: 600;}
.nav-link:hover, .nav-link:focus { color: var(--txtcolor6); border-color: var(--color1) !important; background-color: var(--color1) !important;}
.nav-tabs .nav-link { margin-bottom: calc(var(--bs-nav-tabs-border-width) * -3) !important;}

.multi-select-arrow {background: url(../images/app-icons/arrow.svg) no-repeat center right 10px; background-size: 11px;}
.multi-select-arrow .k-clear-value {margin-right: 40px;}
.k-virtual-list .k-list-item-text, .k-virtual-list .k-list-header-text {
    white-space: pre-line !important;
    overflow: visible !important;
    text-overflow: ellipsis;
}

.mandatory::after {
    content: "*";
    display: inline-block;
    position: relative;
    width: 1rem;
    text-align: center;
    color: red;
    font-weight: bold;
    font-size: 1rem;
}

.vat-left-tab .k-tabstrip-items{min-width: 230px;}
.vat-left-tab .k-tabstrip-items-wrapper .k-item:active,.vat-left-tab .k-tabstrip-items-wrapper .k-item.k-state-active,.vat-left-tab .k-tabstrip-items-wrapper .k-item.k-active,.vat-left-tab .k-tabstrip-items-wrapper .k-item.k-state-selected,.vat-left-tab .k-tabstrip-items-wrapper .k-item.k-selected {
    border-color: #FFFFFF;
    color: #F0F8FA;
    background-color: #0c5b79;
}
.vat-left-tab .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    margin-right: -1px;
}
.vat-left-tab .k-tabstrip-content:focus,.vat-left-tab .k-tabstrip-content.k-state-focused,.vat-left-tab .k-tabstrip-content.k-focus,.vat-left-tab .k-tabstrip > .k-content:focus,.vat-left-tab .k-tabstrip > .k-content.k-state-focused,.vat-left-tab .k-tabstrip > .k-content.k-focus {
    outline-color: #ffffff;
}
.vat-left-tab.k-tabstrip-items .k-item{
    border: 0 !important;
}

/* Green Color Button Variation */

.vh-80 { height: 80vh; }
.max-vh-85 { max-height: 85vh; overflow-y: auto }
.max-height-150 { max-height: 150px; }

.wage-width{
    width: 50%;
}

/*For sdc/ir35 test text box*/
.disabled-text{background-color: #e9ecef;}

.b-40 {
    bottom: 40px !important;
}

.mb-100px {
    margin-bottom: 100px !important;
}

.k-grid-footer-scroll .k-grid-footer-wrap {
    margin-right: 17px !important;
}

.max-h900 {max-height: 900px !important;}

.max-h1200 {max-height: 1200px !important;}


.green-bg{background: #00760C !important;}

/*Dashboard*/
.people-search .k-searchbar .k-input-inner {padding: 15px !important; z-index: 0 !important;}
.people-search .k-clear-value {margin-right: -20px;}
.summary-bg { background: #004d6d; }
.dashboard-tile { background: #004d6d; transition: all .2s ease-in-out; position: relative; padding: 10px 20px; }
.dashboard-tile:hover { background: #002744; transition: all .2s ease-in-out; }
.dashboard-tile:hover .dashboard-tile-value { opacity: 1; transition: all .2s ease-in-out; position: absolute;bottom: -37px; z-index: 1;background: #004d6d; padding: 5px 20px; width: 100%;
    left: 0;}
.dashboard-tile-value { opacity: 0; position: absolute; bottom: -25px; }
.dashboard-search .k-combobox .k-input-button { display: none; }

.column-space{white-space: break-spaces !important;}

.custom-acc-code{ background-color: #00b0f02b !important;}
.disabled-acc-code{background-color: #ff00001f !important;}

/**Vat Box header bag*/
.green-bg{background: #00760C !important;}

.red-bg2{background: var(--color8) !important;}

.k-tabstrip-items-wrapper .k-item {
    color: var(--txtcolor1);;
}

/*--------------------------------PEOPLE LIST => PREVIOUS EMPLOYMENT CHANGES-----------------------------------*/

.prev-emp {
    position: fixed;
    width: 500px;
    left: 35%;
    border-radius: 2px;
    text-transform: capitalize;
}




.people-t-tab .k-tabstrip-items{min-width: 230px; padding-right: 20px;}
.people-t-tab .k-tabstrip-items-wrapper .k-item:active,.people-t-tab .k-tabstrip-items-wrapper .k-item.k-state-active,.people-t-tab .k-tabstrip-items-wrapper .k-item.k-active,.people-t-tab .k-tabstrip-items-wrapper .k-item.k-state-selected,.people-t-tab .k-tabstrip-items-wrapper .k-item.k-selected {
    border-color: #4e0606;
    color: #F0F8FA;
    background-color: #4e0606;
    border-radius: 0;
}
.people-t-tab .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    margin-right: -1px;
}
.people-t-tab .k-tabstrip-content:focus,.people-t-tab .k-tabstrip-content.k-state-focused,.people-t-tab .k-tabstrip-content.k-focus,.people-t-tab .k-tabstrip > .k-content:focus,.people-t-tab .k-tabstrip > .k-content.k-state-focused,.people-t-tab .k-tabstrip > .k-content.k-focus {
    outline-color: #ffffff;
}

.people-t-tab .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    margin-bottom: 0px !important;
}
.people-t-tab .k-tabstrip-items{padding:0 !important;}
.people-t-tab .k-tabstrip-items .k-item {
    padding: 3px;
    background: transparent;
    border-right: 1px solid transparent;
    color: var(--txtcolor6);
    margin: 0 !important;
}
.people-t-tab .k-tabstrip-content, .k-tabstrip > .k-content{ border-width: 0px !important;}
.people-t-tab .k-tabstrip-items .k-item:hover{color: #F0F8FA;    background-color: #00021D; border-color: #00021D}
.people-t-tab .k-tabstrip-items-wrapper{background-color: #a3300c;}

.people-sub-tab .k-tabstrip-items{min-width: 230px; padding-right: 20px;}
.people-sub-tab .k-tabstrip-items-wrapper .k-item:active,.people-sub-tab .k-tabstrip-items-wrapper .k-item.k-state-active,.people-sub-tab .k-tabstrip-items-wrapper .k-item.k-active,.people-sub-tab .k-tabstrip-items-wrapper .k-item.k-state-selected,.people-sub-tab .k-tabstrip-items-wrapper .k-item.k-selected {
    border-color: #4e0606;
    color: #F0F8FA;
    background-color: #4e0606;
}
.people-sub-tab .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    margin-right: 0px !important;
}
.people-sub-tab .k-tabstrip-content, .k-tabstrip > .k-content{ border-width: 0px !important;}
.people-sub-tab .k-tabstrip-content:focus,.people-sub-tab .k-tabstrip-content.k-state-focused,.people-sub-tab .k-tabstrip-content.k-focus,.people-sub-tab .k-tabstrip > .k-content:focus,.people-sub-tab .k-tabstrip > .k-content.k-state-focused,.people-sub-tab .k-tabstrip > .k-content.k-focus {
    outline-color: #ffffff;
}

.people-sub-tab .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    margin-bottom: -1px;
}

.people-sub-tab .k-tabstrip-items{padding:0 !important;}
.people-sub-tab .k-tabstrip-items .k-item {
    padding: 3px;
    background: transparent;
    border-right: 1px solid transparent;
    color: var(--txtcolor1);
}

.people-sub-tab .k-tabstrip-items .k-item:hover{color: #F0F8FA; background-color: #4e0606; border-color: #4e0606;}
.people-sub-tab .k-tabstrip-items-wrapper{background-color: #dadada;}

.b-40{
    bottom: 40px !important;
}
.b-20{
    bottom: 20px !important;
}

.legislation-table{width: 70%;}

.legislation-column{width:10%;}

.expense-table{
    table-layout: fixed;
}
.w-300px{
    width: 300px !important;
}
.expense-table tr.table-heading th.action{
    width:100px;
}

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


.people-t-tab .bg-color4 {background: #bcbcbc; color: #00021D;}



/*Light Green Background*/
.light-green{ background: #E9F9D6 !important;}

.second-slide .k-overlay {z-index: 10002 !important;}

.bg-color12{
    background: #6FCF01 !important;
}

.bg-color13{
    background: #828282 !important;
}

.bg-color14{
    background: #8B0053 !important;
}

.bg-color15{
    background: #7E9912FF !important;
}

.bg-color16{
    background: #970015 !important;
}
.bg-color17{
    background: #585858 !important;
}

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

.mb-20px{
    margin-bottom: 20px !important;
}

/** Status Classes */
.exception{
    background: #FF8900 !important;
}
.complete{
    background: #198754 !important;
}
.pending{
    background: #00012D !important;
}
.failed{
    background: #dc3545 !important;
}
.verify{
    background: #6FCF01 !important;
}
.inprogress{
    background: #828282 !important;
}

.running{
    background: #55327a !important;
}
/*Remove border for profit and loss header*/
.profit-loss-header .k-grid-header{ border: 0 !important;}

/*Favourite Company List Background*/
.favourite-list:hover {background: var(--color13);}

.width-15-px{ width: 15px; }
.width-20-px{ width: 20px; }

.first-column-sticky td:first-child
{
    position:sticky;
    left:0;
    background-color: #F2F2F2;
}
.first-column-sticky th:first-child
{
    position:sticky;
    left:0;
    background-color: #000000;
}

.red-circle{
    height: 15px;
    width: 15px;
    background-color: #FF0000;
    border-radius: 50%;
    display: inline-block;
}

.green-circle {
    height: 15px;
    width: 15px;
    background-color: #32CD32;
    border-radius: 50%;
    display: inline-block;
}

.stop-payroll-background {
    background-color: #ffdadaf7!important;
}

.admin-heading-top {top: 55px !important;}/*top: 87px !important;*/

.md-left-tab.tab-content-t .k-tabstrip-content,.md-left-tab.tab-content-t .k-tabstrip > .k-content{border-color: transparent !important;
    background-color: transparent !important;}
.md-top-tab.tab-content-t .k-tabstrip-content,.md-top-tab.tab-content-t .k-tabstrip > .k-content{border-color: transparent !important;
    background-color: #fff !important;}

.md-top-tab.tab-content-t .content-container{margin-bottom: 2rem !important;}

.md-left-tab.tab-content-t .k-tabstrip-left > .k-tabstrip-items-wrapper {
    border-right-width: 0 !important;}

.component-disabled input{
    cursor: not-allowed !important;
    background-color: #e9ecef !important;
    opacity: 1 !important;
    color: black;
}
.overflow-auto {
    overflow: auto !important;
}

.h-56px {
    height: 56px;
}
.profit-loss-treelist .k-grid td:first-child {
    position:sticky;
    left:0;
    background-color: #F2F2F2;
}

.profit-loss-treelist .light-green td:first-child {
    background-color: #E9F9D6 !important;
}
.profit-loss-treelist th:first-child
{
    position:sticky;
    left:0;
    background-color: #000000;
    z-index: 1;
}

/*Adding for bulk email*/
.width-90-p{
    width: 90%;
}

/*bulk email*/
.sent-label{
    background-color: #d2d6de;
}

.total-count{
    color: #0C3879FF;
}

.slash-count{
    color: #444;
}

.custom-border-right{
    border-right: 1px solid #dee2e6 !important;
    padding: 5px !important;
}

/*Custom Population Tab strip*/
.custom-population-tabstrip .k-tabstrip-items {
    display: flex;
    justify-content: space-between;
}
.custom-population-tabstrip .k-item {
    flex-grow: 1;
}
.md-btn-sm{padding: 2px 10px !important;}
.app-custom-column-chooser .k-column-list-item:hover{background-color: transparent !important;}
.app-custom-column-chooser .k-checkbox-label{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.agency-settings .k-tabstrip > .k-content.k-active{height: 92vh;}
@media (min-height: 950px) {.agency-settings .k-tabstrip > .k-content.k-active{height: 95vh;}}
.agency-settings .k-tabstrip-left > .k-tabstrip-items-wrapper > .k-tabstrip-items{ background: #f2f2f2; padding-right: 0; }

@media (min-width: 325px) and (max-width: 980px) {
    .left-arrow, .right-arrow{width:100% !important;}
    .left-arrow:after,.right-arrow:after{display:none !important;}
}
@media (min-width: 1990px) and (max-width: 3240px) {
    .z-1{zoom:1.3;}
}
.left-arrow, .right-arrow{
    width:200px;
    min-height:40px;
    background: white;
    color:black;
    padding:15px;
    position:relative;
    word-wrap:break-word;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    /*margin-bottom:2em;*/
}

.left-arrow:after{
    content:'';
    display:block;
    position:absolute;
    top:10px;
    left:-19px;
    width:0;
    height:0;
    border-color: transparent white transparent transparent;
    border-style: solid;
    border-width: 10px;
}

.right-arrow:after{
    content:'';
    display:block;
    position:absolute;
    top:10px;
    left:100%;
    width:0;
    height:0;
    border-color: transparent transparent transparent white;
    border-style: solid;
    border-width: 10px;
}

.left-arrow:hover, .right-arrow:hover{background: #00021D; color:#fff;}
.right-arrow:hover:after{border-color: transparent transparent transparent #00021D;}
.left-arrow:hover:after{border-color: transparent #00021D transparent transparent;}

.portal-heading .main-page-heading{
    top: 55px !important;
}
.portal-heading .container-fluid{
    padding-top: 107px !important;
}

.portal-heading .portal-dashboard .container-fluid{
    padding-top: 80px !important;
}

.bridge-heading .main-page-heading{
    top: 55px !important;
}
.bridge-heading .container-fluid{
    padding-top: 112px !important;
}

.h-500px{height:500px;}

.mda-admin-heading .container-fluid{
    padding-top: 140px !important;
}

.sapphire-blue{
    background: var(--color3);
}
.sapphire-blue .k-tabstrip-items-wrapper .k-item{
    color: #ffffff;
}
.sapphire-blue .k-tabstrip-items-wrapper .k-item:hover{
    background: #00012d !important;
    color: #ffffff !important;
}
.sapphire-blue .k-tabstrip-items{
    justify-content: center !important;
}
.sapphire-blue .k-item.k-active{
    border-color: #014661 !important;
    background: #014661 !important;
    color: #ffffff !important;
}

.arrow-up {
    border-left: 5px solid  #014661;
    border-right: 5px solid  #014661;
    border-bottom: 5px solid var(--color5);
    position: absolute;
    bottom: 0;
    right: calc(50% - 5px);
}

.hide-expand.k-grid .k-hierarchy-cell {
    width: 0;
}

.hide-expand.k-grid .k-header.k-hierarchy-cell {
    border: none;
}

.hide-expand.k-grid .k-hierarchy-cell .k-icon {
    display: none;
}

.hide-expand.k-grid .k-hierarchy-col {
    width: 0;
}

.scroll-page{
    overflow: auto;
    height: 485px;
}

.mark-as-unread{
    background:#FFE6E6;
    padding: 15px;
}

.td.w-190 {
    width: 190px;
}
.k-grid td.disabled-column {
    background-color: aliceblue !important;
}
.k-grid th.disabled-column {
    background-color: aliceblue !important;
    border: 0 !important;
}

.mb0 p{
    margin-bottom: 0.5rem !important;
}

.btn-color14{
    background: #970015 !important;
}

.k-grid td.merged-column {
    border: none !important;
}

.text-truncate-p p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-privilege-treeview .k-treeview .k-i-caret-alt-right { content: url('../images/app-icons/plus-square.svg'); margin-top: 0.25rem !important }
.user-privilege-treeview .k-treeview .k-i-caret-alt-down { content: url('../images/app-icons/minus-square.svg'); margin-top: 0.25rem !important }

.md-treeview ul li div span.k-treeview-leaf {
    display: block;
    width: 100%;
}

.population-history-scroll{
    overflow: auto;
    max-height: 250px;
}

.bank-transaction-grid td:has(.bank-director-bg){
    padding: 0;
    background: #ff9005;
}

/** HMRC Inbox New Messages Styling */
tr.hmrc-new-message,
tr.k-alt.hmrc-new-message {
    background-color: #DEECFE!important;
}

tr.hmrc-new-message td,
tr.k-alt.hmrc-new-message td, .hmrc-new-message .k-grid-content-sticky {
    border-bottom: 1px solid #dee2e6 !important;
    border-collapse: collapse;
}

/** HMRC Success Remarks Messages Styling */
tr.hmrc-remarks-message,
tr.k-alt.hmrc-remarks-message {
    background-color:  #fef0e1 !important;
}

tr.hmrc-remarks-message td,
tr.k-alt.hmrc-remarks-message td, .hmrc-remarks-message .k-grid-content-sticky {
    border-bottom: 1px solid #dee2e6;
    border-collapse: collapse;
}

.h-20px{height: 20px;}
.h-36px{ height: 36px;}
.combo-height app-default-combobox .k-input-md .k-input-inner{padding: 3px 10px;}
.txt-color10{color:#ae0089;}
.hmrc-inbox-xml-slider table{
    width:100%;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
    margin-bottom: 10px;
}

.hmrc-inbox-xml-slider table td.title, .hmrc-inbox-xml-slider table th.title{word-wrap: break-word !important;
    word-break: break-word !important;}
.hmrc-inbox-xml-slider table td.title{background: #00021D; color:#f2f2f2; }
.hmrc-inbox-xml-slider table td.title, .hmrc-inbox-xml-slider table th.title{word-wrap: break-word !important;word-break: break-word !important;}
.hmrc-inbox-xml-slider table td h2, .hmrc-inbox-xml-slider table th table th, .hmrc-inbox-xml-slider table td table td{border-color: #dee2e6; border-width: 1px;padding: 5px;}
.dark-line td{border-top: 3px solid #000 !important}
.bottom-dark-line td {border-bottom: 3px solid #000 !important;}
.k-dropdowngrid-popup.multicolumncombo-box .k-data-table .k-virtual-table .k-table-body .k-table-list .k-table-row .k-table-td {display: block !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    float: left !important;
    min-height: 30px}

.hide-dialog-close .k-dialog-actions {display: none;}
.txt-color8{color:#25A9BD;}
.txt-color9{color:#506975;}
.md-box-shadow{box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.1);}
.btn-color15{background: #0060F0 !important; color: var(--btntxtcolor1) !important;}
.btn-color16{background: #25A9BD !important; color: var(--btntxtcolor1) !important;}
.bg-color18{background:#F2F2F2 !important;}
.h-400px{height: 400px;}

/*,  .k-combobox, .k-dropdownlist, .text-editor.k-editor{
    z-index: 0;
}*/
.z-index0{z-index:0;}
.bg-color19{background: #013e54 !important;}
.col-1.bank-allocation {flex: 0 0 auto;width: 3%;}
.bg-color20{background: #E7F5EE !important;}
.bg-color21{background: #CCE6DA !important;}
.bg-color22{background: #DEF5FD !important;}
.txt-color11{color:#0F9700;}
.bank-trans-del-grid .k-grid-header .k-header:first-child {text-align: center;}
.btn-h-filter.btn{padding:0px !important; margin: 0 !important; height: 38px; width: 38px; background: #00021d38 !important; border-radius: 0;}
.btn-h-ico{padding:0px !important; margin: 0 !important; height: 38px; width: 38px; background: #00021d38 !important;border-radius: 0;}
.right.r-p0{padding: 0 !important;}

@media (min-width: 319px) and (max-width: 980px) {
    .w-25.cp-mobile{ width: 100% !important; left:0;}
    .portal-heading .container-fluid{
        padding-top: 165px !important;
    }
    .portal-heading .portal-dashboard .container-fluid{padding-top: 55px !important;}
    .portal-heading .portal-dashboard .container-fluid .admin-heading-top .fs-24{font-size:16px;}
    .portal-heading .portal-dashboard .container-fluid .admin-heading-top .mb-5{margin-bottom: 1rem !important;}
    .portal-heading .portal-dashboard .container-fluid .left-arrow,  .portal-heading .portal-dashboard .container-fluid .right-arrow{padding:10px 15px;}
    .portal-heading .manage-portal-reports.container-fluid{padding-top: 115px !important;}
    .mb-5-mob{margin-bottom:3rem;}
    .user-timesheet-table{display: block; white-space: nowrap;}
    .user-timesheet-table .t-mob-res td{min-width: 150px;}
    .attachment .center{width: 100%;}
    .reimb-table {
        display: block;
    }
    app-create-reimbursement app-file-upload .col-4 {
        flex: 0 0 auto;
        width: 100%;
    }
    .utimesheet-count .col{width: 100%;flex: auto; margin-bottom: 10px;}
    .popup-modal.popup-sm .k-dialog {
        width: 90% !important;
    }
}

.mda-admin-heading .main-page-heading {top: 85px ;}
.btn-color7:focus{color: var(--btntxtcolor7);}
.txt-editor-view{bottom: 20px;z-index: 1;}
.txt-editor-viewh{height: 200px;overflow: auto;}

.reimb-table{
    table-layout: fixed;
    overflow-x: auto;
    white-space: nowrap;
}
.app-portal-dashboard .m-auto{ margin-top:15px !important;}

.app-create-page .z-index0,
.app-create-task .z-index0,
.edit-business .z-index0,
.tasks-list-content .z-index0,
.app-create-business .z-index0 {
    z-index: unset !important;
}

.assessment-heading .main-page-heading{
    top: 55px !important;
}
.assessment-heading .container-fluid{
    padding-top: 107px !important;
}

.top-110px{
    top: 110px;
}
.z-index3{
    z-index: 3;
}
.menu-search-bg { background-color: #f0f8fa; }
.w-95 { width: 95%; }
.k-dialog-content{
    max-height: 500px;
}
.menus-title { height: 45px; }
.menus-content { height: calc(100% - 45px); }
.select-menu-bg { background: url(../images/general/select-menu.svg) no-repeat center center }
.menu-not-found-bg { background: url(../images/general/menu-not-found.svg) no-repeat center center }
@media (min-width: 1000px) and (max-width: 1921px) {
    .b-explanation {
        height:300px;
        background: #f0f8fa;
        overflow-y: auto;
    }
}

/* Remove header */
.md-switch { display: none;}
.container-fluid { padding-top: 150px !important;}
.main-page-heading { top: 85px;}
.main-menu-list { top: 55px !important;}

.tp-150px{ top: 150px; }
.tp-140px{ top: 140px; }

/** MD-22186 - Slider BG Overlay Issue Fix */

@media(min-width: 1025px) and (max-width: 1399px){
    /*html,body{
        zoom: 0.99 !important;
    }*/
}
.manual-timesheets kendo-multicolumncombobox {
    width: 200px !important;
}

/*.k-treeview .k-treeview-lines .k-treeview-item .k-treeview-top .k-treeview-toggle{
    margin-top: 5px !important;
}*/

/* MD-22368 - markel contractor assessment */
.block-template-bg {background-color: rgba(255, 170, 170, 0.3) !important;}
.warn-template-bg {background-color: rgba(255, 255, 160, 0.35) !important;}

.pt-15{
    padding-top: 15%;
}

/* Hide recaptcha badge by default*/
.grecaptcha-badge { visibility: hidden !important; }

body.recaptcha .grecaptcha-badge {
    bottom: 50px !important;
    visibility: visible !important;
}

assessment-header .theme{padding: 15px 17px 19px 17px !important;flex: 0 0 auto; width: 16.66666667%; margin-left: auto;}
assessment-header-right .row div.float-start {padding-right: 0 !important;}

.bg-color23{
    background-color: #d6d6d6;
}
.preview-b20{
    bottom:20px;
}
/*Markel grid badge and default colors*/
.md-azure, .light-bg{background: #F0F8FA !important;}
.k-grid .bg-color1{background: #00012D; background-color: #00012D;}/*My Digital Blue*/
.k-grid .bg-color2{background: #00B0F0 !important;}/*CAPRI*/
.k-grid .bg-color3{background: #005A7A;}/*BLUE SAPPHIRE*/
.k-grid .bg-color4{background: #556F7A !important;}/*CADET*/
.k-grid .bg-color5{background: #F0F8FA;}/*AZURE X*/
.k-grid .bg-color6{background: #FF8900;}/*DARK ORANGE*/
.k-grid .bg-color7{background:  #f8f9fa;}/*LIGHT GRAY*/
.k-grid .bg-color8{background: #dc3545;}/*RED*/
.k-grid .bg-color9{background: #198754;}/*Green*/
.k-grid .bg-color10{background: #ffc107;}/*Warning Yellow*/
.k-grid .bg-color11{background: #fff;}/*White*/

.form-label.k-label, .form-label-value, .form-label{color:var(--default-font-color)!important;}

.k-tabstrip{
    font-family:inherit !important;
} /*Markel font change in create people.*/

.user-mention {color: var(--txtcolor2);}

[contentEditable=true]:empty:before {
    content: attr(placeholder);
    opacity: 0.8;
}
.mention-ico-txt{width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    color: #000;
    text-align: center;
    padding: 3px;
    font-size: 10px;
    font-weight: 600;
    margin: 2px 0;}

.annotate-dialog.k-dialog-wrapper {
    top: 69% !important;
    left: 72% !important;
    width: 500px;
    height: 0;
}

.annotate-dialog .k-window-content:last-child {
    padding-bottom: clamp(0rem, 0rem, 0rem) !important;
}
.annotate-dialog .k-window-content:first-child {
    padding-top: clamp(0rem, 0rem, 0rem) !important;
    width:500px !important;
    overflow: visible !important;
}

.annotate-dialog .k-window-content{
    padding: 0rem 0rem;
}
.mh-250{min-height: 250px; max-height: auto; overflow: auto;}
.h-40{height: 40px; overflow: auto;}
.threads-txt{height: 400px;overflow: auto;padding-bottom:45px;}
.bottom-12{bottom: 12px;}
.me-2rem{margin-right: 2rem;}
/*.mh-500{min-height: 500px; max-height: 500px;overflow-x: hidden;}
.threads-txt{min-height: 461px; max-height: auto;}*/
.mention-item {padding: 0.2em 0.5em !important;}
.scrollable-menu {width: 455px;}
.mention-active > a{ background-color: var(--color2) !important; }
.bg-color24{
    background: #f3f3f3;
}
.txt-color12 {
    color: #AD0485;
}
.arrow-btn-msg{bottom: 12px;right: 11px !important;padding: 11px;}
.annotate-fixed {position: fixed; bottom: 1.8rem; right: 1rem; width: 600px}
mention-list {
    position: absolute;
    left: 25px !important;
    top: 10px !important;
}
.annotate-dialog.k-dialog-wrapper {z-index: 3}
.no-notifications {display:grid;place-content: center; margin: 10% 0 5%;}
.w-120{width: 120px;}
.w-200{width: 200px;}
.transparent{background: var(--transparent) !important;background-color: var(--transparent) !important;}

#custom_population.k-multiselect.k-input-md .k-input-inner {background: url(../images/app-icons/arrow.svg) no-repeat center right 10px; background-size: 11px;}
#custom_population_grid_fields.k-multiselect.k-input-md .k-input-inner {background: url(../images/app-icons/arrow.svg) no-repeat center right 10px; background-size: 11px;}

/*MD-25313 Bounce Email UI Design*/
.light-orange {
    background-color: #fcdebb !important;
}
.k-menu-popup {max-height:45vh !important;}

.vertical-slider-active.h-850{
    max-height: 850px !important;
}
.k-form-buttons{margin-top:2rem;}
/*.k-list-group-sticky-header{display:none;}
.k-list-group-item{position:sticky !important;}*/
.k-switch-off .k-switch-thumb {
    background-color: #adb5bd;
}
.k-grid-pager .k-svg-icon>svg{color:#000;}
.k-grid-pager .k-pager-nav{background:#fff !important;}
.k-grid-pager .k-pager-nav:hover{background:#e9ecef !important;}
.grid-selectable th.k-state-selected, .grid-selectable th.k-selected, .grid-selectable td.k-state-selected, .grid-selectable td.k-selected,
.grid-selectable tr.k-state-selected > td, .grid-selectable tr.k-selected > td {
    color: #212529;
    background-color: #00b0f045 !important;
}
.k-grid-footer-wrap {
    margin-right: 17px;
}
.k-tabstrip-top>.k-tabstrip-items-wrapper {
    border-bottom-width: 0;
}
.h-92vh{
    height: 92vh;
}
.k-input-md .k-input-values {
    padding: 0.2rem;
}
span.k-input-inner.k-readonly {
    border: 0;
}
.people .k-tabstrip-content{
    background-color: var(--transparent);
}

/** Used only in Manual Timesheet*/
.w-mx-180{
    max-width:180px !important;
}
.w-mx-115{
    max-width:115px !important;
}

/*Used only in Create Page*/
.w-mx-250{
    max-width:250px !important;
}

.light-red {
    background-color: rgba(251, 122, 122, 0.38) !important;
}
.text-truncate {
    white-space: nowrap !important;
}
.btn-color17{background: #88007a !important; color: var(--btntxtcolor1) !important;}
.k-table-thead, .k-table-header, .k-table-group-sticky-header{padding-right:17px;}

.k-list-item-text{
    word-break: break-word !important;
}
.k-list-group-item{
    color: #0aa1c0;
}
.ppl-truncate{
    max-width: 260px;
    min-width: 50px;
    display: block;
    margin-right: 5px;
    float: left;
}
.emp-truncate {
    display: inline-block;
    max-width: 160px;
}
/** Sticky column Issue Overridden here */
kendo-grid.k-grid .k-table-row.k-selected .k-grid-content-sticky::before, kendo-grid.k-grid .k-selected.k-grid-row-sticky td::before, kendo-grid.k-grid .k-grid-row-sticky td.k-selected::before, kendo-grid.k-grid .k-selected.k-grid-row-sticky .k-table-td::before, kendo-grid.k-grid .k-grid-row-sticky .k-table-td.k-selected::before, kendo-grid.k-grid .k-selected.k-grid-content-sticky::before{ background-color: #baeafb !important;}

.mda-user-manage .k-tabstrip-content,.mda-user-manage .k-tabstrip>.k-content{
    border-width: 0 !important;
}

.mda-footer{
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 2999;
    border-top:1px solid #0000001a;
    background-color: var(--footer-color) !important;
}

.k-window-actions {
    margin: 0 !important;
}

#back-button-own{
    border:none;
    transform: rotate(90deg)
}

#admin-login .container-fluid{
    padding-top: 120px !important;
}