﻿/** Main Colors **/
:root {
    --main-bg-color: #0e4169;
    --main-bg-color-lighter: #046B99;
    --main-bg-color-lighter-alpha: rgba(14, 65, 105, .5);
    --main-bg-color-secondary: #fbae24;
    --main-bg-color-secondary-lighter: rgb(255, 217, 148);
    --main-bg-color-secondary-lightyellow: rgb(248, 243, 216);
    --main-bg-color-secondary-lighter-containerbg: rgba(255, 239, 211, 0.25);
    --main-bg-color-secondary-lighter-containerbg-noalpha: rgb(255, 251, 244);
    --main-bg-color-secondary-alpha: rgba(251, 174, 36, .6);
    --main-bg-color-grey: #e9ecef;
    --main-bg-color-grey-default: #7c7e80;
    --main-bg-color-grey-lighter-alpha: rgba(233, 236, 239, .5);
    
}

.modal-header {
    background-color: var(--main-bg-color);
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 3px solid var(--main-bg-color-secondary);
}

.modal-footer {
    background-color: var(--main-bg-color);
}

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #000;
	background-color: var(--main-bg-color-secondary-lighter);
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}

.panel.with-nav-tabs .panel-heading {
    background-color: var(--main-bg-color);
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}

ul.nav-tabs:not(#my-notification-tabs-inside)>li {
    margin-bottom: -4px;
}

.with-nav-tabs.panel-primary:not(.white-bg) .nav-tabs > li.active > a, .with-nav-tabs.panel-primary:not(.white-bg) .nav-tabs > li.active > div > a, .with-nav-tabs.panel-primary:not(.white-bg) .nav-tabs > li.active > a:focus, .with-nav-tabs.panel-primary:not(.white-bg) .nav-tabs > li.active > div > a:focus {
    color: black !important;
    background-color: white !important;
}

.panel:not(.white-bg) > .panel-body {
    padding: 15px;
}

.nav>li>a, .nav>li>div>a:not(.dropdown-toggle) {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav-tabs>li>a, .nav-tabs>li>div>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.panel-heading {
    border-bottom: 3px solid var(--main-bg-color-secondary) !important;
}

ul.footer-links li a {
    font-weight: bold;
}