body {
}

main.container {
    min-height: calc(100vh - 120px);
    padding-bottom: 20px;
}

.buttonToolbar {
    text-align: right;
    margin-bottom: 4px;
}
a.buttonSetting:hover,
a.buttonInvite:hover,
a.buttonHelp:hover {
    text-decoration: none;
}

.dx-item.dx-box-item .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
    padding-left: 0;
}

a.dx-link.dx-disabled.dx-link-icon {
    opacity: 0.5;
    cursor: default;
}

/*Change theme menu start*/
.contain_changeDropdown {
    align-items: flex-end;
    display: flex;
    flex-direction: row-reverse;
    float: right;
}

.btn_changeTheme {
    padding: 16px 10px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 3;
}

.dx-color-scheme-contrast .dropdown-content {
    background-color: #1c1c1c;
}

/*Login button color*/
.dx-color-scheme-contrast .form-group button.btn.btn-default,
.dx-color-scheme-dark .form-group button.btn.btn-default,
.dx-color-scheme-darkmoon .form-group button.btn.btn-default,
.dx-color-scheme-darkviolet .form-group button.btn.btn-default {
    color: white;
    border: 1px solid;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    cursor: default;
}

.dropdown_changeTheme a:hover,
.dropdown_changeLanguage a:hover {
    background-color: #ddd;
    color: inherit;
}

.dx-color-scheme-dark .dropdown_changeTheme a:hover,
.dx-color-scheme-dark .dropdown_changeLanguage a:hover {
    background-color: #404040;
    color: rgb(222, 222, 222);
}

.show-list {
    display: block;
}


.dropdown_changeTheme,
.dropdown_changeLanguage {
    margin: 0 10px 0 0;
}

div#headerButtonHelp {
    margin-right: 10px;
}

.dropdowns_row {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding-bottom: 20px;
}

/*change theme and language dropdown end*/


/*Footer by theme*/
footer {
    padding: 10px 0;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-light footer {
    border-top: 1px solid #ddd;
    background-color: white;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-darkmoon footer {
    border-top: 1px solid #aab2b5;
    background-color: #404f69;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-softblue footer {
    border-top: 1px solid #d5d9da;
    background-color: white;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-carmine footer {
    border-top: 1px solid #edc1b9;
    background-color: white;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-dark footer {
    border-top: 1px solid #4d4d4d;
    background-color: #2a2a2a;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-darkviolet footer {
    border-top: 1px solid #6C48A8;
    background-color: #17171f;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-greenmist footer {
    border-top: 1px solid #7eb2be;
    background-color: whitesmoke;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-contrast footer {
    border-top: 1px solid white;
    background-color: black;
}
.dx-theme-light-compact.dx-theme-light-compact-typography footer {
    background: white;
    border-top: 1px solid #ddd;
}


    /*Background by theme inside details page*/
body.dx-viewport.dx-device-desktop.dx-device-generic.dx-theme-darkmoon.dx-theme-darkmoon-typography{
    background-color: #404f69;
}

body.dx-viewport.dx-device-desktop.dx-device-generic.dx-theme-generic-typography.dx-color-scheme-dark {
    background-color: #2a2a2a;
}

.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-light nav.navbar.fixed-top.navbar-expand-md {
    border-bottom: 1px solid #ddd;
    background-color: white;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-darkmoon nav.navbar.fixed-top.navbar-expand-md {
    border-bottom: 1px solid #aab2b5;
    background-color: #404f69;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-softblue nav.navbar.fixed-top.navbar-expand-md {
    border-bottom: 1px solid #d5d9da;
    background-color: white;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-carmine nav.navbar.fixed-top.navbar-expand-md {
    border-bottom: 1px solid #edc1b9;
    background-color: white;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-dark nav.navbar.fixed-top.navbar-expand-md {
    border-bottom: 1px solid #4d4d4d;
    background-color: #2a2a2a;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-darkviolet nav.navbar.fixed-top.navbar-expand-md {
    border-bottom: 1px solid #6C48A8;
    background-color: #17171f;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-greenmist nav.navbar.fixed-top.navbar-expand-md {
    border-bottom: 1px solid #7eb2be;
    background-color: whitesmoke;
}
.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-contrast nav.navbar.fixed-top.navbar-expand-md {
    border-bottom: 1px solid white;
    background-color: black;
}

.wrapped-text-column {
    white-space: normal;
    word-wrap: break-word;
}

div#button_previous_link {
    padding-bottom: 10px;
}

#select-prefix,
#select-prefixPerformanceIndexs,
#select-prefixReviewCouncils {
    width: 350px;
    display: inline-block;
    vertical-align: middle;
}

#form-container .dx-form-group-content .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional {
    background: initial;
    padding: 0;
}
#form-container .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional,
#form-container .dx-item-content > .dx-item.dx-box-item:nth-child(2),
#form-containerPerformanceIndex .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional,
#form-containerPerformanceIndex .dx-item-content > .dx-item.dx-box-item:nth-child(2),
#form-containerReviewCouncil .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional,
#form-containerReviewCouncil .dx-item-content > .dx-item.dx-box-item:nth-child(2) {
    background: rgba(191, 191, 191, 0.15);
    padding: 10px;
    padding-right: 0;
}

#form-containerPerformanceIndex .dx-form-group-content .dx-item .dx-box-item-content .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional,
#form-containerReviewCouncil .dx-form-group-content .dx-item .dx-box-item-content .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional {
    background: inherit;
}

#form-container #UserForm .dx-item-content > .dx-item.dx-box-item:nth-child(2),
#form-container #DocumentForm .dx-item-content > .dx-item.dx-box-item:nth-child(2),
#form-container #SupplierForm .dx-item-content > .dx-item.dx-box-item:nth-child(2),
#form-container #TenantForm .dx-item-content > .dx-item.dx-box-item:nth-child(2) {
    background: initial;
    padding: 0;
}
#form-container #UserForm .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional > .dx-field-item-content.dx-field-item-content-location-right,
#form-container #DocumentForm .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional > .dx-field-item-content.dx-field-item-content-location-right,
#form-container #SupplierForm .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional > .dx-field-item-content.dx-field-item-content-location-right,
#form-container #TenantForm .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional > .dx-field-item-content.dx-field-item-content-location-right {
    border-right: none;
}

#form-container #SupplierForm .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional:first-child > .dx-field-item-content.dx-field-item-content-location-right:first-child {
    padding-right: 0;
}

#form-container #SupplierForm .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional {
    padding: 0;
}

#form-container #SupplierForm .dx-item-content > .dx-item.dx-box-item:nth-child(2) {
    padding: 0;
}

#form-container .dx-first-row.dx-first-col.dx-last-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional > .dx-field-item-content {
    border-right: 0;
}

#form-container .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional,
#form-containerPerformanceIndex .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional,
#form-containerReviewCouncil .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional {
    height: 100%;
}
#form-container .dx-item-content > .dx-item.dx-box-item:nth-child(2),
#form-containerPerformanceIndex .dx-item-content > .dx-item.dx-box-item:nth-child(2),
#form-containerReviewCouncil .dx-item-content > .dx-item.dx-box-item:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
}


.dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional {
    padding-right: 0;
}

#form-container .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional:first-child > .dx-field-item-content.dx-field-item-content-location-right:first-child,
#form-containerPerformanceIndex .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional:first-child > .dx-field-item-content.dx-field-item-content-location-right:first-child,
#form-containerReviewCouncil .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional:first-child > .dx-field-item-content.dx-field-item-content-location-right:first-child {
    border-right: 1px solid #c7bfbf8c;
    border-collapse: separate;
    padding-right: 15px;
    height: 100%;
}

#form-container #UserGroupForm .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional:first-child > .dx-field-item-content.dx-field-item-content-location-right:first-child,
#form-container #ChecklistDesingForm .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional:first-child > .dx-field-item-content.dx-field-item-content-location-right:first-child {
    border-right: 0;
}


#form-container #UserGroupForm .dx-item-content > .dx-item.dx-box-item:nth-child(2),
#form-container #ChecklistDesingForm .dx-item-content > .dx-item.dx-box-item:nth-child(2) {
    background-color: initial;
    padding-top: 0;
}
#form-container #OrgStructForm .dx-first-row.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional:first-child > .dx-field-item-content.dx-field-item-content-location-right:first-child {
    border-right: 0;
    height: 100%;
}
#form-container #OrgStructForm .dx-item-content > .dx-item.dx-box-item:nth-child(2) {
    background: initial;
    padding: 0;
    padding-right: 0;
}
#form-container,
#form-containerPerformanceIndex,
#form-containerReviewCouncil {
    margin-bottom: 15px;
}

.auto-width span.dx-field-item-label-text {
    overflow-wrap: break-word;
}
.dx-layout-manager .auto-width.dx-label-h-align .dx-field-item-label {
    white-space: break-spaces !important;
    vertical-align: middle;
}
#TrainingDetails span.dx-field-item-label-content {
    width: 150px !important;
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 100%;
        margin: auto;
    }
}

.dx-device-generic.dx-theme-light-compact.dx-theme-light-compact-typography nav.navbar.fixed-top.navbar-expand-md {
    background: white;
    border-bottom: 1px solid #ddd;
}

div#title_pending_request.dx-widget {
    font-weight: 700;
    padding-bottom: 10px;
    font-size: 18px;
}

.dash_title.dx-widget {
    font-size: 23px;
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana, sans-serif;
    font-weight: 200;
    margin-top: 10px;
    text-align: center;
}

.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-dark g.dxc-title text {
    fill: white !important;
}


.dx-theme-generic.dx-theme-generic-typography.dx-color-scheme-carmine .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 3px;
}

.dx-theme-light-compact #form-container label {
    margin-bottom: 0.1rem;
}

.dx-theme-light-compact #form-container .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 3px;
}
.dx-theme-light-compact #form-container #UserForm .dx-item-content > .dx-item.dx-box-item:nth-child(2),
.dx-theme-light-compact #form-container #DocumentForm .dx-item-content > .dx-item.dx-box-item:nth-child(2) {
    padding: 1px;
}
.us-defined .dx-fieldset .dx-field .dx-field-value {
    width: 25px !important;
    float: left;
}
.us-defined .dx-field-label {
    width: 20%;
    padding: 8px 5px 9px 0;
}
.us-defined {
    border-right: 1px solid #80808038;
}

#form-container .dx-texteditor.dx-state-readonly {
    opacity: 0.7;
}

.dx-field-label.tenant-name {
    margin-right: auto !important;
    font-weight: bold;
    width: min-content;
    font-size: larger;
}

div#button_previous_link {
    padding-bottom: 10px;
    display: flex;
}

.dx-field.pagename {
    padding-left: 30px;
}

div#ChecklistQuestionForm .dx-item-content > .dx-item.dx-box-item:nth-child(2) {
    background: none;
    padding: 0;
}

.dx-overlay-content.dx-popup-normal.dx-popup-draggable.dx-resizable .dx-popup-content {
    overflow-y: auto;
}

#UserGroupsSettingsTabs .dx-field-label {
    float: left;
    width: 60%;
    overflow: hidden;
    text-overflow: unset;
    white-space: inherit;
}
#UserGroupsSettingsTabs .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
    width: 135px;
    float: left;
}

#UserGroupsSettingsTabs .dx-field-value .dx-checkbox,
#HasApprovalsID.dx-checkbox,
#IsGeneralID.dx-checkbox,
#HasApprovalsActionAppID.dx-checkbox {
    float: left;
}

.action-buttons .dx-form-group-with-caption.dx-form-group.dx-group-colcount-1,
.action-buttons-checklist .dx-form-group-with-caption.dx-form-group.dx-group-colcount-1 {
    padding-top: 10px;
}


.action-buttons .dx-button-has-text .dx-button-content {
    width: 100px;
}

.action-buttons-wide .dx-button-has-text .dx-button-content {
    width: 150px;
}

#TenantForm .action-buttons-checklist .dx-button-has-text .dx-button-content {
    width: 100px;
}

#form-container textarea,
#EvaluationPopupRemarksID textarea,
#documentVersion-container textarea,
#ProgressDescriptionID textarea,
#RemarksRealIndexValue textarea,
#RemarksTargetIndexValue textarea,
#form-containerReviewCouncil textarea,
#form-containerPerformanceIndex textarea {
    min-height: 100px;
}

#EvaluationID textarea {
    min-height: 50px;
    max-height: 70px;
}
#documentVersion-container textarea {
    max-height: 160px;
}

/*Calendar*/
.calendar-panel-preview {
    max-height: 340px;
    width: 500px;
    padding: 8px;
    font-size: 1.1em;
}
.calendar-buttons {
    padding: 10px 0;
}
/*Remove rules of Audit Calendar & Meeting management calendar*/
/*.dx-scheduler-appointment-tooltip-wrapper > div.dx-overlay-content {
    max-height: 350px !important;
    width: 500px;
    height: 270px !important;
}
.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
    max-height: 350px !important;
    height: 300px !important;
    width: 500px;
}*/
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item,
.dx-scheduler-overlay-panel .dx-popup-content .dx-list-item{
    width: 500px !important;
}
.calendar-panel-preview .row {
    padding-bottom: 3px;
}

#calendar-title {
    font-size: 1.2em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.review-council#calendar-title {
    padding-bottom: 21px;
}

/*log off list - header*/
#log-user-name {
    padding-top: 7px;
    padding-right: 8px;
}

/* Checklist */
div#DocGroupsTreeView .dx-treeview-search {
    max-width: 47%;
}

.note > span {
    font-weight: 700
}

/*Document Viewer*/
#DocumentDownloadUrl a {
    border-bottom: 2px solid;
    font-style: italic;
    font-weight: 700;
    text-decoration: none;
}

#DocumentDownloadUrl p {
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    text-align: center;
    line-height: 1.5rem;
    border: 1px solid #ddd;
    padding: 60px;
}

#noDocumentAttachment {
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    text-align: center;
}

/*PopUp Templates*/
/*DataGrid Template PopUp 2 columns Select*/
.popup-action-buttons .dx-fieldset div {
    width: 100%;
}

.popup-action-buttons .dx-fieldset {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.popup-action-buttons .dx-fieldset > div[tabindex="0"] {
    margin-bottom: 10px;
}

.popup-template-2-select .popup-action-buttons .fixed-right > p {
    margin-bottom: 17px;
    padding-bottom: 8px;
    border-bottom: 1px solid #8080805c;
    font-size: 15px;
}

.popup-template-2-select .col-md-10 {
    border-right: 1px solid #80808054;
}

.row.popup-template-2-select {
    margin-right: -10px;
}

.fixed-right {
    position: fixed;
    width: 100px;
    margin: 0 auto;
}

.fixed-right-userManag {
    position: fixed;
    width: 120px;
    margin: 0 auto;
}

/*DataGrid Template Popup 3 columns */
.popup-template-3 .popup-action-buttons > p {
    margin-bottom: 10px;
    padding-bottom: 7px;
    border-bottom: 1px solid #8080805c;
    font-size: 15px;
}
.dx-fieldset-buttons {
    float: left;
    padding-left: 20px;
}

.popup-template-3 .popup-action-buttons .dx-fieldset div {
    width: 100%;
}

.popup-template-3 .col-md-5.dx-fieldset {
    padding: 0 15px;
    margin-right: 0;
    margin-left: 0;
}
/*user definded template*/
.popup-template-3 .col-md-4.dx-fieldset {
    padding: 0 15px;
    margin-right: 0;
    margin-left: 0;
}
.popup-template-3 .col-md-6.dx-fieldset {
    padding: 0 15px;
    margin-right: 0;
    margin-left: 0;
}
#form-container .col-md-4.us-defined .dx-field-value div {
    float: left;
}
.user-rights-tab-popup .col-6 .col-6 .dx-field-label {
    width: 70%;
}
.user-rights-tab-popup .col-6 .col-6 .dx-field .dx-field-value {
    width: 15% !important;
    float: right;
}
/*DataGrid Template Popup 2 columns*/
.popup-template-2 .popup-action-buttons .dx-fieldset {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.popup-template-2 .popup-action-buttons > p {
    margin-bottom: 10px;
    padding-bottom: 7px;
    border-bottom: 1px solid #8080805c;
    font-size: 15px;
}

.popup-template-2 .col-md-10 .dx-fieldset {
    border-right: 1px solid #8080805c;
    margin-right: 0;
    padding-top: 8px;
}

.popup-template-2 .col-md-2 {
    padding-left: 0;
}

.row.popup-template-2 {
    margin-right: -10px;
}

.dx-popup-content .popup-template-2 .col-md-10 .dx-fieldset .dx-field-value {
    width: 75%;
    padding-right: 15px;
}

.dx-popup-content .popup-template-2 .col-md-10 .dx-fieldset .dx-field-label {
    width: 25%;
}

/*user management grid - 1st tab*/
#UserManagementTabsID .form .dx-fieldset {
    margin: 0px 20px 10px;
}
#UserManagementTabsID .form .dx-fieldset .dx-fieldset-header {
    margin: 0 0 0px;
}

.sm-font span {
    font-size: 11px;
}

#current-tenant-main-menu {
    flex: 2;
}

#TenantForm label.dx-field-item-label.dx-field-item-label-location-left {
    width: 140px;
}

@media only screen and (max-width: 1630px) {
    .dx-field-label.tenant-name {
        font-size: 13px;
    }
    nav.navbar.fixed-top.navbar-expand-md {
        display: flex;
        flex-wrap: wrap;
    }
    nav.navbar.fixed-top.navbar-expand-md #current-tenant-main-menu,
    nav.navbar.fixed-top.navbar-expand-md #logo-main-menu{
        flex: 2;
    }
    #buttons-main-menu, #logout-main-menu {
        margin-bottom: 8px;
    }
    div#menu {
        margin-top: 8px;
    }
    div#navbar {
        flex: 0 0 100%;
        border-top: 1px solid #ddd;
        order: 2;
    }
    #current-tenant-main-menu {
        flex: 0 0 100%;
    }
}

@media only screen and (min-width: 1630px) {
    #current-tenant-main-menu div {
        max-width: 250px;
    }
}

    li.dx-treeview-node.dx-treeview-item-without-checkbox .dx-item.dx-treeview-item .dx-item-content.dx-treeview-item-content span {
        white-space: normal;
        width: 120px;
        display: block;
    }

    /*KPI Dashboard*/
    .kpiTextEditorLike {
        margin: 0;
        padding: 7px 9px 8px;
        background: rgba(0,0,0,0);
        color: #333;
        font-size: 1em;
        border-radius: 4px;
        min-height: 34px;
        opacity: 0.5;
    }

    .dx-item-content.dx-multiview-item-content .dx-multiview-wrapper {
        border: none;
    }

    .dx-texteditor.dx-editor-outlined.dx-field-value.kpiTextEditorLike {
        margin-bottom: 5px;
    }

    div#KPISumSupplierEval .dx-multiview-wrapper .dx-field-label {
        white-space: normal;
    }

    #KPI .dx-multiview-wrapper div#basic {
        border-right: 1px solid #ddd;
    }

    .supplier-multiple-eval .dx-field-label {
        width: 45%;
    }

    .dx-popup-content .row .supplier-multiple-eval .dx-field .dx-field-value {
        width: 55%;
    }

    .dx-item.dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-submenu.dx-menu-item-expanded .dx-submenu {
        max-height: 405px;
        overflow-y: auto;
    }

    .disableLink {
        opacity: 0.5;
        cursor: default;
        pointer-events: none;
    }

    .buttonToolbar a.buttonSchedule:Hover {
        text-decoration: none;
    }


    /* Audit Calendar - Audit Meeting Management */

    .dx-scheduler-work-space-month .audit-subject,
    .dx-scheduler-work-space-month .review-council-subject {
        font-size: 14px;
        font-weight: bolder;
    }

    #ReviewCouncilsCalendarScheduler .dx-scrollable-container {
        background-color: white;
    }

    #ReviewCouncilsCalendarScheduler .dx-scheduler-appointment-tooltip-wrapper > div.dx-overlay-content {
        max-height: auto !important;
        width: 500px;
        height: auto !important;
    }

    .calendar-panel-preview .col-6.font-bold {
        font-weight: 600;
    }

    .calendar-panel-preview .col.font-size,
    .calendar-panel-preview .col-6.font-bold {
        font-size: 14px;
        white-space: pre-wrap;
    }

    .calendar-panel-preview .calendar-buttons {
        padding: 0;
    }

        .calendar-panel-preview .calendar-buttons.font-size-sm span.dx-button-text {
            font-size: 12px;
        }

    .calendar-panel-preview .calendar-appointment-marker {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: inline-block;
    }

    .calendar-panel-preview .col-4.appointment-template {
        border-left: 1px solid #d3d3d3c2;
    }