@font-face {
    font-family: 'Gotham Book';
    src: url('/Gotham%20Book') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Medium';
    src: url('/Gotham%20Medium') format('opentype');
    font-weight: normal;
    font-style: normal;
}

#content_form {
    margin-bottom: 5px;
}

html,
body {
    height: 100%;
    background-color: #fffcf7 !important;
    color: black;
    font-family: 'Gotham Book', Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.homepage {
    background-color: #041b2b !important;
}


h1,
.h1 {
    font-family: 'Gotham Medium', Arial, sans-serif !important;
    color: white;
    font-weight: normal;
}

#page-title {
    font-family: 'Gotham Medium', Arial, sans-serif;
    color: black;
    font-weight: normal;
}

h3,
.h3 {
    font-size: 21px !important;
}

h1.modal-title {
    font-size: 21px;
    color: #041b2b !important;
}


h4,
.h4 {
    font-family: 'Gotham Book', Arial, sans-serif !important;
    color: #d1b65b !important;
    font-weight: normal;
}

h3,
h6 {
    font-family: 'Gotham Book', Arial, sans-serif !important;
    color: white !important;
    font-weight: normal;
}

.h2,
h2 {
    font-family: 'Gotham Medium', Arial, sans-serif !important;
    color: #041b2b !important;
    font-weight: normal;
}

.h5,
h5 {
    color: #041b2b !important;
    font-family: 'Gotham Book', Arial, sans-serif !important;
    font-weight: normal;
}

h5.kbarticle {
    color: white !important;
}

span.css-266,
span.css-299 {
    color: white !important;
}

button.ms-Button.ms-Button--default.ms-Button--hasMenu.root-215 {
    margin-right: 5px !important;
}

.navbar {
    background-color: #041b2b !important;
}

footer .footer-bottom {
    color: white !important;
    background-color: #041b2b !important;
    position: sticky !important;
    height: 100%;
}

body>footer {
    top: 100vh;
    position: sticky;
}

.dropdown-menu[role="listbox"] {
    padding: 0;
    border: 1px black;
}

.open>.dropdown-menu {
    background-color: #fffcf7 !important;
    color: black !important;
    border: 1px solid black !important;
}

.open>.dropdown-menu>li>a {
    background-color: #0b1a2b;
    color: white;
    text-decoration: none;
}

.open>.dropdown-menu[role="listbox"]>li>a {
    background-color: #fffcf7 !important;
    color: black !important;
    text-decoration: none;
}

.open>.dropdown-menu[role="listbox"]>li[role="presentation"]>a[role="option"] {
    background-color: #fffcf7 !important;
    color: black !important;
    text-decoration: none;
}

.open .dropdown-menu>li>a:hover,
.dropdown-menu>.active>a:hover {
    color: #31AFCE !important;
    padding: 3px 20px;
}

@media (max-width: 1199px) {

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
}

.dropdown-menu>.active>a {
    color: #ffffff;
}

.open .dropdown-menu>.active>a:focus {
    color: #ffffff;
}

.navbar-inverse {
    border: none !important;
}

.navbar-inverse .navbar-nav>li>a {
    color: white !important;
    font-weight: normal;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color: #31AFCE !important;
    text-decoration: none !important;
    padding-bottom: 10px;
    font-weight: normal;
}

.navbar-inverse .navbar-nav>li>a {
    padding-bottom: 10px;
}

.navbar-inverse .navbar-nav>.open>a {
    color: #31AFCE !important;
    background-color: #041B2B !important;
    outline: none !important;
}

#navbar .dropdown-search {
    background-color: transparent !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu {
    background-color: #041B2B !important;
    color: #ffffff !important;
    border: 1px solid black !important;
    border-radius: 4px !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: white !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #31AFCE !important;
}

.navbar-inverse .navbar-nav>li>a:focus {
    color: #31AFCE !important;
}

.navbar-toggle {
    background-color: #041b2b !important;
    border: none !important;
}

a {
    font-family: 'Gotham Book', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: normal !important;
    border: none !important;
    text-decoration: none !important;
    background-color: transparent !important;
}

a:hover {
    border: none !important;
    text-decoration: none !important;
}

.a:hover {
    color: #435460 !important;
}

a:active {
    outline: none !important;
}

a:focus {
    outline: none !important;
}


p.copyrightname {
    text-align: right;
    font-size: 13px;
    padding-bottom: 5px;
    color: #C1C1BF !important;
}

.privacy-policy {
    color: #C1C1BF !important;
    font-size: 13px !important;
}

.privacy-policy:hover,
.privacy-policy:active,
.privacy-policy:visited {
    color: #E9E9E9;
}

.text-muted {
    color: transparent;
}

.breadcrumb>.active {
    color: #ab9448 !important;
    font-weight: normal;
}

.breadcrumb>li+li:before {
    content: "> ";
    padding: 0 5px;
    color: black !important;
}

.breadcrumb>li a {
    color: black !important;
}

.f19n0e5,
.r1alrhcs,
.r1572tok {
    color: #31afce !important;
}

.rvp2gzh,
.fui-Input__input {
    color: white !important;
}

a.ms-Link.root-274 {
    color: #1893ff !important;
}

p {
    font-family: 'Gotham Book', Arial, sans-serif !important;
    font-weight: normal;
    color: black;
}

.f178r8ap p {
    font-size: 16px;
    font-family: 'Gotham Book', Arial, sans-serif !important;
}

h2.validation-header {
    color: #041B2B !important;
}

.fa-info-circle {
    color: #041B2B !important;
}

label {
    font-family: 'Gotham Medium', Arial, sans-serif !important;
    font-weight: normal;
    font-size: 16px !important;
}

span.label.label-info,
span.label.label-default {
    font-size: 14px !important;
}

.form-control {
    font-size: 16px !important;
}

span.label.label-info {
    background-color: green !important;
}

.panel-default>.panel-heading {
    background-color: #113c58 !important;
    color: white !important;
    border: transparent;
    font-size: 16px !important;
}

.panel-default>.panel-body,
.list-group-item {
    background-color: #fffcf7 !important;
    color: #041b2b !important;
}

.knowledge-article-keywords {
    color: white !important;
}

.fa-search:before {
    content: "";
    color: #31afce !important;
    padding: 5px !important;
}

a.list-group-item {
    color: #041b2b !important;
    font-size: 18px !important;
    font-weight: 600;
}

a.list-group-item:hover {
    color: #31afce !important;
}

a.title {
    color: white !important;
    font-weight: 600;
}

a.title:hover {
    color: #31afce !important;
    transition: all 100ms ease-in-out !important;
}

p.description {
    color: white !important;
    font-weight: 400;

}

.btn-default {
    color: #113c58 !important;
    background-color: #fffcf7 !important;
    border: none !important;
}

.btn-primary {
    color: #ffff !important;
    background-color: #113c58 !important;
    padding: 7px 20px;
    font-weight: normal !important;
    font-size: 16px !important;
    font-family: 'Gotham Book', Arial, sans-serif !important;
    border-radius: 4px;
}

.btn-primary:hover {
    background-color: #2f546d !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

button.reopen-case-link.btn-default.btn {
    color: #ffff !important;
    background-color: #1276CE !important;
    padding: 7px 20px;
    font-weight: normal !important;
    font-size: 14px !important;
    font-family: 'Gotham Book', Arial, sans-serif !important;
    border-radius: 4px;
}

button.reopen-case-link.btn-default.btn:hover {
    background-color: #1564aa !important;
    border: transparent !important;
    transition: all 100ms ease-in-out !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);

}

button.workflow-link.btn-escalate.btn {
    background-color: #113C58;
    color: white;
    border-radius: 4px;
    font-family: 'Gotham Book', Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 14px !important;
    padding: 7px 20px;
}

.btn-escalate:hover {
    border: transparent !important;
    color: #fff;
    background-color: #0d293a;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn-success,
.btn-danger {
    font-weight: normal !important;
    font-size: 14px !important;
    font-family: 'Gotham Book', Arial, sans-serif !important;
    border-radius: 4px;
    text-decoration: none;
}

input#ContentContainer_MainContent_MainContent_ContentBottom_SubmitButton {
    margin: 5px 5px 10px 0px !important;
}

a.btn.button1 {
    color: #041b2b !important;
    background-color: #dcc67d !important;
    font-size: 16px !important;
    border: transparent !important;
}

a.btn.button1:hover {
    background-color: #bcab6f !important;
}

.panel {
    border: none !important;
}

.grid-actions {
    border-bottom: 1px solid #eee;
    margin-bottom: 9px;
    padding-bottom: 9px;
    padding-top: 14px;
}

div#EntityFormPanel {
    border-radius: 4px !important;
    padding: 20px 10px 5px 10px !important;
    margin: 0 0 20px 0 !important;
}

.root-391,
.root-42,
.title-357,
.root-382,
.root-413,
.monthPickerWrapper-379,
.cellTooltip-258,
.root-215,
.root-228 {
    background-color: white !important;
}

.root-193,
.dropdownItem-352 {
    color: white !important;
}

.goTodayButton-380 {
    background-color: #113c58 !important;
    color: white !important;
    bottom: 3px;
}

.goTodayButton-380:hover {
    color: #31afce !important;
}

.calloutMain-307,
.root-265,
.root-301 {
    color: white !important;
}

.root-265:hover {
    color: white !important;
}

.root-250 {
    font-size: 16px !important;
    font-family: 'Gotham Book', Arial, sans-serif !important;
    color: #113c58 !important;
    font-weight: 500;
    background-color: white !important;
}

span.css-320 {
    color: white !important;
}

.iconContainer-229,
.icon-327 {
    color: #31afce !important;
}

.title-334,
.title-345 {
    border-color: white !important;
}

.root-353 {
    background-color: #ffff !important;
    color: #113c58 !important;
    border-color: white !important;
    border-style: solid !important;
}

.field-232,
.root-333 {
    color: white;
}

.title-355,
.title-348,
.title-348,
.title-315,
.readOnlyTextField-368 {
    background-color: white;
}

.currentItemButton-415 {
    color: #113c58 !important;
    background-color: white !important;
}

.root-209 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 30px 0px;
    font-size: 16px;
}

.root-215 {
    padding: 0px 21px 0px 21px;
}

.root-324,
.dropdownItem-340,
.root-280,
.root-426,
.root-285,
.dropdownItem-350,
.ms-Suggestions-none,
.css-351,
.css-434,
.ms-ContextualMenu-itemText {
    color: white !important;
}

.root-426:hover {
    color: #31afce !important;
}

.title-340,
.title-325,
.title-35,
.readOnlyTextField-378,
.input-433,
.input-438,
.ms-BasePicker-text {
    background-color: white;
}

.root-385,
.root-374,
.currentItemButton-424 {
    background-color: white !important;
    color: #113c58 !important;
}

button.ms-CommandBarItem-link {
    background-color: white !important;
    padding: 0px 5px 0px 5px;
}

button.ms-CommandBarItem-link:hover {
    background-color: #DDE3E5 !important;
}

.ms-TextField-fieldGroup {
    background-color: white;
}

.inputError {
    color: #31afce !important;
}

.ms-Dropdown-title {
    background-color: white;
}

div#ProfileFormView {
    padding-top: 25px;
    margin-bottom: 15px;

}

span.fui-Text.___a92l640.fk6fouc.f1pp30po.f106mvju.fl43uef.fpgzoln.f1w7gpdv.f6juhto.f1mtd64y.f1y7q3j9.f2jf649 {
    color: white;
}

span.fui-Text.___1kd1avm.fk6fouc.fod5ikn.faaz57k.figsok6.fpgzoln.f1w7gpdv.f6juhto.f1mtd64y.f1y7q3j9.f2jf649 {
    color: white;
}

@media (max-width: 767px) {
    .crmEntityFormView .cell {
        font-size: small;
    }


}

@media (min-width: 1201px) {
    .navbar-nav {
        float: left;
        margin: 19px;
    }
}

/* Centre the form */
.col-md-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    /* Ensures responsiveness */
}

.navbar-toggle .icon-bar {
    border-color: #e3d9b7 !important;
    border: 1px solid #e3d9b7 !important;
}

.category-list {
    background-color: #fffcf7;
}

footer {
    flex-shrink: 0;
}

.navbar-inverse .navbar-nav>li>a:hover {
    background-color: transparent !important;
}

.crmEntityFormView,
textarea,
.entitylist,
.modal-content,
.popover-content {
    background-color: #fffcf7 !important;
}

.form-control {
    background-color: #fffcf7 !important;
}

.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a {
    font-weight: normal;
}

th.sort-enabled a,
th.sort-disabled span {
    font-family: 'Gotham Medium', Arial, sans-serif !important;
    font-weight: normal;
}

.open>.dropdown-menu[role="menu"]>li>a {
    background-color: #fffcf7 !important;
    color: black !important;
    text-decoration: none;
}

.page-header {
    border-bottom: none;
}

.page-header h1 {
    font-family: 'Gotham Medium', Arial, sans-serif;
    color: black;
    font-weight: normal;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    padding: 3px 20px;
}

.glyphicon-search {
    color: #e3d9b7 !important;
}

.xrm-attribute-value {
    font-weight: normal;
}

.knowledge-article-content div,
.knowledge-article-content,
.knowledge-article-content p {
    color: black !important;
    font-family: 'Gotham Book', Arial, sans-serif !important;
    font-size: 16px !important;
    /* Adjust as needed */
    font-weight: normal !important;
    line-height: 1.6 !important;
}

.panel-body span {
    color: black;
    font-size: 12px;
}

#found-my-answer-bottom-comments {
    display: none;
}

li.list-group-item.incomplete {
    border: 1px solid #ddd !important;
    background-color: #f5f5f5 !important;
}

li.list-group-item.text-muted.list-group-item-success {
    background-color: #f5f5f5 !important;
}

.table-striped.table {
    background-color: #fffcf7;
}

.col-sm-9 input[type="file"] {
    background-color: #fffcf7;
}

.navbar-brand {
    margin-top: 5.25px;
}

.navbar-toggle {
    margin-top: 22.8px
}

#ProfileFormView {
    border: 0 !important;
}

.anchor-inherit-styles {
    font-size: 20px;
}

.wrapper-body {
    margin-bottom: 70px;
}

#content_form,
#liquid_form {
    margin-bottom: 70px;
}

.crmEntityFormView {
    border: none !important;
}

.col-md-8.entity-notes {
    padding: 14px 0 0 0;
}

div.postedon {
    text-align: left;
}

a.add-folder.btn.btn-info.action, a.add-file.btn.btn-primary.action {
    margin-left: 0px !important;
    margin-right: 10px !important;
}

#iwnvgk, body div#EntityFormPanel, div.col-md-12.columnBlockLayout {
    padding-left: 0 !important;
}

body div#EntityFormPanel {
    margin-bottom: 0 !important;
}

div.case-header.clearfix {
    margin-left: 28px;
}

div.col-md-9 {
    padding-left: 0;
}

div.row.form-custom-actions {
    margin: 0 0 0 13px;
    padding: 0;
}

div.row.form-custom-actions button, div.row.form-custom-actions input {
    margin: 0 5px 0 0;
}

.view-toolbar.grid-actions.clearfix {
    border: none !important;
}

.breadcrumb {
    margin-bottom: 25px !important;
}