


header #topHeader {
	
	background-color: #ffffff;
	
	
	color: #000000;
	
}

header #topHeader a, header #topHeader a:active {
	
	color: #000000;
	
}


header {
	background-color: #ffffff;
}



nav ul li a {
	color: #000000;
}


body {
	background: #0050ff !important;
}


nav ul li.active a {
	color: #0050ff;
}

nav ul li.active a:after {
	background-image: none;
}

header {
	border-bottom: 2px solid #0050ff !important;
}



button, .button {
	background-color:#0050ff;
}

button.inverse,.button.inverse {
	color:#0050ff;
}

.btn.btn-primary, .btn.btn-info, .btn.btn-success {
	background-color:#0050ff;
	border-color:#0050ff;
}


button, .button {
	color:#ffffff;
}

button.inverse,.button.inverse {
	background-color:#ffffff;
}

.btn.btn-primary, .btn.btn-info, .btn.btn-success {
	color:#ffffff;
}



button:hover, .button:hover, button:active, .button:active, button:focus, .button:focus {
	color:#ffffff;
}

button.inverse:hover,.button.inverse:hover,button.inverse:active,.button.inverse:active,button.inverse:focus,.button.inverse:focus {
	background-color:#ffffff;
}

.btn.btn-primary:hover, .btn.btn-info:hover, .btn.btn-success:hover, .btn.btn-primary:active, .btn.btn-info:active, .btn.btn-success:active, .btn.btn-primary:focus, .btn.btn-info:focus, .btn.btn-success:focus {
	color:#ffffff;
}





button:hover, .button:hover, button:active, .button:active, button:focus, .button:focus {
	background-color:#00008c;
}

button.inverse:hover,.button.inverse:hover, button.inverse:active,.button.inverse:active, button.inverse:focus,.button.inverse:focus {
	color:#00008c;
}

.btn.btn-primary:hover, .btn.btn-info:hover, .btn.btn-success:hover, .btn.btn-primary:active, .btn.btn-info:active, .btn.btn-success:active, .btn.btn-primary:focus, .btn.btn-info:focus, .btn.btn-success:focus {
	background-color:#00008c;
	border-color:#00008c;
}


@font-face {
    font-family: "onair"; 
    src: url("https://portal.cloud.o2.cz/public-archives/download/Whitelabel/onair-light.woff2") format("woff2");
    font-weight: 300; 
    font-style: normal; 
    font-display: swap; 
}

* {
    font-family: "onair", "Glyphicons Halflings", "happy-apps", sans-serif !important;
}

.nav-tabs, nav.main-nav ul li.active a:after, nav.main-nav ul li.active a:before {
    border-bottom-color: #00008c;
}
.nav-tabs > li.active:before {
    border-top-color: #00008c;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus, 
.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus {
    background-color: #00008c;
    color:white;
}

.login-body, footer.footer {
    background-image: url("https://portal.cloud.o2.cz/public-archives/download/Whitelabel/Background_O2_Bubble.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.login-container {
    background-image: linear-gradient(
        to right,
        rgba(0,0,0,0.01),
        rgba(0,0,0,0.025),
        rgba(0,0,0,0.05),
        rgba(0,0,0,0.025),
        rgba(0,0,0,0.01)
    );
    padding-bottom: 3px !important;
}

.top-row.clearfix {
    border-bottom: 1px solid rgba(0,0,0,0.15);
    border-radius: 40px;
    padding: 0 10px;
}

#logo.navbar-brand {
    margin-left: 5px !important;
}

#header-query, button.search-btn {
    background-color: rgba(0,0,0,0.075) !important;
    border:none !important;
}

.header-notification {
    color: black;
}

/* Disable rendering of user impersonation warning */
.users-footer {
    display:none !important;
}


/* ==========================================
   MASTER TENANT LOGIN ? ONLY WARNING BANNER
   ========================================== */

body:has(.form-container input[name="accountId"][value=""]) .login-container::before {
    content: "MASTER TENANT LOGIN - pro z\00E1kaznick\00FD\0020p\0159\00EDstup pou\017Eijte pros\00EDm vlastn\00ED\0020tenant URL";
    display: block;
    background-color: #c00000;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    padding: 12px 16px;
    border-radius: 20px;
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.4;
}

/* Varovný banner nad loginem pouze pro master tenant */
body:has(.form-container input[name="accountId"][value=""]) .login-container::before {
    content: "MASTER TENANT LOGIN - pro z\00E1kaznick\00FD\0020p\0159\00EDstup pou\017Eijte pros\00EDm vlastn\00ED\0020tenant URL";
    display: block;
    background-color: #c00000;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    padding: 12px 16px;
    border-radius: 20px;
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.4;
}

/* Lehké odli?ení nadpisu pro master login */
body:has(.form-container input[name="accountId"][value=""]) h1 {
    color: #a00000 !important;
}
