@font-face {
    font-family: 'Lufga-Regular';
    src: url('../../../fonts/Lufga/Lufga-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Lufga-SemiBold';
    src: url('../../../fonts/Lufga/Lufga-SemiBold.otf') format('opentype');
}

@font-face {
    font-family: 'Lufga-Bold';
    src: url('../../../fonts/Lufga/Lufga-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../../../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('../../../fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../../../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
}

.logo {
    background: url('../../../images/xsm_logo.svg') no-repeat center 0;
    width: 140px;
    height: 34px;
    flex-grow: 2;
}

#patient-search-form .input-group {
    display: flex;
    height: 37px;
}

.input-group .form-group .form-control.search {
    border-radius: 4px;
}

    .input-group .form-group .form-control.search:focus {
        outline: 3px solid #FFE180;
        border: 1px solid #141414;
        box-shadow: none;
    }

#patient-search-form .input-group > label + .form-group {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    flex-grow: 2;
}

#patient-search-form .input-group-btn .btn-default {
    color: gray;
    border-bottom: 1px solid #EEE6E1;
    border-top: 1px solid #EEE6E1;
    border-right: 1px solid #EEE6E1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 37px;
    width: 37px;
    padding: 8px;
    margin-left: -2px;
}

#patient-search-form .input-group-btn {
    width: inherit;
    padding: 0;
}

h1, .h1, h2, .h2, h3, .h3 {
    font-family: 'Lufga-Semibold','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #1d1758;
    margin: 0;
}

h2, .h2 {
    font-size: 30px;
    line-height: 1.2;
    margin-top: 16px;
    margin-bottom: 8px;
}

h3, .h3 {
    font-size: 22px;
    line-height: 1.4;
    margin-top: 16px;
    margin-bottom: 8px;
}

h4, .h4 {
    font-family: 'OpenSans-SemiBold','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}



body {
    font-family: 'OpenSans-Regular','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #141414;
}

p {
    font-family: 'OpenSans-Regular','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 8px;
}

span {
    font-family: 'OpenSans-Regular','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

strong, b, h5, .h5, h6, .h6 {
    font-family: 'OpenSans-SemiBold','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: inherit;
}

h5, .h5 {
    padding-top: .5rem;
    font-size: 1.25rem;
    line-height: 1.5;
    margin: 0;
}

hr, .rule {
    margin: 0;
    padding: 0;
    border-top: 1px solid #d9d6d2;
}

header h6 {
    font-family: 'Lufga-Semibold','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
}

.form-access h4 {
    font-family: 'Lufga-Semibold','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.push-right {
    float: right;
}

.btn-group, .btn-group-vertical {
    position: relative;
    margin: 0 1px;
}

.m-0 {
    margin: 0 !important;
}

.mt-1 {
    margin-top: .25rem !important;
}

.mt-2 {
    margin-top: .5rem !important;
}

.mt-3 {
    margin-top: .75rem !important;
}

.mt-4 {
    margin-top: 1rem !important;
}

.mt-5 {
    margin-top: 1.5rem !important;
}

.mt-6 {
    margin-top: 2rem !important;
}

.mb-1 {
    margin-bottom: .25rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.mb-3 {
    margin-bottom: .75rem !important;
}

.mb-4 {
    margin-bottom: 1rem !important;
}

.mb-5 {
    margin-bottom: 1.5rem !important;
}

.mb-6 {
    margin-bottom: 2rem !important;
}

.mh-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
}

.mh-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
}
/*card style form recent active clients from dashboard page*/
.recent-active-clients [class^="col-"] {
    padding-left: 0;
    float: none;
}

.col-sm-6 {
    width: 100%;
}

.col-sm-8 {
    width: 100%;
}

@media (min-width: 768px) {
    .col-sm-6 {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .col-sm-8 {
        width: 66.66666667%;
    }
}

.edit-link {
    font-family: OpenSans-Regular, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
    color: #3b3571;
    text-decoration: none;
}

    .edit-link:hover {
        color: #4d478b;
        text-decoration: underline;
    }

.alert-warning {
    position: relative;
    color: #7d4e0f;
    background-color: #fef9dc;
    border: 1px solid #ffeeb7;
    background-image: none;
    border-radius: 4px;
    padding: 1em;
    margin-bottom: 1em;
}

    .alert-warning img {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(50%, -50%);
    }

    .alert-warning p {
        padding-left: 50px;
    }

.inner-box {
    background: white;
    box-shadow: inset 0 1px 3px rgba(0,0,0, .14);
    font-size: 16px;
    height: 200px;
    max-height: 200px;
    padding-left: 40px;
    padding-right: 20px;
}

    .inner-box p {
        font-size: 14px;
        line-height: 1.4;
        margin-top: .5em;
    }

    .inner-box h3 {
        font-size: 17px;
        line-height: 1.4;
        margin-top: 1.5em;
    }

    .inner-box ol li {
        font-size: 14px;
        line-height: 1.4;
    }

        .inner-box ol li + li {
            margin-top: 1rem;
        }

    .inner-box.is-scrolling {
        overflow: auto;
    }

a, a:focus, a:hover {
    color: #615D8B;
}

#clinicians, #clinician-filter {
    padding-left: 8px;
}

.autocomplete_dropdown {
    position: relative;
    display: inline-block;
}

.alert span, alert-outter span, section-title section-title-alt {
    font-family: 'OpenSans-Regular';
}

.alert.alert-danger {
    background: #DE0D2B !important;
    border-color: #DE0D2B !important;
    color: #fff;
}

.autocomplete_dropdown:after {
    position: absolute;
    content: '';
    top: 9px;
    right: 6px;
    background: url(../../../images/select-tertiary.png) no-repeat 0 0;
    width: 13px;
    height: 8px;
    cursor: pointer;
}

.form-section-title {
    font-weight: 600;
}

.radio input[type=radio]:checked ~ .circle, label.radio-inline input[type=radio]:checked ~ .circle {
    border-color: #F25618;
}

.radio input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check {
    background-color: #F25618;
}

#detailsCon i.glyphicon.glyphicon-info-sign {
    font-size: 1.5em;
    margin-left: 4px;
}

.actions-bar {
    text-align: right;
    margin-right: 15%;
}

.form-section-body .widget-actions a.btn {
    display: inline-block;
    margin-right: 1em;
}

.form-horizontal.formbox {
    padding: 5rem 0;
}

.form-group.is-focused label,
.form-group.is-focused label.control-label {
    color: inherit;
}

.form-group .form-control.readonly {
    background-color: #FAF5F2;
}

.e-custom-numeric-label {
    margin: 0;
    padding: .75rem 0 0 0;
}

.form-group textarea.form-control {
    font-family: OpenSans-Regular, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
    height: 140px;
    padding: 12px 16px;
    border: 1px solid #d9d6d2;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 1rem;
}

    .form-group textarea.form-control:focus {
        border-color: #352c8c;
        box-shadow: 0 0 3px #4d478b;
        outline: none;
    }

@supports selector(:focus-visible) {
    .form-group textarea.form-control:focus {
        /* Remove the focus indicator on mouse-focus for browsers
           that do support :focus-visible */
        outline: none;
        background: transparent;
    }
}

.form-group textarea.form-control:focus-visible {
    outline: 4px solid #FFE180;
    border: 1px solid #141414;
    background: #fff;
    box-shadow: none;
}


button.alias-btn {
    border: 1px solid #e4e4e4;
    background-color: white;
    font-size: 3em;
    top: -3px;
}

    button.alias-btn .glyphicon-refresh {
        top: -3px;
    }

.detailsCon .usertable .glyphicon-pencil {
    color: #F25618;
}

.glyphicon-trash, a.delete, a.delete:hover, .removeClass {
    color: #DE0D2B !important;
}

.btn:not(.btn-raised).btn-primary,
.input-group-btn .btn:not(.btn-raised).btn-primary {
    font-family: OpenSans-Regular,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: normal;
    color: #fff;
    background-color: #4D478B;
    border-color: #4D478B;
    margin-bottom: 1em;
    color: #fff;
    padding: 12px 16px 12px 16px;
    line-height: 1.4;
    text-transform: inherit;
    border-radius: 4px;
    font-size: 15px;
    height: auto;
}

.btn-full-width {
    width: 100%;
}

.btn-large {
    padding: 12px 22px;
    font-size: 15px;
}

.adduerBtn .btn:not(.btn-raised).btn-primary,
.adduerBtn .input-group-btn .btn:not(.btn-raised).btn-primary {
    color: #FFF;
}

.patApponit .btn-primary:hover {
    background-color: #6C62BA;
}

.mood span {
    font-family: 'OpenSans-Regular';
}

/*i.glyphicon {
    color: #fff;
}*/

.is-theme:not(.is-default):not(.is-cbtc) i.glyphicon {
    color: #494847;
}

.appointment h1 {
    color: #F25618;
}

.notification:hover {
    border-color: #F25618 !important;
}

.notifications-head {
    font-family: 'OpenSans-Regular';
}

.ico-discussion-sm {
    background-image: url(../../../css/Onebright_Icons/Primary/PRIMARY_Discussions.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.custom-bell-icon.glyphicon {
    font-size: 23px;
    margin-top: 5px;
}

body:not(.is-landg) .custom-bell-icon.glyphicon {
    color: #FFF;
}

h1.main-title, form-section-title {
    color: #fff;
    font-weight: 600;
    font-size: 42px;
    font-family: 'Lufga-Semibold';
}

.ico-emergency-light-sm {
    background-image: url(../../../css/Onebright_Icons/Primary/PRIMARY_EmergencyLight.svg);
    background-repeat: no-repeat;
    background-position: top;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px;
}

.ico-help-sm {
    background-image: url(../../../css/Onebright_Icons/Primary/PRIMARY_Help.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.ico-consultancy-sm {
    background-image: url(../../../css/Onebright_Icons/Primary/PRIMARY_Consultancy.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

/* bootstrap overrides */
a.btn {
    text-decoration: none;
}

    a.btn:hover {
        background-color: #EEE8E4;
    }

.container {
    width: calc(100% - 20px);
}

@media (min-width: 920px) {
    .container {
        max-width: 1400px;
    }
}



/* sf overrides */
#calendar .fc-view-container {
    box-shadow: 0px 0px 10px rgb(215 203 196 / 30%);
    border-radius: 5px;
    padding: 10px;
    background: #fff;
}

#calendar .fc-button-group button:focus {
    outline: 4px solid #FFE180;
    border: 1px solid #141414 !important;
}

/* sf appointments calendar */
.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text {
    font-size: 14px !important;
}

.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
    border: 1px solid #B5B2AF;
    background-color: #fff;
    color: #141414;
}

    .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
        outline: 4px solid #FFE180;
        border: 1px solid #141414;
    }

    .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:not(:focus-visible):focus {
        border-color: #352c8c;
        box-shadow: 0 0 3px #4d478b;
        outline: none;
    }

.info-panel__clinics .h6 {
    font-weight: 600;
    font-size: 15px;
    font-family: 'Roboto';
    line-height: 1;
    margin: 0 0 .75rem 0;
}

.info-panel__header.h6 {
    font-size: 21px;
    font-family: 'Lufga-SemiBold';
    color: #494846;
}

.container--outer-header {
    border-bottom: 1px solid #EEE8E4;
    margin-bottom: 1rem;
}

.container--outer .e-btn.btn-outline {
    border: 1px solid #B5B2AF;
    background-color: #fff;
    color: #141414;
    border-radius: 4px;
}

    .container--outer .e-btn.btn-outline:not(.selected):not(:disabled):hover {
        border: 1px solid #141414;
        background-color: #FDF9F7;
        color: #141414;
    }

    .container--outer .e-btn.btn-outline:disabled {
        border: 1px solid #d1cdc9;
        background-color: #fff;
        color: #d1cdc9;
    }

.container--outer .e-btn,
.container--outer .container--outer-header .e-btn {
    background-color: #fff;
    border-color: #B5B2AF;
    color: #141414;
    border-radius: 4px;
}
    /* button focus */
    .container--outer .e-btn:focus,
    .container--outer .container--outer-header .e-btn:focus {
        outline: 4px solid #FFE180;
        border: 1px solid #141414;
    }
        /* button click focus :focus-visible override */
        .container--outer .e-btn:active,
        .container--outer .e-btn:focus:not(:focus-visible),
        .container--outer .container--outer-header .e-btn:focus:not(:focus-visible) {
            border-color: #352c8c;
            box-shadow: 0 0 3px #4d478b;
            outline: transparent;
        }


    .container--outer .e-css.e-btn:not(.selected):not(:disabled):hover,
    .container--outer .container--outer-header .e-btn:not(.selected):hover {
        border: 1px solid #141414;
        background-color: #FDF9F7;
        color: #141414;
    }

    .container--outer .e-btn.selected,
    .container--outer .selected .e-btn {
        border: 1px solid #3B3571;
        background-color: #E7E7FF;
        color: #141414;
    }


.container__main-controls .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon {
    padding: 0 4px 0 0;
}

.e-toolbar .e-tbar-btn-text, .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
    padding: 0 4px;
}

.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
    min-width: 12px;
    line-height: 24px;
}

.container__main-controls .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
    padding: 0 4px;
    min-width: 36px;
    height: 32px;
    line-height: 1.4;
}

    .container__main-controls .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus,
    .container__main-controls .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active,
    .container__main-controls .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
        padding: 0 4px;
        border: 1px solid #141414;
        background-color: #FDF9F7 !important;
        color: #141414;
    }

.container__main-controls .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus .e-btn-icon,
.container__main-controls .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active .e-btn-icon,
.container__main-controls .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover .e-btn-icon,
.container__main-controls .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus .e-tbar-btn-text,
.container__main-controls .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active .e-tbar-btn-text,
.container__main-controls .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover .e-tbar-btn-text {
    color: #141414;
}

.e-schedule .e-vertical-view tr :not(.e-work-hours).e-work-cells {
    background: #FAF5F2 !important;
    border-color: #DBD9D7 !important;
}

.e-schedule .e-schedule-toolbar .e-toolbar-items {
    background: #fff;
}

.e-schedule .e-schedule-toolbar .e-icon-prev::before,
.e-schedule .e-schedule-toolbar .e-icon-next::before {
    height: 25px;
    vertical-align: middle;
    display: inline-block;
}

.e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item .e-tbar-btn.e-icon-btn:hover,
.e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item .e-tbar-btn.e-icon-btn:focus {
    border: 1px solid #141414;
    background-color: #FDF9F7 !important;
    color: #141414;
}

/* Diary wizard controls */
.breadcrumbs__container .breadcrumbs__radio-container .e-radio-wrapper.e-wrapper {
    padding: 0;
    background-color: transparent;
}

.breadcrumbs__container .breadcrumbs__radio-container {
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.breadcrumbs__radio-container .e-radio + label {
    border: 1px solid #B5B2AF;
    border-radius: 2rem;
    padding: 9px 14px;
    background: #fff;
}

    .breadcrumbs__radio-container .e-radio + label:hover,
    .breadcrumbs__radio-container .e-radio + label:hover::before {
        border: 1px solid #141414;
        background-color: #fff;
        color: #141414;
    }

    .breadcrumbs__radio-container .e-radio + label .e-label {
        padding-left: 20px;
    }

.breadcrumbs__radio-container :not(.e-radio-wrapper:last-of-type) {
    margin-right: 4px;
}

.breadcrumbs__radio-container .e-radio + label::before {
    border: 1px solid #adb5bd;
    height: 17px;
    width: 17px;
    left: 10px;
    top: 49%;
    transform: translateY(-50%);
}

/*    .breadcrumbs__radio-container .e-radio:focus + label {
        outline: 4px solid #FFE180;
        border: 1px solid #141414 !important;
    }*/

.breadcrumbs__radio-container .e-radio:focus + label::before {
    border: 1px solid #adb5bd;
    box-shadow: none;
}


.breadcrumbs__radio-container .e-radio:disabled + label {
    border-color: #B5B2AF;
    opacity: 0.6;
}

    .breadcrumbs__radio-container .e-radio:disabled + label::before {
        background-color: #fff;
        border-color: #B5B2AF;
    }

.breadcrumbs__radio-container .e-radio + label::after {
    border: none;
    height: 7px;
    left: 15px;
    position: absolute;
    top: 49%;
    width: 7px;
    transform: translateY(-50%);
}

.breadcrumbs__radio-container .e-radio:checked + label::after {
    transform: translateY(-50%);
}

.breadcrumbs__radio-container .e-radio + label span.e-label {
    line-height: 1.4;
    color: #141414 !important;
}

.breadcrumbs__radio-container .e-radio:disabled + label span.e-label {
    color: #B5B2AF !important;
}

/* diary container */
.container__main-controls .content__container .schedule-panel .e-schedule,
.container__main-controls .content__container .info-panel {
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgb(215 203 196 / 30%);
    background-color: #fff;
    border: 1px solid #EEE8E4;
}

    .container__main-controls .content__container .info-panel.panel-focus {
        outline: 4px solid #FFE180;
        border: 1px solid #141414;
    }

.e-schedule .e-schedule-toolbar-container .e-toolbar .e-toolbar-items {
    background: #fff;
}

.e-schedule .e-vertical-view .e-header-cells.e-current-day {
    background: #faf5f2;
}

.schedule-panel .e-schedule .e-vertical-view .e-work-cells:hover {
    background: #E7E7FF;
    color: #212529;
}

.action-label {
    margin-bottom: .25rem;
}

.clinic-item {
    padding: 2rem 2rem;
    margin: 0 -10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #EEE8E4;
}

    .clinic-item:last-child {
        border-bottom: 1px solid transparent;
    }

    .clinic-item.is-selected,
    .clinic-item.is-selected:hover {
        color: #3B3571;
        background-color: #F6F6FF;
        /*border-top: 1px solid #E7E7FF;*/
        border-bottom: 1px solid #E7E7FF;
    }

        .clinic-item.is-selected:first-of-type {
            border-top: 1px solid #E7E7FF;
        }

.alert-info {
    position: relative;
    color: #7D4E0F;
    background-color: #FEF9DC;
    border-color: #bce8f1;
    padding: 8px 12px;
    margin: 0 10px;
    background-image: none;
    padding: 1em;
}

    .alert-info:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%,100%);
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #FEF9DC;
    }

/* New for diary */
/* chips */
.status-flags {
    display: flex;
    margin-bottom: .5rem;
}

.chip {
    font-family: 'Roboto';
    margin: 4px 4px 4px 0;
    font-size: 13px;
    text-align: center;
    border-radius: 1.25rem;
    padding: 4px 8px;
}

.chip-yellow {
    background: #FFEEB7;
    color: #7D4E0F;
}

.chip-green {
    background: #BCF0C4;
    color: #02654C;
}

/* table fixes */
.schedule-panel .e-table-container {
    border-top: 0;
    margin-top: -1px;
    border-right: 0;
    margin-right: -1px;
}

.e-date-header-container .e-date-header-wrap.e-all-day-auto {
    margin-top: -2px;
}

.e-date-header-container .e-date-header-wrap table.e-schedule-table {
    border-top: none;
}

.e-schedule-toolbar-container .e-toolbar.e-schedule-toolbar .e-toolbar-items.e-tbar-pos {
    height: 52px;
    min-height: 52px;
    border-radius: 0;
}

/* active calendar slot box */
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment:not(.e-schedule-event-clone):not(.appt-card) {
    background-color: #E7E7FF !important;
    border-left: 4px solid #4D478B;
    border-radius: 0;
}

    .e-schedule .e-vertical-view .e-day-wrapper .e-appointment:not(.e-schedule-event-clone) .e-appointment-details {
        line-height: 1.2;
    }

        .e-schedule .e-vertical-view .e-day-wrapper .e-appointment:not(.e-schedule-event-clone) .e-appointment-details .e-subject {
            font-weight: bold;
        }

    .e-schedule .e-vertical-view .e-day-wrapper .e-appointment.e-appointment-border:not(.e-schedule-event-clone),
    .e-schedule .e-vertical-view .e-day-wrapper .e-appointment:not(.e-schedule-event-clone):focus {
        outline: 2px solid #141414;
        border-left: 4px solid #4D478B;
        box-shadow: none;
        border-radius: 0;
    }

.e-schedule .e-vertical-view .e-day-wrapper .e-appointment[aria-readonly="true"],
.e-schedule .e-vertical-view .e-day-wrapper .e-appointment[aria-readonly="true"]:focus {
    opacity: 0.65;
    pointer-events: none;
}

/* more buttons */
.e-calendar .e-btn.e-today.e-flat.e-primary,
.e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
    background-color: #3B3571;
    border-color: #3b3571;
}

    .e-calendar .e-btn.e-today.e-flat.e-primary:hover,
    .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover {
        background-color: #4D478B;
        border-color: #4D478B;
    }

    .e-calendar .e-btn.e-today.e-flat.e-primary,
    .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:focus {
        outline: 4px solid #FFE180;
        border: 1px solid #141414;
    }

/* popmenu controls */
.e-control.e-header-popup.e-lib.e-popup.e-popup-open {
    box-shadow: 0 1px 4px rgb(0 0 0 / 15%);
}

/* dialog */
.e-dialog .e-dlg-header {
    width: 90% !important;
}

.e-dlg-container .e-dialog {
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}

    .e-dlg-container .e-dialog .e-dlg-header-content {
        border-radius: 5px 5px 0 0;
    }

    .e-dlg-container .e-dialog .e-footer-content {
        border-radius: 0 0 5px 5px;
    }


.e-form-container .e-input-group.e-control-wrapper input.e-input {
    height: 37px;
    font-size: 15px;
}

.e-form-container .e-schedule-form .form-group label {
    font-family: 'OpenSans-Regular';
    font-size: 15px;
    font-weight: normal;
}

.e-form-container .e-schedule-form p {
    font-family: 'OpenSans-Regular';
    font-size: 15px;
    font-weight: normal;
}

.e-form-container .form-group .e-date-container {
    border: 1px solid #DBD9D7;
    margin-bottom: .5rem;
}

.e-input-group.e-readonly:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.e-input-group.e-disabled:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.e-input-group.e-float-icon-left.e-disabled:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.e-input-group.e-control-wrapper.e-float-icon-left.e-disabled:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {
    background: #e9ecef;
    color: #6c757d;
    border: 1px solid #DBD9D7;
}

.form-group .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.form-group .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.form-group .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.form-group .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.form-group .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.form-group .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {
    border: 1px solid #DBD9D7;
    background-color: #fff;
    padding: 2px 10px;
    font-size: 15px;
    border-radius: 4px;
}

.btn.btn-default.e-custom-button {
    color: #141414;
    background-color: #fff;
    transition: background-color .5s ease-in-out, border .5s, box-shadow .5s;
}

    .btn.btn-default.e-custom-button.active,
    .btn.btn-default.e-custom-button.active:hover {
        border: 1px solid #352c8c;
        background: #E7E7FF;
        box-shadow: none;
    }

.form-group .e-input-group.e-control-wrapper.e-input-focus.e-disabled:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.form-group .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) {
    border: 1px solid #141414 !important;
    background: #fff;
}

.btn.btn-default.e-custom-button:focus {
    outline: 4px solid #FFE180;
    border: 1px solid #141414;
}

.btn.btn-default.e-custom-button:not(:focus-visible):focus {
    border: 1px solid #352c8c;
    box-shadow: 0 0 3px #4d478b;
    outline: none;
}

.e-input-group.e-success,
.e-input-group.e-control-wrapper.e-success,
.e-input-group.e-success:not(.e-float-icon-left),
.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left) {
    border: 1px solid #28a745;
}

.e-dialog .e-title-text {
    font-family: 'OpenSans-Regular';
    font-size: 20px;
}

.e-dlg-container .e-footer-content .e-btn.e-flat,
.e-dlg-container .e-btn
/* primary dialog submit */ {
    border: 1px solid #B5B2AF;
    background-color: #fff;
    color: #141414;
    border-radius: 4px;
}

    .e-dlg-container .e-footer-content .e-btn.e-flat:hover,
    .e-dlg-container .e-btn:hover {
        border: 1px solid #141414;
        background-color: #FDF9F7;
        color: #141414;
    }

    .e-dlg-container .e-footer-content .e-btn.e-flat:focus,
    .e-dlg-container .e-btn:focus {
        outline: 4px solid #FFE180;
        border: 1px solid #141414;
    }

.e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]) {
    background-color: #3B3571;
    border-color: #3b3571;
}

    .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):hover {
        background-color: #4D478B;
        border-color: #4D478B;
        color: #fff;
    }

    .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):focus {
        outline: 4px solid #FFE180;
        border: 1px solid #141414;
    }

.e-date-wrapper.e-input-group .e-datepicker + .e-date-icon {
    padding: 0 12px;
}

.e-date-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon:hover,
.e-date-wrapper.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover,
.e-date-wrapper.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover::before {
    background-color: #FDF9F7;
    color: #141414;
}

.e-date-wrapper.e-input-group .e-datepicker + .e-date-icon::before {
    font-size: 16px;
}

/* additional globals */
.btn:not(.btn-raised):not(.btn-link):not(.btn-primary):not(.active):hover,
.input-group-btn .btn:not(.btn-raised):not(.btn-link):not(.btn-primary):not(.active):hover {
    border: 1px solid #141414;
    background-color: #FDF9F7;
    color: #141414;
}

.btn-primary:not(.btn-raised):not(.btn-link):hover {
    color: #fff;
    background-color: #6C62BA;
    border-color: #6C62BA;
}

.btn-primary:not(.btn-raised):not(.btn-link):focus {
    background-color: #6C62BA;
    outline: 4px solid #FFE180;
    border: 1px solid #141414;
}

.btn-primary:not(.btn-raised):not(.btn-link):not(:focus-visible):focus {
    border-color: #352c8c;
    box-shadow: 0 0 3px #4d478b;
    outline: none;
}

input.e-input, textarea.e-input, .e-input-group, .e-input-group.e-control-wrapper {
    font-family: OpenSans-Regular,Arial,sans-serif,"-apple-system","BlinkMacSystemFont";
    font-size: 14px;
}

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

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

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

.read-only-field {
    background-color: #faf5f2;
    padding: 16px;
    margin: 8px;
    width: 100%
}

@media (min-width: 920px) {
    .width-50\@m {
        width: 50%;
    }
}

/* TCA form control overrides */
.is-tca .drawer-fixed {
    height: calc(100vh - 139px);
    top: 210px;
}

/* Report driven assessment form control overrides */
.is-rda .drawer-fixed {
    height: calc(100vh - 139px);
    top: 148px;
}

    .is-tca .drawer-fixed .drawer-inner {
        height: calc(100vh - 192px);
        padding: 0 20px;
    }

.drawer-inner {
    padding-top: 0;
}

.is-tca .drawer-container {
    height: calc(100vh - 140px);
    margin-top: -1em;
}

.drawer-container h3 {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-right: 35px;
}

.is-tca .drawer-form {
    /* make scolly here */
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: calc(100vh - 510px);
    margin-bottom: 1em;
}

    .is-tca .drawer-form.is-wsas {
        height: calc(100vh - 526px);
    }

    .is-tca .drawer-form.is-iapt {
        height: calc(100vh - 555px);
    }

    .is-tca .drawer-form.is-dast {
        height: calc(100vh - 538px);
    }

    .is-tca .drawer-form.is-risk {
        height: calc(100vh - 370px);
    }

    .is-rda .drawer-form.is-risk {
        height: calc(100vh - 295px);
     }

.scrollable-box-y {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: calc(100vh - 610px);
    margin-bottom: 1em;
}

    .scrollable-box-y.is-pi {
        height: calc(50vh);
    }

    .scrollable-box-y.is-tca-details {
        height: calc(100vh - 265px);
    }

    .scrollable-box-y.is-pi-form {
        height: calc(100vh - 360px);
    }

.scrollable-border {
    border: 1px solid #d9d6d2;
}

.result-container {
    font-family: OpenSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 1em;
}

.result-point {
    font-size: 30px;
    color: #1D1758;
}

.result-text {
    display: inline-block;
    padding: 1.2em 1em 1em 2em;
}

.drawer-form-group {
    padding-top: .25em;
    padding-bottom: .75em;
}

.radiobutton-wrapper {
    position: relative;
    margin-bottom: .5rem;
}

    .radiobutton-wrapper.is-full-width .e-radio-wrapper,
    .e-radio-wrapper.is-full-width {
        width: 100%;
    }

.e-radio-wrapper {
    width: auto;
}

    .e-radio-wrapper .e-radio {
        width: 1px;
        height: 1px;
        opacity: 0;
    }

.radio-set .e-radio-wrapper {
    margin-bottom: .5em;
}

    .radio-set .e-radio-wrapper:not(:last-of-type) {
        margin-right: 8px;
    }

.e-radio-wrapper .e-radio + label {
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    margin: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid #D9D6D2;
    padding: 10px 18px 10px 23px;
    border-radius: 4px;
    line-height: 1.4;
    background: #fff;
    width: 100%;
    color: #141414;
    transition: background .5s, color .5s, border .5s, box-shadow .5s;
}

.e-radio-wrapper.radio-btn-rounded .e-radio + label {
    border-radius: 2em;
}

.e-radio-wrapper.radio-btn-small .e-radio + label {
    font-size: 14px;
    padding: 9px 14px 9px 19px;
    line-height: 1.1;
}

.e-radio-wrapper .e-radio + label:hover {
    border: 1px solid #141414;
}

.e-radio-wrapper .e-radio:checked + label {
    border-color: #352c8c;
    background: #E7E7FF;
}

.e-radio-wrapper .e-radio + label:active {
    border: 1px solid #D9D6D2;
    box-shadow: 0 0 3px #4d478b;
}

/* ============= Option button focus =============== */

/* tab focus */
.e-radio-wrapper .e-radio:focus + label,
.e-radio-wrapper .e-radio:checked:focus + label {
    border-color: #141414;
    outline: 4px solid #ffe180;
}
/* click focus :focus-visible override */
.e-radio-wrapper .e-radio:focus:not(:focus-visible) + label,
.e-radio-wrapper .e-radio:checked:focus:not(:focus-visible) + label {
    border-color: #352c8c;
    box-shadow: 0 0 3px #4d478b;
    outline: none;
}

.e-radio-wrapper .e-radio:checked:focus + label {
    background: #E7E7FF;
}


.e-radio-wrapper .e-radio + label::before,
.radio-list.e-listview .e-content .e-ul .e-list-item .e-text-content::before {
    border: 1px solid #757575;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    content: '';
    height: 18px;
    left: 13px;
    position: absolute;
    top: 50%;
    width: 18px;
    transform: translate(0,-50%);
    background-color: #fff;
}

.e-radio-wrapper.e-wrapper .e-radio + label::after,
.radio-list.e-listview .e-content .e-ul .e-list-item .e-text-content::after {
    border-radius: 50%;
    box-sizing: border-box;
    content: '';
    height: 7px;
    left: 15px;
    position: absolute;
    top: 49%;
    transform: unset;
    transform: translate(50%,-50%);
    width: 7px;
    background-color: #fff;
    border-color: transparent;
    transition: none !important;
}


.e-radio-wrapper .e-radio:checked + label::before,
.e-radio-wrapper .e-radio:checked:focus + label::before,
.e-radio-wrapper .e-radio:checked + label:hover::before {
    border-color: #352c8c;
    background-color: #352c8c;
}

.e-radio-wrapper .e-radio:checked + label::after,
.e-radio-wrapper .e-radio:checked:focus + label::after,
.e-radio-wrapper .e-radio:checked + label:hover::after {
    background-color: #fff;
    border-color: transparent;
    transform: translate(50%,-50%);
}

.e-radio-wrapper .e-radio + label .e-label {
    display: inline-block;
    font-family: inherit;
    font-size: 15px;
    font-weight: normal;
    line-height: inherit;
    padding-left: 18px;
    color: #141414;
}

/* format syncfusion checkbox button list items radio-list mod */
.radio-list.e-listview .e-content .e-listview-checkbox {
    width: 1px;
    height: 1px;
    opacity: 0;
}

    .radio-list.e-listview .e-content .e-listview-checkbox span {
        display: none;
    }

.radio-list.e-listview .e-content .e-list-item {
    position: relative;
    color: #141414;
    border: 1px solid #d9d6d2;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 3px;
    padding: 0;
    height: 37px;
    line-height: 2.3;
    box-shadow: 0 0 0 transparent;
    transition: border .5s,background-color .5s,box-shadow .5s;
}

    .radio-list.e-listview .e-content .e-list-item .e-text-content {
        padding-left: 2em;
    }

    .radio-list.e-listview .e-content .e-list-item.e-active .e-text-content::before {
        border-color: #352c8c;
        background-color: #352c8c;
    }

    .radio-list.e-listview .e-content .e-list-item.e-active .e-text-content::after {
        background-color: #fff;
        border-color: transparent;
        transform: translate(50%,-50%);
    }

.radio-list.e-listview .e-content .e-list-parent {
    padding: 3px;
}

.radio-list.e-listview .e-content .e-list-item.e-active,
.radio-list.e-listview .e-content .e-list-item.e-active.e-hover {
    color: #141414;
    background-color: #e7e7ff;
    border-color: #352c8c;
}

    .radio-list.e-listview .e-content .e-list-item.e-active.e-focused {
        color: #141414;
        background-color: #e7e7ff;
        border-color: #352c8c;
        box-shadow: 0 0 3px #4d478b;
    }

.radio-list.e-listview .e-content .e-list-item:not(.e-active):not(.e-focused).e-hover {
    color: #141414;
    background-color: #fff;
    border: 1px solid #141414;
}


/* =============== */

.control-radio-container {
    margin-bottom: 10px;
}

    .control-radio-container .e-radio-wrapper {
        margin-right: 1em;
    }

.process-action-bar {
    margin: 20px 0 0px;
    padding-top: 20px;
    border-top: 1px solid #D9D6D2;
}

.e-label.e-value {
    font-size: 15px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0,-50%);
    pointer-events: none;
}

/* Custom TCA slider controls */

.e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-handle {
    background-color: #4d478b;
    border-color: #4d478b;
}

    .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-handle.e-tab-handle::after {
        background-color: #4d478b;
    }

/* Inside drawer */
.drawer-form .e-control-wrapper.e-slider-container .e-slider .e-handle,
.drawer-form .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
    background-color: #4d478b;
}

    .drawer-form .e-control-wrapper.e-slider-container .e-slider .e-handle::after {
        background-color: #4d478b;
    }

    .drawer-form .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle::after {
        background-color: #4d478b;
    }

.drawer-form .e-control-wrapper.e-slider-container.e-horizontal .e-first-button,
.drawer-form .e-control-wrapper.e-slider-container.e-horizontal .e-second-button {
    background-color: #4d478b;
}

.drawer-form .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
    font-size: 12px !important;
}

.drawer-form .e-control-wrapper.e-slider-container.e-horizontal {
    height: 65px;
    margin-bottom: 1em;
}

/* additional global tca forms */
button.btn.btn-outline {
    background: #fff;
    font-family: OpenSans-SemiBold, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: normal;
    border-color: #d9d6d2;
    margin-bottom: 1em;
    color: #141414;
    padding: 12px 16px 12px 16px;
    line-height: 1.4;
    text-transform: inherit;
    border-radius: 4px;
    font-size: 15px;
    height: auto;
}

    button.btn.btn-outline.btn-small {
        font-size: 14px;
        padding: 8px 12px 8px 12px;
    }

button.btn-icon {
    background: none;
    border: none;
    line-height: .75;
    color: #706d6b;
    padding: .5rem;
}

    button.btn-icon:hover {
        color: #cdcac7;
    }

    button.btn-icon:focus {
        outline: 4px solid #ffe180;
        border: 1px solid #141414;
    }

    button.btn-icon:not(:focus-visible):focus {
        outline: none;
        border: none;
    }

.drawer .drawer-actions {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0,-50%);
}

.form-control.context-search {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-width: 1px 1px 0 1px;
    height: 37px;
    margin: 0;
}

.form-group {
    margin: .5rem 0;
    padding-bottom: 1rem;
}

.form-content-container {
    margin-right: 3.125em;
}

.form-group-container {
    background: #fff;
    border: 1px solid #d9d6d2;
    border-radius: 5px;
    margin-bottom: 1em;
}

.form-footer-actions {
    margin-top: 1em;
}

.form-group label {
    font-family: OpenSans-Regular, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #141414;
    font-weight: normal;
    font-size: 15px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.form-group .form-control {
    margin-bottom: .5rem;
}

.form-group .field-group {
    margin-bottom: 1.75rem;
}

.checkbox-container {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    padding: 13px;
    margin: 10px;
}

.checkbox-big {
    height: 1px;
    width: 1px;
    opacity: 0;
}

    .checkbox-big + label {
        position: relative;
        padding-left: 35px;
    }

        .checkbox-big + label::before {
            content: "";
            position: absolute;
            width: 24px;
            height: 24px;
            border: 1px solid #D9D6D2;
            border-radius: 3px;
            top: 50%;
            left: 0;
            transform: translate(0, -50%);
        }

        .checkbox-big + label:hover::before {
            border: 1px solid #141414;
        }

    .checkbox-big:focus + label::before {
        outline: 4px solid #FFE180;
        border: 1px solid #141414;
    }

    .checkbox-big:not(:focus-visible):focus + label::before {
        border-color: #352c8c;
        box-shadow: 0 0 3px #4d478b;
        outline: none;
    }

    .checkbox-big:checked + label::before {
        border: 1px solid #352c8c;
        background-color: #352c8c;
    }

    .checkbox-big:active + label::before {
        box-shadow: 0 0 3px #4d478b;
        outline: transparent;
    }

    .checkbox-big:checked + label::after {
        content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="white" class="bi bi-check" viewBox="0 0 16 16"> <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/> </svg>');
        position: absolute;
        height: 24px;
        width: 24px;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
    }

.btn-outline {
    font-family: OpenSans-SemiBold,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: normal;
    color: #141414;
    background-color: #fff;
    margin-bottom: 1em;
    padding: 12px 16px 12px 16px;
    line-height: 1.4;
    border-radius: 4px;
    font-size: 15px;
    height: auto;
    border: 1px solid #d9d6d2;
}

/* Added replacement TCA svgs */
/* double class to increase specificity */
.btn.icon-left.icon-left {
    padding-left: 2.5em;
}

.ob-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 1.4;
    left: .75rem;
    top: 50%;
    transform: translate(0,-50%);
}

    .ob-icon::before {
        height: 24px;
        width: 24px;
    }

.ob-attend::before {
    content: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 32 32"> <path d="M21,29c-4.81,0-9.33-1.87-12.73-5.27-3.4-3.4-5.27-7.92-5.27-12.73,0-1.7,.62-3.34,1.75-4.62,1.12-1.28,2.67-2.1,4.37-2.32,.42-.06,.87,.03,1.25,.25,.37,.22,.67,.56,.84,.95l2.51,5.85c.13,.29,.18,.62,.16,.95-.03,.33-.13,.65-.31,.92l-2.09,3.18c.93,1.91,2.49,3.47,4.41,4.39l3.12-2.09c.27-.18,.6-.3,.93-.33,.33-.03,.67,.02,.98,.16l5.84,2.51c.39,.16,.73,.46,.95,.84,.22,.38,.31,.82,.25,1.25-.22,1.69-1.04,3.24-2.32,4.37-1.28,1.12-2.92,1.75-4.62,1.75ZM9.36,6.05c-1.2,.15-2.31,.74-3.11,1.65-.8,.91-1.25,2.09-1.25,3.3,0,4.27,1.66,8.29,4.69,11.31,3.02,3.02,7.04,4.69,11.31,4.69,1.22,0,2.39-.44,3.3-1.25,.91-.8,1.5-1.91,1.66-3.12l-5.85-2.5-3.12,2.09c-.28,.19-.62,.31-.96,.33-.35,.03-.69-.04-1.01-.19-2.33-1.12-4.22-3.01-5.35-5.33h0c-.15-.31-.21-.65-.19-.99,.02-.34,.13-.67,.32-.96l2.09-3.18-2.52-5.86Z"/> <path d="M25.92,6.62c-.1-.24-.3-.44-.54-.54-.12-.05-.25-.08-.38-.08h-5c-.55,0-1,.45-1,1s.45,1,1,1h2.59l-4.29,4.29c-.39,.39-.39,1.02,0,1.41,.2,.2,.45,.29,.71,.29s.51-.1,.71-.29l4.29-4.29v2.59c0,.55,.45,1,1,1s1-.45,1-1V7c0-.13-.03-.26-.08-.38Z"/> </svg>');
}

.ob-cant-attend::before {
    content: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" fill="darkred" viewBox="0 0 32 32"><path d="M21,29c-4.81,0-9.33-1.87-12.73-5.27-3.4-3.4-5.27-7.92-5.27-12.73,0-1.7,.62-3.34,1.75-4.62,1.12-1.28,2.67-2.1,4.37-2.32,.43-.06,.87,.03,1.25,.25,.37,.22,.67,.56,.84,.95l2.51,5.85c.13,.29,.18,.62,.16,.95-.03,.32-.13,.64-.31,.92l-2.09,3.18c.93,1.91,2.49,3.47,4.41,4.39l3.12-2.09c.27-.18,.6-.3,.93-.33,.33-.03,.67,.02,.98,.16l5.84,2.51c.39,.16,.73,.46,.95,.84,.22,.38,.31,.82,.25,1.25-.22,1.69-1.04,3.24-2.32,4.37-1.28,1.12-2.92,1.75-4.62,1.75ZM9.36,6.05c-1.2,.15-2.31,.74-3.11,1.65-.8,.91-1.25,2.09-1.25,3.3,0,4.27,1.66,8.29,4.69,11.31,3.02,3.02,7.04,4.69,11.31,4.69,1.22,0,2.39-.44,3.3-1.25,.91-.8,1.5-1.91,1.66-3.12l-5.85-2.5-3.12,2.09c-.28,.19-.62,.31-.96,.33-.34,.03-.69-.04-1.01-.19-2.33-1.12-4.22-3.01-5.35-5.33h0c-.15-.31-.21-.65-.19-.99,.02-.34,.13-.67,.32-.96l2.09-3.18-2.52-5.86Z"/><path d="M23.42,10l2.29-2.29c.39-.39,.39-1.02,0-1.41s-1.02-.39-1.41,0l-2.29,2.29-2.29-2.29c-.39-.39-1.02-.39-1.41,0s-.39,1.02,0,1.41l2.29,2.29-2.29,2.29c-.39,.39-.39,1.02,0,1.41,.2,.2,.45,.29,.71,.29s.51-.1,.71-.29l2.29-2.29,2.29,2.29c.2,.2,.45,.29,.71,.29s.51-.1,.71-.29c.39-.39,.39-1.02,0-1.41l-2.29-2.29Z"/></svg>');
}

.ob-hand {
    content: url('data:image/svg+xml;utf8,<svg id="a" xmlns="http://www.w3.org/2000/svg" fill="darkred" viewBox="0 0 32 32"><path d="M25.98,11.52c-1.04-1.04-2.67-1.25-3.97-.66V6.5c0-.93-.36-1.81-1.03-2.47-1.09-1.09-2.82-1.27-4.15-.57-.17-.53-.44-1.03-.85-1.43-1.32-1.32-3.62-1.32-4.95,0-.66,.66-1.02,1.54-1.02,2.47v.87c-1.3-.59-2.93-.38-3.98,.66-.66,.66-1.02,1.54-1.02,2.47v10.5c0,2.94,1.14,5.7,3.22,7.78,2.08,2.08,4.84,3.22,7.78,3.22s5.7-1.14,7.78-3.22c2.08-2.08,3.22-4.84,3.22-7.78v-5c0-.93-.36-1.81-1.03-2.47Zm-.97,7.47c0,2.4-.94,4.66-2.64,6.36s-3.99,2.64-6.36,2.64-4.66-.94-6.36-2.64c-1.7-1.7-2.64-3.96-2.64-6.36V8.5c0-.4,.16-.78,.44-1.06,.57-.57,1.56-.57,2.12,0,.28,.28,.44,.66,.44,1.06v5.5c0,.55,.45,1,1,1s1-.45,1-1V4.5c0-.4,.16-.78,.44-1.06,.57-.57,1.56-.57,2.12,0,.28,.28,.44,.66,.44,1.06V13c0,.55,.45,1,1,1s1-.45,1-1V6.5c0-.4,.16-.78,.44-1.06,.57-.57,1.56-.57,2.12,0,.28,.28,.44,.66,.44,1.06V15.58c-1.22,.21-2.36,.79-3.24,1.67-1.13,1.13-1.76,2.64-1.76,4.24,0,.55,.45,1,1,1s1-.45,1-1c0-1.07,.42-2.07,1.17-2.83,.74-.74,1.78-1.17,2.83-1.17,.55,0,1-.45,1-1v-2.5c0-.4,.16-.78,.44-1.06,.57-.57,1.56-.57,2.12,0,.28,.28,.44,.66,.44,1.06v5Z"/></svg>');
}

.flex-child {
    flex: 1;
    margin-right: 20px;
}

/* override for material field underline */
.form-group .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,
.form-group .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,
.form-group .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
.form-group .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,
.form-group .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,
.form-group .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after,
.form-group .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
.form-group .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
    bottom: 0;
    content: none;
    height: 0;
    position: relative;
    transition: none;
    width: 0;
}

.page-container form {
    margin-bottom: 2em;
}

.e-content .e-item[role="tabpanel"] {
    margin: 0;
}

/* Custom TCA question lists */
/* check-list/radio-list */
.e-listview.check-list .e-listview-item,
.e-listview.radio-list .e-listview-item {
    margin-bottom: .5em;
    border: 1px solid transparent;
    border-radius: 4px;
}

:not(.sub-container) > .e-listview.check-list > .e-listview-item.highlight,
:not(.sub-container) > .e-listview.radio-list > .e-listview-item.highlight {
    border: 1px solid #3b3571;
    background: #fff;
}

.sub-container > .e-listview.check-list > .e-listview-item.highlight {
    /*border: 1px solid #3b3571;
    background: #e7e7ff;*/
}

.check-list .e-checkbox-wrapper,
.radio-list > .e-listview-item > .e-radio-wrapper {
    width: 100%;
}

.sub-container > .check-list .e-checkbox-wrapper,
.sub-container:not(#TcaQuestion_PathwayAgreed_PathwayAgreed_AlternativePathway_FollowUp):not(#TcaQuestion_PathwayAgreed_PathwayAgreed_AgreesWithClinician_FollowUp) > .radio-list .e-radio-wrapper {
    width: auto;
}

.sub-container > .check-list,
.sub-container:not(#TcaQuestion_PathwayAgreed_PathwayAgreed_AlternativePathway_FollowUp):not(#TcaQuestion_PathwayAgreed_PathwayAgreed_AgreesWithClinician_FollowUp) > .radio-list {
    display: flex;
}

    .sub-container > .check-list > .e-listview-item:not(:last-of-type),
    .sub-container:not(#TcaQuestion_PathwayAgreed_PathwayAgreed_AlternativePathway_FollowUp):not(#TcaQuestion_PathwayAgreed_PathwayAgreed_AgreesWithClinician_FollowUp) > .radio-list > .e-listview-item:not(:last-of-type) {
        margin-right: .5em;
    }

.check-list .e-checkbox-wrapper label {
    width: 100%;
    border: 1px solid #d9d6d2;
    background: #fff;
    border-radius: 4px;
    font-size: 15px;
    padding: 9px 14px 9px 13px;
    line-height: 1.1;
}

    .check-list .e-checkbox-wrapper label .e-label {
        font-size: 15px;
    }

    .check-list .e-checkbox-wrapper label .e-frame {
        border: 1px solid #d9d6d2;
        width: 20px;
        height: 20px;
        line-height: 1.2;
        border-radius: 3px;
    }

        .check-list .e-checkbox-wrapper label .e-frame.e-check,
        .check-list .e-checkbox-wrapper[aria-checked="true"] label .e-frame.e-check {
            border: 1px solid #352c8c;
            background-color: #352c8c;
        }

    .check-list .e-checkbox-wrapper label:hover {
        border: 1px solid #141414;
    }


.check-list .e-listview-item.highlight .e-checkbox-wrapper > label {
    border: 1px solid transparent;
    background: transparent;
}

:not(.sub-container) .radio-list .e-listview-item.highlight > .e-radio-wrapper > .e-radio:checked + label {
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

.sub-container .radio-list .e-listview-item.highlight > .e-radio-wrapper > .e-radio:checked + label {
    border: 1px solid #3b3571;
    background: #e7e7ff;
}

.check-list .e-listview-item.highlight .e-checkbox-wrapper > label:hover {
    background: #f6f6ff;
}

.sub-container .check-list .e-listview-item .e-checkbox-wrapper label:hover {
    background: #fff;
}

.sub-container > .e-listview.check-list > .e-listview-item label {
    border: 1px solid #d9d6d2;
    background: #fff;
}

    .sub-container > .e-listview.check-list > .e-listview-item label:hover {
        border: 1px solid #141414;
    }

.sub-container > .e-listview.check-list > .e-listview-item.highlight label {
    border: 1px solid #3b3571;
    background: #e7e7ff;
}

.e-listview.check-list .e-listview-item .sub-container,
.e-listview.radio-list .e-listview-item .sub-container {
    padding: .75em;
}

/* TCA tabs */
#mainTab.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    font-family: OpenSans-SemiBold, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: normal;
    color: #323e48;
}

#mainTab.e-tab .e-tab-header .e-toolbar-item.e-disable .e-tab-text {
    color: #cdcac7;
}

#mainTab.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    font-family: OpenSans-Bold, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #90350e;
}

.btn-set button:not(:last-of-type) {
    margin-right: .5em;
}

.btn-set .btn.btn-red {
    font-family: OpenSans-SemiBold, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #b30a23;
    border: #DE0D2B solid 1px;
    background-color: #fff;
}

.btn-set button.btn:not(.btn-raised):not(.btn-link):not(.btn-primary):not(.active).btn-red:hover {
    color: #81081a;
    background-color: #fdedf1;
    border: #DE0D2B solid 1px;
}

.raised-box {
    margin: 0 auto;
    padding: 6em 7em;
    background: white;
    box-shadow: 0px 0px 10px rgb(215 203 196 / 30%);
    font-size: 16px;
    border-radius: 5px;
}

/* tables */
.is-tca .table {
    border-left: 1px solid #d9d6d2;
    border-bottom: 1px solid #d9d6d2;
    border-collapse: initial;
    border-right: none;
    border-top: none;
}

    .is-tca .table caption {
        font-family: OpenSans-SemiBold, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin-right: 20px;
        font-size: 18px;
        line-height: 1.4;
        color: #141414;
        border: none;
    }

    .is-tca .table th, table td,
    .is-tca .table > caption + thead > tr:first-child > th {
        font-size: 15px;
        line-height: 1.4;
        color: #141414;
        border-left: none;
        border-bottom: none;
        border-top: 1px solid #d9d6d2;
        border-right: 1px solid #d9d6d2;
    }

    .is-tca .table th {
        font-family: OpenSans-SemiBold, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .is-tca .table td {
        font-family: OpenSans-Bold, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

.factors-and-problems .col-lists {
    width: calc(50% - 10px);
    font-size: 15px;
    line-height: 1.4;
}

    .factors-and-problems .col-lists:not(:first-of-type) {
        margin-left: 20px;
    }

.psychometrics > ul > li h5 {
    font-family: OpenSans-Bold, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

    .psychometrics > ul > li h5:last-of-type {
        font-family: OpenSans-SemiBold, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

/* fixes for admin/user-admin  */

input#ImageName {
    height: 40px;
    margin-bottom: 0;
}

.form-horizontal .form-group label.control-label {
    font-size: 14px;
    line-height: 1.1;
    margin: 0;
}

.goalDetails p,
.thread p,
.diaryDetails p,
.myGroupUl p,
.widget-content p,
.timeline-item-content p,
.notes p {
    white-space: pre-line;
}

.text-other-condition,
.text-selected-condition {
    border: 0;
    width: calc(100% - 20px);
    background-color: transparent;
}

#appointment-drawer #btnSave {
    float: right !important;
}

#appointment-drawer .scrollable {
    padding-left: 14px;
}

/*toast message fix to hide the violet rectangle area that is hovering on toast message*/ 
.toast-header .btn-close {
    display:none;
}