@import url(fontsoverride.css);

body {
    font-family: alexandria, sans-serif;
    background-color: #f8fafc;
    /*background-color: #f7f7f9;*/
}

.dashboard .breadcrumbs {
    margin-bottom: 0;
}


#paid-container, #unpaid-container {
    text-align: center;
    width: 100%;
    background-color: white;
    box-shadow: rgba(99, 99, 99, 0.02) 0px 2px 8px 0px;
    border-radius: 10px;
    padding: 10px;
    color: black;
}




#installment-container > p {
    font-weight: normal;
    font-size: .7rem;
}

.vertical-hr {
    height: 70px;
    border: #e5e5e5 solid 1px;
    border-radius: 10px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}



#head-text {
    color: black;
    margin: 0;
}

#head-year {
    background-color: white;
    padding: 10px 50px;
    border-radius: 30px;
    border: #d4dade solid 1px;
    width: fit-content;
    color: #575757;
    font-weight: bold;
}

#main {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    margin-top: 20px;
    padding-right: 10px;
    gap: 1.5em;
}

#branding h1 {
    color: white;
    font-size: 1.2rem;
}

.sidebar-link-label {
    font-size: 1rem;
}

div.breadcrumbs.initialized {
    color: #696969;
}


.breadcrumbs-separator {
    color: #696969;
    font-size: 1.1rem;
}

.changeform-tabs {
    direction: rtl;

}

.form-row .checkbox-row {
    display: block;
}

.form-row .field-date > p{
    direction: ltr; text-align: right;
}
.submit-row input {
    float: right;
}

.change-form #content-main > form > div > .module.initialized .form-row {
    display: flex;
    flex-flow: column;
    direction: rtl;
}

#principal_form > div > fieldset .submit-row p.deletelink-box {
    float: left;
}

input[type=checkbox] + label:before {
    margin-left: .8em;
}


.change-list .filtered table tbody th {
    text-align: right;
}

#changelist table thead th {
    text-align: right;
}


.inline-related.tabular fieldset.module table thead tr th {
    text-align: right;
}

.module h2, .module caption, .inline-group h2 {
    text-align: right;
}

#changelist table tbody tr th {
    text-align: right;
}


.sidebar {
    direction: rtl;
    color: #405189;
    right: 0;
    transform: translate3d(100%, 0, 0)
}

body.menu-pinned #container {
    padding-left: unset;
}

#container {
    /*padding: 0;*/
    /*min-height: 100%;*/
    transition: padding-right 0.3s;
}

div[class*="sidebar-section"] > a[href='/'] {
    display: none;
}

.sidebar-link {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: center;
}

.sidebar-link-label {
    flex: 5;
}

.sidebar-link:visited, .sidebar-link:hover {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: center;
    background-color: #b41122;
}

a.sidebar-link:hover a.sidebar-link:visited span > svg {
    fill: white;

}

a.sidebar-link:active {
    color: white;
}

a.sidebar-link:hover span .sidebar-right-arrow:before {
    color: white;
}

.sidebar-right {
    margin: unset;
}

.sidebar-container-toggle {
    float: right;
}

.sidebar-right-arrow::before {
    content: "\e60a";
}

.icon-container {
    flex: 1.2
}

.main-icon-container {
    margin-right: 5px;
}

span.sidebar-link-label > .sidebar-link-icon::before {
    content: "";
}


.datetime {
    direction: rtl;
}



.employment_date_outer_div {
    display: flex;
    flex-flow: row-reverse;
    float: right;
}

div.submit-row > p.deletelink-box {
    float: left;
}


.changeform-navigation.initialized {
    direction: ltr;
}

#toolbar form input[type="submit"], #toolbar form input[type="submit"]:visited, #toolbar form input[type="submit"]:hover {
    font-family: "alexandria", sans-serif;
}

#changelist .actions .button, #changelist .actions .button:visited, #changelist .actions .button:hover {
    font-family: "alexandria", sans-serif;
}

table thead th.sortable:hover {
    background: #e2e2e2;
}

a, a:visited, a:hover, a:focus {
    color: #696969;
}

.changeform-tabs-item.selected a, .changeform-tabs-item.selected a:hover, .changeform-tabs-item.selected a:visited {
    border-color: #5066AC;
}

/*.inline-deletelink {*/
/*    display: block !important;*/
/*}*/

#djDebug #djDebugToolbarHandle {
    top: unset !important;
}

.dashboard-tools {
    display: none;
}

.sidebar-container-toggle {
    margin-right: 20px;
}

.user-tools ul {
    left: 20px;
    right: unset;
}

.icon-arrow-right:before {
    content: "\e60a";
}

.changelist-footer.fixed {
    position: unset;
}

body.menu-pinned .changelist-footer.fixed {
    left: unset;
}

table thead th.sorted {
    text-align: right;
}

thead th:first-child, tfoot td:first-child {
    border-radius: 0px 0 0 0;
}

.any {
    background-color: white;
    border-bottom: 1px solid unset;
    box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
}


.sidebar-title {
    font-size: 11px;
}


input[type=checkbox] + label:before {
    color: #696969;
}

.select2-container--jet .select2-selection--single .select2-selection__arrow b:before {
    transform: rotate(270deg);
    color: #5066AC;
    font-size: 16px;
    font-weight: bold !important;
    content: "\e60a";
}


.user-tools ul li.user-tools-welcome-msg {
    text-align: center;
    font-size: .9rem;
}


input[type="text"] {
    font-family: "alexandria", sans-serif;
}



td, th {
    padding: 10px;
    white-space: nowrap;
    font-size: 12.5px;
    color: #696969;
}

table thead th {
    font-size: 13px;
}

.select2-container--jet .select2-selection .select2-selection__rendered {
    color: #77828b;
}

table thead th a:link, table thead th a:visited {
    color: #696969;
}

.paginator .pages-wrapper span:first-child, .paginator .pages-wrapper a:first-child {
    border-radius: 0 4px 4px 0;
}

.paginator .pages-wrapper span:last-child, .paginator .pages-wrapper a:last-child {
    border-radius: 4px 0 0 4px;
}

.paginator .pages-wrapper span {
    background-color: #405189;
}

.paginator .pages-wrapper a:focus, .paginator .pages-wrapper a:hover {
    color: #7e8b96;
    background-color: #e2e2e2;
}

.select2-container--jet {
    min-width: 230px;
}

.changeform-navigation-button-icon .right .icon-arrow-right:before {
    content: "\e60b";
}


div .tabular .inline-related .last-related .initialized {
    background-color: white;
}


ul.messagelist li {
    position: relative;
    padding: 1em;
    color: white;
    background-color: green;
    border-color: #23923d;
}

ul.messagelist li::before {
    content: "x";
    position: absolute;
    left: 0;
    color: inherit;
    padding: 0 2em;
    cursor: pointer;
}


ul.nonform {
    padding: .5em;
}

#admissions-0 .inline-deletelink {
    display: none !important;
}

.changeform-navigation-button-icon.right {
    transform: rotate(180deg);
}

.submit-row input {
    font-family: 'alexandria', serif;
}

.aligned label + p {
    padding: 0;
    margin-left: 20px;
    color: #696969;
}

.icon-cross::before {
    color: #232121FF;
}

.icon-tick::before {
    color: #232121;
}

#messages-group {
    background-color: #f8fafc;
}

#notification-container {
    position: absolute;
}


#user-tools {
    position: relative;
    left: 7%;
}

.message-notification-header {
    font-weight: 500;
    font-size: 14px;
    color: #6783af;
}

.message-notification-body {
    color: #696969;
}

.active-count {
    background-color: #cfd9fa;
    transition: background-color 1s linear;

}

.active-count:active {
    background-color: #e3e3e3;
}

.user-tools ul.opened {
    transition: all .5s ease;
}

.user-tools ul.opened:hover {
    transform: translateY(0);

}

.errorlist.nonfield{
    padding: .7em;
    border: 1px solid;
}