#content_form {
    margin-bottom: 5px;
}

.open>.dropdown-menu{
    background-color: var(--portalThemeColor4, #ffffff);
}
.open>.dropdown-menu>li>a{
    color: var(--portalThemeOnColor9, #1276CE);
}


.open .dropdown-menu > li > a:hover,.dropdown-menu > .active > a:hover{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.dropdown-menu>.active>a{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.open .dropdown-menu>.active>a:focus{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}

/* ---- ROOT VARIABLES ---- */
:root {
    --yellow: #FDC830;
    --yellow-orange: #FFA902;
    --blue: #001E53;
    --white: #FFFFFF;
    --background-tables: #FAF5F0;
}


/* ---- HEADER ---- */
body .static-top.navbar-dark {
    background-color: #FDC830;
}

body .static-top.navbar .menu-bar > .navbar-nav > li > a {
    color: var(--blue);
    padding-left: 0;
    padding-right: 0;
    margin-left: var(--bs-navbar-nav-link-padding-x);
    margin-right: var(--bs-navbar-nav-link-padding-x);
    border-bottom: 2px solid transparent;
    transition: all .3s ease-in-out;
}

body .static-top.navbar .menu-bar > .navbar-nav > li > a:hover,
body .static-top.navbar .menu-bar > .navbar-nav > li > a:focus,
body .static-top.navbar .menu-bar > .navbar-nav > li > a.dropdown-toggle.show {
    color: var(--blue);
    text-decoration: none!important;
    border-bottom: 2px solid var(--blue);
    outline: none;
    background-color: transparent;
    transition: all .3s ease-in-out;
}

body .static-top.navbar .menu-bar > .navbar-nav > li > a:focus {
    border: 0 none;
    border-bottom: 2px solid var(--blue);
}

body .navbar-dark .navbar-nav .show.dropdown-menu {
    overflow: hidden;
    border: 0 none;
    background-color: var(--white);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

body .navbar-dark .navbar-nav .show.dropdown-menu > li:first-of-type {
    font-weight: 600;
    margin: -8px 0;
    padding: 10px 0;
    background-color: #F5F5F5;
}

body .navbar-dark .navbar-nav .show.dropdown-menu > li > a {
    font-size: 16px;
    line-height: 1.6;
    color: var(--blue);
    transition: all .3s ease-in-out;
}

body .navbar-dark .navbar-nav .show.dropdown-menu > li > a:hover {
    color: var(--blue);
    transition: all .3s ease-in-out;
}

body .navbar-dark .navbar-nav .show.dropdown-menu > li:first-of-type a:hover {
    color: var(--blue);
    background-color: #F5F5F5;
    text-decoration: none!important;
    
}



/* ---- DOCUMENTS ---- */
.sharepoint-documents a.add-folder.btn.action {
    display: none!important;
}



/* ---- DOCUMENTS --> MODALS ---- */
.modal-add-file  .checkbox {
    display: none;
}



/* ---- FORMS ---- */
body input.form-control {
    border: 0 none;
    border-radius: 0;
    border-bottom: 1px solid var(--yellow-orange);
}

body input.form-control:focus {
    border: 0 none;
    border-bottom: 1px solid var(--yellow-orange);
    outline: 0 none;
    box-shadow: none;
}




/* ---- CREATE FORMS ---- */
body .crmEntityFormView, body .entitylist {
    background-color: var(--background-tables);
}

.sectionBlockLayout .columnBlockLayout,
.crmEntityFormView .tab {
    background-color: var(--background-tables);
}

body .crmEntityFormView label {
    background-color: var(--background-tables);
}

.columnBlockLayout {
    padding: 35px;
    border-radius: 20px;
}

.crmEntityFormView .tab-title {
    padding: 0 25px;
    margin-bottom: 10px;
    background-color: var(--background-tables);
}

.crmEntityFormView .section-title {
    padding: 0 25px;
}

.crmEntityFormView .actions {
    background-color: var(--background-tables);
}

html[dir=ltr] .crmEntityFormView .cell input[type=text], 
html[dir=ltr] .crmEntityFormView .cell textarea {
    background-color: var(--background-tables);
    border: 0 none;
    border-bottom: 1px solid var(--yellow-orange);
    border-radius: 0!important;
    resize: none;
}





/* ---- LISTS ---- */
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #FAF5F0;
}



/* --- BUTTONS ---- */
body .input-group-btn .btn {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    border-bottom: 1px solid var(--yellow-orange);
}

body a.btn.action.create-action {
    color: var(--blue);
    border-color: var(--yellow-orange);
    background-color: var(--yellow-orange);
    border-radius: 50px;
    transition: all .3s ease-in-out;
}

body a.btn.action.create-action:hover {
    color: var(--white);
    border-color: var(--blue);
    background-color: var(--blue);
    border-radius: 50px;
    transition: all .3s ease-in-out;
}

body .btn-primary {
    font-size: clamp(16px, 1.21951vw, 20px);
    padding: 10px 25px;
    margin-left: 25px;
    border-radius: 50px;
}



/* ---- CREATE FORMS ---- */
body .crmEntityFormView, body .entitylist {
    background-color: var(--background-tables);
}

.sectionBlockLayout .columnBlockLayout {
    position: relative;
    /* margin: 200px 0; */
    background-color: var(--background-tables);
}

.sectionBlockLayout .columnBlockLayout::after {
     
}

body .crmEntityFormView label {
    background-color: var(--background-tables);
}

.columnBlockLayout {
    padding: 35px;
    border-radius: 20px;
}

.crmEntityFormView .tab-title {
    padding: 0 25px;
    background-color: var(--background-tables);
}

.crmEntityFormView .section-title {
    padding: 0 25px;
}

.crmEntityFormView .actions {
    background-color: var(--background-tables);
}

html[dir=ltr] .crmEntityFormView .cell input[type=text], 
html[dir=ltr] .crmEntityFormView .cell textarea {
    background-color: var(--background-tables);
    border: 0 none;
    border-bottom: 1px solid var(--yellow-orange);
    resize: none;
}



/* ---- FOOTER ---- */
body footer .footer-bottom {
    background-color: var(--yellow-orange);
    min-height: 300px;
    margin-top: 10vh;
}

body footer .footer-bottom::before {
    position: absolute;
    content: '';
    top: -10vh;
    height: 10vh;
    width: 100%;
    background-image: url('RIG - Footer\ top-border.png');
    
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

body footer .footer-bottom p {
    color: var(--blue);
}