html, body {
    scroll-snap-type: y proximity;
    scrollbar-width: thin;
}

html,
html body,
html body .mainContainer > section {
    overflow: initial;
}

.flex [class*="col"] {
    float: none;
    padding-right: 10px;
    padding-left: 10px;
}

[class*="col-md"],
[class*="col-sm"],
[class*="col-xs"] {
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
}

.slim.row {
    margin-left: 0;
    margin-right: 0;
}

.slim.row [class*="col-md"]:not(input),
.slim.row [class*="col-sm"]:not(input),
.slim.row [class*="col-xs"]:not(input) {
    padding-right: 0px;
    padding-left: 0px;
}

.row>[class*="col-"],
.row>[class*="col-md"],
.row>[class*="col-sm"],
.row>[class*="col-xs"] {
    display: block;
    float: none;
}

.slim .row:not(.slim) [class*="col-md"],
.slim .row:not(.slim) [class*="col-sm"],
.slim .row:not(.slim) [class*="col-xs"] {
    padding-right: 5px;
    padding-left: 5px;
}

.row>[class*="col-"],
.row>[class*="col-md"],
.row>[class*="col-sm"],
.row>[class*="col-xs"] {
    display: block;
    float: none;
}

.wmx-100 {
    max-width: 100%;
}

.wmi-100 {
    min-width: 100%;
}

.row.x-center,
.d-flex.x-center,
.flex.x-center {
    justify-content: center;
}

.row.y-center,
.d-flex.y-center,
.flex.y-center {
    align-items: center;
}

.grow {
    flex-grow: 1;
}
.shrink {
    flex-shrink: 1;
}
.fit,
.fill {
    flex-basis: fit-content;
}
.w-fit {
    width: fit-content;
}
.w-auto {
    width: auto;
}

.w-min-0 {
    min-width: 0 !important;
}

.row>[class*="w-"]:not([class*="p-"]) {
    padding-left: 10px;
    padding-right: 10px;
}

.row.slim>[class*="w-"]:not([class*="p-"]) {
    padding-left: 0px;
    padding-right: 0px;
}

code {
    border: 1px solid rgb(233, 202, 190);
    padding: 15px;
    margin: 10px auto;
    display: block;
    font-family: monospace;
    font-size: 14px;
}

.br {
    border-radius: 3px;
}

td .row>[class*="col-"] {
    line-height: 32px;
}

.row.py-1>[class*="col-"] {
    padding-top: 5px;
    padding-bottom: 5px;
}

.row.py-2>[class*="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.row.pt-1>[class*="col-"] {
    padding-top: 5px;
}

.row.pt-2>[class*="col-"] {
    padding-top: 10px;
}

.row.pb-1>[class*="col-"] {
    padding-bottom: 5px;
}

.row.pb-2>[class*="col-"] {
    padding-bottom: 10px;
}

.fl,
.pull-left {
    float: left !important;
}

.fr,
.pull-right {
    float: right !important;
}

.mainContainer section {
    display: flex;
    min-height: calc(100vh - 43px);
    overflow-x: hidden;
    overflow-y: visible;
}

.mainContainer .leftSection {
    flex-basis: 18%;
    width: 18%;
    background: #c0dafa;
    min-width: 280px;
}

.mainContainer .rightSection {
    flex-basis: 82%;
    width: 82%;
    background: #e8eff8;
}

.mainContainer footer {
    flex-basis: 100%;
}

.mainContainer .page {
    padding-left: 10px;
    padding-right: 10px;
}

.mainContainer .page .page-footer {
    display: flex;
    flex-direction: row-reverse;
}

/* .mainContainer .page .page-footer .cancel {
    background: #999999;
    color: var(--color-white);
    border: 0px;
    border-radius: 3px;
    line-height: 22px;
}

.mainContainer .page .page-footer .submit,
.mainContainer .page .page-footer .ok {
    background: var(--color-submit);
    color: var(--color-white);
    border: 0px;
    border-radius: 3px;
} */

.mainContainer .page .page-footer .ok:hover,
.mainContainer .page .page-footer .submit:hover {
    color: var(--color-white);
    background-color: var(--color-blue);
    border-color: var(--color-blue);
}

.mainContainer .page .page-footer .cancel:hover {
    color: var(--color-white);
    background-color: var(--color-dark-gray);
    border-color: var(--color-dark-gray);
}
.mainContainer .main_menu_side {
    position: relative;
}
.mainContainer.fixed .main_menu_side.fixed {
    padding: 0;
    height: calc(100% - 136px);
    overflow: scroll;
    position: absolute;
    width: 280px;
    z-index: 111111;
    transition: height 300ms;
}

.mainContainer.fixed .main_menu_fixed {
    top: 0;
    position: fixed;
    height: calc(100% - 40px);
}

.mainContainer.fixed .main_menu_fixed .menu_section {
    margin-bottom: 0px;
}

.mainContainer.fixed .leftSection {
    position: fixed;
    width: 18%;
    flex-basis: 18%;
    height: 100%;
}

.mainContainer.fixed .rightSection {
    flex-basis: 100%;
    width: 100%;
    background: #e8eff8;
    margin-left: 18%;
}


.page .page-title,
.page .page-title h2 {
    font-size: 16px;
    color: #395270;
    font-weight: bold;
    padding: 10px 0;
    margin: 0 0 10px 0;
    height: initial;
}

.page .page-title h2 {
    margin: 0;
}

.page .page-detail {
    background: #354d6a;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 10px;
    color: #fff;
    margin: 10px 0;
}

.page .listing {
    position: relative;
}

textarea:focus {
    outline: none;
    outline-width: 0px;
}

.container.body {
    max-width: 100%;
}

.container {
    max-width: 100%;
    padding: 0;
    clear: both;
}

.title-section.clearfix:after {
    display: none;
}

.title-section,
.filter_section {
    border-bottom: 1px solid #ccc;
    padding: 0;
    display: flex;
    margin-bottom: 10px;
    width: 100%;
    flex-wrap: wrap;
}

.filter_section .filter_section,
.title-section .filter_section,
.title-section .filter_section .filter_section {
    margin-bottom: 0px;
    border: 0;
}

.title-section .filter_section_left,
.filter_section .filter_section_left {
    float: none;
    padding-bottom: 15px;
    flex-grow: 1;
}

.title-section .filter_section_right,
.filter_section .filter_section_right {
    float: none;
    padding-bottom: 15px;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: end;
}

.title-section .filter_section_right > div {
    margin: initial !important;
    padding: initial !important;
}

.filter_section_right .pull-right:last-child .print_button button {
    margin-right: 0px;
}

.filter_section_right .pull-right:first-child button:only-child,
.filter_section_right .pull-right:last-child button:only-child {
    margin: 0px;
}


.title-section .filter_section_right,
.filter_section .filter_section_right,
.filter_section_bottom {
    display: flex;
    gap: 10px;
}

.modal-title .print_button button {
    padding: 0px;
    line-height: 1;
    height: 25px;
    width: 25px;
}

.modal-title .print_button {
    position: relative;
    left: 7px;
}

.action-wrap,
.action-wrapper {
    display: flex;
    gap: 5px;
}

.actions {
    display: flex;
    min-width: 80px;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.actions a .fa {
    font-size: 16px;
}

.actions>* {
    margin: 0 5px;
}


.datatable-actions {
    vertical-align: middle;
    min-width: 80px;
}

.selPkrBg button {
    background: var(--color-button);
    color: #fff;
}

.selPkrBg button span {
    color: #fff;
}

.d-padding [class*="w-"]:not(input) {
    padding-left: 5px;
    padding-right: 5px;
}

.d-padding {
    margin-right: 0px;
    margin-left: 0px;
}

hr.gray {
    border-color: var(--color-gray);
}

hr.page_title {
    margin-top: 0;
    margin-bottom: 10px;
    border-color: #ccc;
    clear: both;
}

.h1,
h1 {
    font-size: 18px;
    font-weight: bold;
}

.h2,
h2 {
    font-size: 16px;
    font-weight: bold;
}

.h3,
h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.h4,
h4 {
    font-size: 14px;
    font-weight: bold;
}

.h5,
h5 {
    font-size: 13px;
    font-weight: bold;
}

.h6,
h6 {
    font-size: 13px;
    font-weight: bold;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.hide {
    display: none !important;
}

[disabled="disabled"] {
    cursor: no-drop;
}

div.dt-button-collection a.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled) {
    background: #2b4059;
    border-color: #2b4058;
    color: #fff;
    border-radius: 4px;
    box-shadow: none;
}

a.dt-button.active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
button.dt-button.active:not(.disabled):hover:not(.disabled),
button.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button:hover:not(.disabled),
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled) {
    border: 1px solid var(--color-blue);
    background-color: var(--color-blue);
    background-image: none;
}

a.dt-button:focus:not(.disabled),
button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled) {
    box-shadow: #00000066 0 3px 3px inset, #000000 0 0 2px !important;
    transform: translate(0px, 1px);
    background-color: #39669c;
    border: 1px solid #2b4059;
    background-image: none;
}

a.dt-button:active:not(.disabled),
button.dt-button:active:not(.disabled),
div.dt-button:active:not(.disabled),
a.dt-button:hover:not(.disabled):active:not(.disabled),
button.dt-button:hover:not(.disabled):active:not(.disabled),
div.dt-button:hover:not(.disabled):active:not(.disabled) {
    border: 1px solid #2b4059;
    background-color: #39669c;
    background-image: none;
}

div.dt-button-collection {
    overflow-y: auto;
}

.breadcrumb {
    background: White;
    border-radius: 5px;
    height: 55px;
    position: relative;
}

.breadcrumb li {
    line-height: 26px;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper {
    padding: 5px;
    margin: 0;
    width: 100%;
    display: block;
}

.ui-menu .ui-menu-item {
    padding: 0;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background-color: var(--color-dropdown) !important;
    color: black;
    border: none;
}

.nav.side-menu>li {
    width: 100%;
}

.nav.side-menu>li>a {
    padding: 10px;
    line-height: 32px;
}
.top_nav .nav_menu {
    height: 67px;
}

.tab-pane.fade.active.in {
    opacity: 1;
}
.tab-pane.active {
    min-height: 250px;
}
.tab-pane .dataTables_wrapper {
    overflow: auto;
    min-height: 250px;
    align-items: flex-start;
}
.tab-pane .dataTables_wrapper#initiationsGrid_wrapper {
    min-height: auto;
}

.tab-pane .dataTables_wrapper#initiationletterGrid_wrapper {
    min-height: auto;
}

.tab-pane .dataTables_wrapper#initiationNotApprovedGrid_wrapper {
    min-height: auto;
}

.admin_reports .tab-pane .dataTables_wrapper,
.intiation-reg-list-tabs .tab-pane .dataTables_wrapper {
    min-height: initial;
}

div[data-select_initiation] div#EntriesGrid_wrapper {
    min-height: auto;
}

ul.bar_tabs.nav.nav-tabs {
    height: initial;
    padding: 0;
}

ul.bar_tabs.nav.nav-tabs.center {
    justify-content: center;
}

ul.nav.nav-tabs.nav-btn {
    border: none;
    margin: 0px;
    padding: 0px;
}

ul.bar_tabs.nav.nav-tabs.nav-btn > li {
    margin: 0px;
    padding: 5px 5px 10px 5px;
    border: none;
}
ul.bar_tabs.nav.nav-tabs.nav-btn > li:first-child {
    margin: 0;
    padding-left: 0px;
}
ul.bar_tabs.nav.nav-tabs.nav-btn > li a {
    line-height: 20px;
    padding: 5px 10px;
    color: black;
    background-color: var(--color-white);
    border: 1px solid var(--color-gray);
    border-radius: 3px;
}

ul.bar_tabs.nav.nav-tabs.nav-btn > li a.active {
    color: white;
    background-color: var(--color-button);
    border: 1px transparent solid;
}

ul.bar_tabs>li a.active {
    background-color: #263950;
    border: 1px solid #263950;
    color: #fff;
    line-height: 1.4;
}

ul.bar_tabs.nav.nav-tabs>li:first-child {
    margin-left: 10px;
}

ul.bar_tabs.nav.nav-tabs>li {
    margin: 0;
    margin-top: 3px;
    margin-left: 5px;
    border-right-width: 1px;
    overflow: auto;
}

ul.bar_tabs.nav.nav-tabs>li a {
    padding: 6px 10px;
    border: none;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}

ul.bar_tabs.nav.nav-tabs>li a.active {
    /* border-right: 3px solid #ccc; */
}

textarea {
    border: 1px solid #cccccc;
    border-radius: 3px;
}

.toggle a {
    padding: 0 15px;
    margin: 0;
    cursor: pointer;
}

.pull-left:first-child button:only-child {
    margin-left: 0px;
    margin-right: 3px;
}

.pull-left:last-child button:only-child {
    margin-left: 3px;
    margin-right: 0px;
}

.pull-left>.dropdown.bootstrap-select {
    margin-left: 3px;
    margin-right: 3px;
}

.status-wrap .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: initial;
}

input,
table,
td,
th,
tr,
label,
a,
p,
.form-control,
.btn,
button,
select,
option,
li,
ul,
.datepicker table tr td,
.datepicker table tr th {
    font-size: var(--font-normal-size) !important;
}

.datepicker td,
.datepicker th {
    width: 30px;
    height: 30px;
}

.form-control[readonly],
textarea[readonly],
input[readonly],
input:disabled,
input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
    background-color: #fff;
    opacity: 1;
    cursor: not-allowed;
}

input[type=text]:disabled,
.table input[type=text]:disabled {
    background-color: white !important;
    color: black;
}

.search_container {
    margin-left: 5px;
    margin-right: 5px;
    min-width: 150px;
    position: relative;
}

.search_container .fa-search {
    position: absolute;
    /*top: calc(32px/2 - 8px);*/
    top: 3px;
    right: 3px;
    color: #232323;
    height: 25px;
    background: white;
    width: 20px;
    display: inline-flex;
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.filter_section_right .search_container {
    margin-left: 0px;
    margin-right: 0px;
}

.search_container input ~ i {

}

.fa-spin.text-blue {
    color: #273a51;
}

td span.relative {
    position: relative;
    white-space: nowrap;
    display: inline-block;
}

span.relative .asterisk-left {
    position: absolute;
    right: -12px;
    top: -2px;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
    opacity: 1;
    cursor: not-allowed;
}

.nav.child_menu>li>a,
.nav.side-menu>li>a {
    font-size: 13.5px !important;
    line-height: 22px;
}

ul.nav.child_menu.first li a {
    padding: 16px 15px 16px 55px;
    line-height: 22px;
}

.padding-col-5 [class^='col-md-'] {
    padding: 0 5px;
}

.form-control,
.record .form-control {
    padding: 8px 10px;
    border-radius: 3px;
    color: black;
    line-height: initial;
    box-shadow: none;
}

textarea.form-control,
.record textarea.form-control {
    line-height: 18px;
}

.bootstrap-select.form-control {
    padding: 0;
}

.bootstrap-select.disabled>.dropdown-toggle:after {
    display: none;
}

.add_member .fa {
    margin-left: 10px;
    margin-right: 0px;
}

.x_content {
    padding: 16px;
    float: none;
    clear: both;
    margin: 0px;
}

.card_panel {
    width: 100%;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    opacity: 1;
    transition: all .2s ease;
    margin-bottom: 10px;
}

.card_title {
    display: flex;
    border-bottom: 0px solid #E6E9ED;
    padding: 15px 20px;
    margin-bottom: 0px;
}

.card_title.blue {
    background-image: linear-gradient(to left, #273A51 0%, #3C5777 100%);
    color: #fff;
}

.card_title.white {
    background-image: linear-gradient(to left, #ececec 0%, #ecf1ff 100%);
    color: #273a51;
}

.card_title .fa {
    font-size: 16px;
}

.card_title .list .fa {
    margin-right: 5px;
    margin-left: 5px;
    /* height: 20px;
    width: 20px; */
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}
.card_title .list a[data-toggle] .fa {
    margin-top: 0px;
    line-height: initial;
}
.card_title .list a[aria-expanded="true"] .fa {
    margin-top: 3px;
    line-height: initial;
}
.card_panel .actions button {
    padding: 4px;
}

.card_title li a,
.card_title li,
.card_title h2 {
    color: inherit;
}

.card_title li a {
    display: inline-flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.card_title .actions ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: end;
    align-items: center;
}

.card_title .actions li {
    list-style: none;
    text-align: center;
    padding: 0 5px;
}

.card_title .heading {
    flex-grow: 1;
}

.card_title .heading h2 {
    margin: auto;
    font-size: 14px;
    font-weight: normal;
}

.card_title .actions {
    min-width: 100px;
    align-self: center;
    justify-content: end;
}

.card_title .icon,
.card_title .heading,
.card_title .actions {
    line-height: 22px;
    align-self: center;
    justify-content: end;
}

.card_title .icon {
    line-height: 16px;
    width: 30px;
}

.card_title .notification {
    background: #c0dbfb;
    border-radius: 15px;
    padding: 5px 12px;
    margin-right: 5px;
    color: #273a51;
    line-height: 22px;
}


.x_title.blue {
    display: flex;
    line-height: 22px;
    height: 52px;
}

.x_title.blue h2 {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    float: none;
    line-height: 32px;
    flex-grow: 1;
}

.x_title.blue .panel_toolbox {
    display: flex;
    float: none;
    align-items: center;
    justify-content: center;
    height: 35px;
}

.x_title.blue .panel_toolbox>li {
    float: none;
    cursor: pointer;
    width: 100%;
}

.x_title.fa_main .panel_toolbox li .fa.fa-chevron-up {
    float: none;
    position: relative;
    font-size: 18px;
    line-height: 32px;
    width: 32px;
    top: 0;
    display: inline !important;
}

.x_title span.count {
    background: #c0dbfb;
    border-radius: 6px;
    padding: 3px;
    color: #334a65;
    font-size: 12px;
    margin-top: 5px;
    float: none;
    width: 32px;
    height: 21px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 16px;
    margin: 5px 10px;
}

.x_title.fa_main .panel_toolbox li a {
    position: relative;
    left: 0px;
    padding: 0;
    margin: 0;
    line-height: 30px;
}

.x_title.fa_main .panel_toolbox li .fa.fa-chevron-down,
.x_title.fa_main .panel_toolbox li .fa.fa-chevron-up {
    float: none;
    position: relative;
    font-size: 12px;
    width: 18px;
    top: 0px;
    left: 0px;
    margin-left: 10px;
    line-height: 25px;
    display: inline-block !important;
}

.x_title.fa_main .panel_toolbox li .fa.fa-chevron-up {
    top: -3px;
}

.tooltip-wrapper {
    position: relative;
}

.tooltip-wrapper.tooltip-left .tooltip-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    height: 20px;
}

.tooltip-wrapper.tooltip-right .tooltip-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    height: 20px;
}

.tooltip-wrapper.tooltip-left input.form-control {
    padding-left: 25px !important;
}

.panel_toolbox {
    float: right;
    min-width: 70px;
}

.hidden {
    display: none !important;
}

.tab-content {
    min-height: 200px;
    margin-bottom: 20px;
}

.tab-content .page-title {
    padding: 0;
    margin: 10px 0;
    line-height: 32px;
}

.border-double {
    border-top: 1px solid #000 !important;
    border-bottom: 3px double #000 !important;
}

.border-1px {
    border: 1px solid var(--color-gray);
}

.ap_comparison_col_blank {
    padding: 10px;
    max-width: 8px;
    border-right: 1px solid #efefef;
}

.ap_comparison_col_blank + td {
    border-left: 2px #dee2e6 solid !important;
}

.dataTables_scrollHeadInner {
    background: var(--color-button);
}

.dataTables_scrollHead .dataTables_scrollHeadInner thead>th {
    text-align: center !important;
}

#EntriesGrid th,
.attributes_table th,
.EntriesGridVue th {
    background: var(--color-button);
    color: #fff;
    font-size: 15px;
    border: 1px solid #334e6e !important;
    font-weight: 600;
    vertical-align: middle !important;
}

#filter-panel.filter-panel {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    top: 80px;
    bottom: 80px;
    margin: auto;
    height: 100vh;
    min-height: 100vh;
    width: 100vw;
    min-width: 100vh;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.35);
}

.filter-panel form {
    display: block;
    height: 100%;
}

.filter-panel .input-group {
    line-height: 32px;

}

.filter-panel .input-group input[type=text] {
    border: #687b9e9e 1px solid;
}

.filter-panel input.input-group {
    box-shadow: #00000011 0 2px 2px;
}

.filter-panel .input-group {
    line-height: 32px;
}

.filter-panel .form-control {
    margin: 5px 0;
}

.filter-panel .input-group-addon {
    padding: 5px 10px;
}

.filter-panel .x_title.blue {
    padding: 8px 10px;
    margin: 0 15px;
    height: 38px;
    position: relative;
}

.filter-panel .x_content {
    padding: 10px 20px;
}

.filter-panel .x_content.close {
    display: none;
}

.filter-panel .x_title.blue h3 {
    margin: 0;
    color: black;
}

.filter-panel .panel_toolbox {
    position: absolute;
    top: 0;
    right: 10px;
}

.filter-panel.filter-panel-bg .x_panel {
    margin-bottom: 10px;
}

.filter-panel.filter-panel-bg .x_panel:last-child {
    padding-bottom: 65px;
}

.filter-panel-bg .panel {
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0;
    overflow: hidden;
    left: 5%;
    right: 5%;
    top: 5%;
    height: 90%;
    width: 90%;
    position: absolute;
    box-shadow: 0 5px 20px #00000099 !important;
}

.filter-panel .panel-header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 42px;
    background: #c0dafa;
    z-index: 9;
}

.filter-panel .panel-body {
    height: 100%;
    overflow: auto;
}

.filter-panel .panel-body .top_filter_section {
    padding: 0 15px;
}

.filter-panel .panel-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #ffffff;
    z-index: 9;
    padding: 15px;
}

/* .filter-panel .fa-chevron-up:before {
    content: "\f078";
}

.filter-panel .fa-chevron-down:before {
    content: "\f077";
} */

.filter-panel .check_main {
    height: 22px;
}


.filter-panel button.close {
    position: absolute;
    display: block;
    background: #ff00004f;
    padding: 0px;
    width: 20px;
    height: 20px;
    border-radius: 20px !important;
    color: #fff;
    right: 0;
    top: 0;
    margin: 11px;
    font-size: 16px !important;
}

.filter-panel button.close .fa {
    font-size: 12px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
}

.panel-footer .vr {
    background: gray;
    height: 32px;
    width: 0.8px;
    display: inline-block;
    position: absolute;
    left: initial;
    top: initial;
}



.noty_bar {
    padding: 5px 35px 5px 5px;
    box-shadow: #00000054 0 20px 40px;
}
.noty_buttons {
    text-align: right;
    position: relative;
    left: 35px;
}
.noty_buttons button {
    margin-left: 6px;
}
.noty_close_button {
    top: 10px;
    bottom: initial;
    margin: auto;
    right: 8px;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--color-dropdown) !important;
    color: var(--color-black) !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    color: #000;
    outline: 0 !important;
}

.page-link:focus {
    box-shadow: none;
}

.bootstrap-select {
    height: 32px;
}

.dataTables_paginate,
.dataTables-pagination {
    float: none;
    text-align: right;
    width: initial;
    display: flex;
    flex-direction: row-reverse;
    margin: auto;
    padding: 10px 5px;
}

.dataTables_paginate {
    width: 100%;
}

.dataTables_paginate .pagination {
    justify-content: end;
}

.dataTables_paginate .pagination {
    display: flex;
    width: 100%;
}

.dataTables_paginate .pagination .paginate_button {
    display: block;
    float: none;
    min-width: 32px;
    border: 0px;
    display: block;
    border-radius: 16px;
    margin: 0;
}

.dataTables_paginate .pagination .paginate_button a {
    background: #c0dafa;
    color: #283d55;
    border: none;
}

.dataTables_paginate .pagination .paginate_button.active a {
    color: #fff;
    background-color: #263950;
    border-color: #263950;
}

.dataTables_paginate .pagination .paginate_button.disabled a {
    background: transparent;
    border: #efefef 1px solid;
    border-radius: 0;
}

.dataTables_paginate .pagination .paginate_button.next a,
.dataTables_paginate .pagination .paginate_button.previous a {
    border: 0px;
}

.pagination>li .page-link {
    line-height: 32px;
    padding: 0 10px !important;
}

.pagination>li:last-child .page-link,
.pagination>li:first-child .page-link {
    padding: 0 10px !important;
    width: 32px;
    color: white;
    min-width: 20px;
    height: 34px;
    font-weight: normal;
}

.pagination>li:last-child .page-link:hover,
.pagination>li:first-child .page-link:hover {
    background: none;
}

.pagination>li:last-child>a:before,
.pagination>li:last-child>span:before,
.pagination>li:first-child>a:before,
.pagination>li:first-child>span:before {
    width: 32px;
    height: 34px;
    line-height: 32px;
}

.pagination li.active span.page-link {
    line-height: 32px;
    padding: 0 10px !important;
}

.pagination li.page-item.disabled span {
    border: 1px solid lightgray;
    border-radius: 0 !important;
}

.pagination>li>a,
.pagination>li>span {
    padding: 0 5px !important;
}

.dropdown.bootstrap-select.selPkrBg {
    width: initial !important;
}

.dropdown.bootstrap-select.selPkrBg.button {
    padding-right: 10px;
}

.dropdown span.caret {
    width: 0;
    height: 0;
    background: transparent;
    position: absolute;
    border-top: 5px solid black;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 0px solid transparent;
    right: 8px;
    margin: auto;
    top: 0;
    bottom: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #000000;
    background-color: var(--color-gray);
}

.page_length .bootstrap-select button.btn,
.page_length .bootstrap-select button.btn:hover,
.page_length .bootstrap-select button.btn:active {
    background: #fff;
    border-color: #ccc;
}

.status.status-wrap {
    display: flex;
    align-items: center;
    height: 32px;
    margin: 0px;
}

.record_dropdown.status-wrap label.control-label {
    margin-left: 0px;
    margin-right: 10px;
}

.filter_section_right .status-wrap label.control-label {
    margin-left: 0px;
    margin-right: 10px;
}

label.status_filter_label {
    line-height: 32px;
}

.advance_filter label.status_filter_label {
    padding: 3px 0 0 31px;
    font-size: 15px;
    line-height: 16px;
}

.initiation.w-6 {
    width: 6.25%;
    flex-basis: 6.25%;
}

.active_filters p {
    margin: 0;
}
.appliedFilters {
    line-height: 22px;
    width: 100%;
    display: block;
}

.vr {
    height: 100%;
    width: 0.5px;
    position: absolute;
    background: #ccc;
    top: 0px;
    left: 0px;
}

a[aria-expanded="true"] .fa.fa-chevron-down {
    transform: rotateZ(180deg);
    margin-top: 0px;
}

.adm-log-bar .btn .fa {
    margin-left: 0px;
}

.dataTables_scroll .table.dataTable {
    border: none !important;
}

.list-items {
    list-style: none;
}

.dataTables_wrapper {
    width: 100%;
    overflow: auto;
}

.dataTables_wrapper .dataTables_scrollBody .table {
    border: none;
}

.dataTables_scroll {
    clear: both;
    width: 100%;
}

.dataTables_scrollBody {
    min-height: 200px;
    max-height: calc(100vh - 550px);
}

.dataTables_scrollBody .table.table-bordered>thead>tr>th {
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
}

.dataTables_wrapper .dataTables_scroll {
    border: 1px solid #2f4359;
}

.dropdown.bootstrap-select.selPkrBg.view_rec_page.pull-right {
    margin-right: 3px;
}

.dropdown-menu > li > a {
    color: #000000;
    padding: 5px 10px;
}

.dropdown-menu > li > a:hover {
    background: var(--color-dropdown);
}

.dropdown .active a span.fa, .dropdown .active a span.fa {
    font-size: 13px;
    line-height: 20px;
}

.bootstrap-select .dropdown-menu {
    padding: 0px;
}

.fa.fa-edit {
    font-size: 16px;
}

ul.nav.side-menu .child_menu span.fa.fa-caret-down {
    top: 0px;
}

.progress {
    border-radius: 3px;
    background-color: #c0c8d0;
}

.progress-bar {
    overflow: hidden;
    text-shadow: 0 1px 3px #000000ad;
    font-size: 12px;
    line-height: 1rem;
    text-align: center;
    display: inline-block;
    color: white;
    font-weight: bold;
}
.progress.progress_sm,
.progress.progress_sm .progress-bar {
    height: 10px !important
}
.progress-bar-info {
    background-color: #3498DB
}

.progress-bar-success {
    background-color: #26B99A
}
.progress-bar-dark {
    background-color: #34495E !important
}

.progress-bar-gray {
    background-color: #BDC3C7 !important
}

.progress-bar-striped,
.progress-bar-striped.ui-widget-content {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}

#email_text .chela_email_wrapper p {
    display: none;
}

#email_text .chela_email_wrapper {
    font-size: 16px;
}
.text-dark {
    color: #151515 !important;
}
.text-light {
    color: #ffffff !important;
}

.text-initial {
    text-transform: initial !important;
}

.text-revert {
    text-transform: revert !important;
}

.text-auto {
    text-transform: math-auto;
}

label {
    line-height: 32px;
}
.form-group {
    margin-bottom: 10px;
}
.form-group label {
    line-height: 32px;
}
.form-group.merge {
    display: flex;
    margin: 0;
}
.form-group.text-center input {
    text-align: center;
}
.form-group.merge > input {
    flex-grow: 1;
    width: 100%;
}
.form-group.merge > input:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form-group.merge > input:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.form-group.merge > span:not(:first-child):not(:last-child) {
    flex-shrink: 2;
    border-radius: 0;
    background-color: var(--color-light-gray);
    border-left: 0;
    border-right: 0;
    text-align: center;
}

.group-range,
.group-date-range {
    width: 100%;
    max-width: 480px;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover {
    background: #263950 !important;
    background-color: #263950;
}

label.control-label {
    line-height: 32px;
}

.dropdown label {
    line-height: initial;
}

.filter-option .filter-option-inner {
    text-transform: initial;
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px;
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 2px;
    width: 2px;
}

.bootstrap-select>.dropdown-toggle::after {}

.anet-batches-transactions label {
    line-height: 16px;
    padding: 6px 8px;
}

.anet-batches-transactions label.border {
    border-left: 1px solid #a6b5c7;
}

.anet-batches-transactions .panel {
    margin-bottom: 10px !important;
}

#stickyHeader2 thead th{
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 999;
    background: #263950 !important;
}

#header-fixed {
    position: absolute;
    top: 0px;
    display: none;
    background-color: white;
    left: 0px;
    min-width: 100%;
    z-index: 11111111;
    border: 0px !important;
}

#JSstickyHeader .lr-sticky-header {
    padding: 0px;
}

.dataTables_scrollBody .table.table-bordered>thead>tr>th {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border: 0px !important;
}

.lwDtStateAction button .filter-option-inner-inner .fa {
    margin: 0;
}

.go-end-popup {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 81px;
    z-index: 11111112;
    width: 24px;
    height: 24px;
    background: rgb(153, 153, 153);
    border-radius: 3px;
    text-align: center;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    padding: 6px;
    margin: auto;
}

.go-top-popup {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 47px;
    z-index: 11111112;
    width: 24px;
    height: 24px;
    background: rgb(153, 153, 153);
    border-radius: 3px;
    text-align: center;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    padding: 6px;
    margin: auto;
}

.go-top-popup:hover,
.go-end-popup:hover {
    color: #fff;
}

#listingTable_wrapper ~ .go-top-table{
    bottom: 0px;
}
#listingTable_wrapper ~ .go-end-table {
    top: 10px;
}

#listingTable_wrapper:first-child {
    margin-top: 15px;
}

#listingTable_wrapper:first-child .go-end-table{
    top: -35px;
}

.listing .container #listingTable_wrapper:first-child {
    margin-top: 0px;
}

.ui-dialog {
    top: 0px !important;
    padding: 0px;
    height: 100% !important;
    position: fixed;
    z-index: 11111115 !important;
}

.ui-dialog .ui-dialog-content iframe {
    height: 90vh !important;
}

.ui-dialog-titlebar {
    border-bottom: 1px solid #e5e5e5;
    background: #c0dafa;
    border-radius: 0;
    border: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 8px;
    border-radius: 10px;
    background: var(--color-red);
    color: #fff;
}
.ui-dialog .ui-dialog-titlebar-close::after {
    content: '✖';
}

.ui-widget-header .ui-icon {
    filter: brightness(100);
}

.hide-arrow.bootstrap-select .dropdown-toggle::after {
    display: none;
}

.status .dropdown-menu a.active,
.status .dropdown-menu a:hover {
    background: var(--color-dropdown) !important;
}

.status_dropdown {
    display: inline-block !important;
    margin-left: 3px;
    margin-right: 3px;
}

.loader-icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    padding: 50px;
    z-index: 9999;
    text-align: center;
  }


.status_dropdown .dropdown .filter-option-inner-inner {
    text-align: center;
    margin: 0;
}

.status_dropdown .dropdown .filter-option-inner-inner .fa {
    margin: 3px;
}

.status_dropdown .dropdown .dropdown-item {
    padding: 0px !important;
}

.bs-container .dropdown-menu a.dropdown-item {
    padding: 4px 8px !important;
}

.bs-container .dropdown-menu .dropdown-header .fa{
    margin-left: 10px;
}

.bs-container .dropdown-menu .dropdown-header {
    color: #000000;
    padding: 0.3rem 0.5rem;
    font-weight: bold;
}
.bs-container .dropdown-menu > li > a.selected {
    font-weight: normal;
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 1.25rem !important;
    font-weight: normal;
}

.orderCreateRowAdd,
.orderCreateRowRemove {
    cursor: pointer;
}

.input-checkbox {
    display: inline-flex;
    align-items: center;
    border: #cacaca 1px solid;
    border-radius: 3px;
    margin-bottom: 0px;
    width: 100%;
}
.input-checkbox .text input.form-control {
    height: 32px;
    border: none;
    border-left: #cacaca 1px solid;
    margin: 0px;
    border-radius: 0px 3px 3px 0px;
}

.input-checkbox .text {
    flex-basis: 50%;
    flex-grow: 1;
    padding-left: 13px;
    flex-shrink: 1;
}

.input-checkbox .check {
    flex-basis: auto;
    /* flex-grow: 1; */
    padding-left: 12px;
    flex-shrink: 1;
    min-width: 60px;
}

.show-tick .check-mark {
    color: var(--color-green);
}

.merge .input-checkbox {
    border-radius: 0px;
    border-left: 0px;
}

.merge .input-checkbox:last-child {
    border-radius: 0px 3px 3px 0px;
}

.merge .input-checkbox:first-child {
    border-radius: 3px 0px 0px 3px;
    border-left: #cacaca 1px solid;
}

.merge .input-checkbox input.form-control {
    border-radius: 0px;
}

.merge .input-checkbox:last-child input.form-control {
    border-radius: 0px 3px 3px 0px;
}

.lt-0px {
    letter-spacing: 0px;
}
.lt-1px {
    letter-spacing: 1px;
}
.lt-2px {
    letter-spacing: 2px;
}
.lt-3px {
    letter-spacing: 3px;
}
.lt-4px {
    letter-spacing: 4px;
}
.lt-5px {
    letter-spacing: 5px;
}

span.badge {
    background-color: var(--color-warning);
    border-radius: 10px;
    padding: 3px 10px;
}

.btn .badge {
    position: relative;
    top: 0px;
}

.lw-dt {
    position: relative;
}

.lw-dt .lwDtWrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    padding:0;
}

.lw-dt .lwDtLoading {
    display: block;
    position: fixed;
    width: calc(100% - 18%);
    height: calc(100vh - 0%);
    margin: auto;
    top: 0;
    left: 18%;
    z-index: 999999;
    text-align: center
}

.lw-dt .lwDtLoading i.fa {
    display: inline-block;
    font-size: 50px;
    margin: auto;
    position: relative;
    top: 45vh;
    text-shadow: 0px 0px 60px #fff, 0 0 8px #fff;
}

.lwDtWrapper {
    /* background: linear-gradient(270deg, #fff3, #fffe, #fff3); */
    background-size: 600% 600%;

    /* -webkit-animation: PlaceHolder 6s ease infinite;
    -moz-animation: PlaceHolder 6s ease infinite;
    animation: PlaceHolder 6s ease infinite; */
}

/* Scrollable content */
.scrolling-x .relative.dragable-table {
    overflow-x: auto;
    white-space: nowrap;
}

/* Common style for both buttons */
.scrolling-x .scroll-left,
.scrolling-x .scroll-right {
    position: absolute;
    top: -4px;
    background: rgba(0, 0, 0, 0.6);
    color: #FFF;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    z-index: 10;
    user-select: none;
    transition: background 0.2s ease;
}

/* Hover effect */
.scrolling-x .scroll-left:hover,
.scrolling-x .scroll-right:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* Left and right positioning */
.scrolling-x .scroll-left {
    right: 32px;
}

.scrolling-x .scroll-right {
    right: 0px;
}

body.nav-sm .site_title_sm.logo_small_text {
    font-size: 32px !important;
    font-family: times;
    font-weight: bold;
    color: #273A51;
    text-align: center;
}

body.nav-md .site_title.logo-container {
    display: inline-block;
    height: auto;
    font-family: times;
    font-weight: bold;
    font-size: 15px;
    color: #273A51;
    text-align: left;
    line-height: initial;
    margin: 0px;
    min-height: 50px;
}

body.nav-md .site_title.logo-container .logo-text {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 2px;
}

body.nav-md .site_title.logo-container .logo-text span {
    font-size: 120%;
}

body.nav-md .navbar.nav_title {
    padding: 0px 10px;
}

@-webkit-keyframes PlaceHolder {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes PlaceHolder {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes PlaceHolder {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/*------Classes to remove-----*/
/* .nopadding {
    padding: 0;
}

.margin_top_2px {
    margin-top: 2px !important;
}

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

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

.margin_top_12px {
    margin-top: 12px !important;
}

.margin_top_15px {
    margin-top: 15px !important;
}

.margin_top_18px {
    margin-top: 18px !important;
}

.margin_top_20px {
    margin-top: 20px !important;
}

.margin_top_50px {
    margin-top: 50px !important;
}


.margin_bottom_5px {
    margin-bottom: 5px !important;
}

.margin_bottom_10px {
    margin-bottom: 10px !important;
}

.margin_bottom_15px {
    margin-bottom: 15px !important;
}

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

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

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

.margin_right_20px {
    margin-right: 20px !important;
}

.margin_left_10px {
    margin-left: 10px !important;
}

.margin_t10_b20 {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

.padding_tb_10px {
    padding: 10px 0;
}

.padding_14px {
    padding: 14px !important;
}

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

.padding_left_15px {
    padding-left: 15px !important;
}

.padding_left_19px {
    padding-left: 19px !important;
}

.default_padding_top {
    padding-top: 15px;
}

.default_margin_top {
    margin-top: 15px;
}

.readonly_default_color {
    background-color: #fff;
}

.padding_top_none {
    padding-top: 0;
}

.padding_bottom_none {
    padding-bottom: 0;
}

.padding_left_none {
    padding-left: 0;
}

.padding_right_none {
    padding-right: 0;
}

.margin_top_none {
    margin-top: 0;
}

.margin_bottom_none {
    margin-bottom: 0;
}

.margin_left_none {
    margin-left: 0;
}

.margin_right_none {
    margin-right: 0;
}

.margin_none {
    margin: 0;
}

.readonly_default_color_important {
    background-color: #fff !important;
}

.padding_none_important {
    padding: 0 !important;
}

.padding_top_none_important {
    padding-top: 0 !important;
}

.padding_bottom_none_important {
    padding-bottom: 0 !important;
}

.padding_left_none_important {
    padding-left: 0 !important;
}

.padding_right_none_important {
    padding-right: 0 !important;
}

.margin_top_none_important {
    margin-top: 0 !important;
}

.margin_bottom_none_important {
    margin-bottom: 0 !important;
}

.margin_left_none_important {
    margin-left: 0 !important;
}

.margin_right_none_important {
    margin-right: 0 !important;
}

.margin_none_important {
    margin: 0 !important;
}

.display_none {
    display: none;
}

.display_none_important {
    display: none !important;
}

.display_inline_block {
    display: inline-block;
}

.display_table {
    display: table !important;
}

.height_auto {
    height: auto;
}

.height_auto_important {
    height: auto !important;
}

.no_width {
    width: 0 !important;
}

.width_auto {
    width: auto;
}

.width_auto_important {
    width: auto !important;
}

.responsive_width {
    width: 100% !important;
}

.font_bold {
    font-weight: bold;
}

.font_bold_important {
    font-weight: bold !important;
}

.position_absolute {
    position: absolute;
}

.position_absolute_important {
    position: absolute !important;
}

.position_relative {
    position: relative;
}

.position_relative_important {
    position: relative !important;
} */

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.float_none {
    float: none;
}

.float_left_important {
    float: left !important;
}

.float_right_important {
    float: right !important;
}

.float_none_important {
    float: none !important;
}

.overflow_x_scroll {
    overflow-x: scroll !important;
}

.top_2px {
    top: 2px;
}

.top_5px {
    top: 5px;
}

.top_7px {
    top: 7px;
}

.top_10px {
    top: 10px;
}

.top_14px {
    top: 14px;
}

.top_20px {
    top: 20px;
}

.left_10px {
    left: 10px;
}

.left_30px {
    left: 30px;
}

.left_70px {
    left: 70px !important;
}

.right_m44px {
    right: -44px;
}

.right_m28px {
    right: -28px;
}

.right_m64px {
    right: -64px;
}

.right_m58px {
    right: -58px;
}

td > span.bg-success {
    background-color: red !important;
}

.dataTables_wrapper {

}

#activityInvoiceGrid_wrapper,
#activityPaymentGrid_wrapper,
#duesPaymentGrid_wrapper,
#duesInvoiceGrid_wrapper {
    min-height: 600px;
}
.setupHeader {
    position: relative;
}
.title_header {
    height: 32px;
}
.title_header td {
    position: relative;
    top: 0;
    width: 100%;
}
.wickedpicker {
    width: auto !important;
}
.wickedpicker .wickedpicker__controls {
    padding: 10px;
}
#accordionMus {
    max-height: 190px;
    overflow: auto;
    box-shadow: 0 5px 10px #0000003d;
}
div.dt-buttons:empty {
    display: none;
}
.activityDropdown .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width: 110px;
}

.inner-small.print_button {
    padding: 5px;
}
.inner-small.print_button button {
    padding: 0;
    border: 1px solid white;
    width: 22px;
    height: 22px;
}
input:focus-visible {
    outline: none;
    border-radius: 3px;
}
.filtersApplied {
    line-height: 18px;
}
.btn.approved_all_chelas {
    margin-right: 5px;
}
.status.status-wrap .bs-searchbox,
.status.status-wrap.record_dropdown .bs-searchbox  {
    display: none !important;
}

.link-component {
    line-height: 30px;
    display: inline-flex;
    font-family: inherit;
    font-size: inherit;
}
.link-component i.fa {
    line-height: 25px;
}


@media print {
    @page {
        size: letter landscape;
        margin: 0.5cm
    }

    .mainContainer section {
        display: block;
    }

    .mainContainer .rightSection {
        flex-basis: initial;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .mainContainer .page {
        border-radius: 0;
        margin: 0;
        padding: 0;
        background: white;
    }

    div,
    table,
    button,
    select,
    input,
    td,
    th {
        border: 0px solid black;
        font-size: 14px;
        font-family: Arial;
        border-color: gray;
    }

    h1,
    h2,
    h3,
    h4,
    h5 {
        font-size: 16px;
        font-family: Arial;
    }

    h2 {
        font-size: 15px;
    }

    h3 {
        font-size: 14.5px;
    }

    h4 {
        font-size: 14px;
    }

    h5 {
        font-size: 14px;
    }

    h6 {
        font-size: 13px;
    }

    .no-print,
    .mainContainer .leftSection,
    .x_title,
    .filter_section_right,
    .dataTables_paginate,
    .pagination,
    button,
    .dropdown,
    input[type=text],
    select,
    .btn {
        display: none !important;
    }

    #EntriesGrid.table,
    #EntriesGrid.table.dataTable>thead>tr>th,
    #EntriesGrid.table.dataTable>thead>tr>td,
    #EntriesGrid.table.dataTable>tbody>tr>td {
        border-color: #ddd !important;
        color: black !important;
        border-width: 0px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

div#edit_letter .modal-body .col-md-12,
div#edit_letter .modal-body .col-md-12 .form-group,
div#edit_letter .modal-body .col-md-12 .form-group #cke_edit_letter_content {
    height: 100%;
}

div#edit_letter .modal-body .col-md-12 .form-group #cke_edit_letter_content .cke_inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

div#edit_letter .modal-body .col-md-12 .form-group #cke_edit_letter_content .cke_inner .cke_contents  {
    flex-grow: 1;
}