/*
 * Style tweaks for EBACMgmt navigation bar colors
 * --------------------------------------------------
 + see https://gwfh.mranftl.com/fonts/open-sans?subsets=cyrillic,cyrillic-ext,latin,latin-ext,symbols
 */
 
/* open-sans-regular - cyrillic_cyrillic-ext_latin_latin-ext_symbols */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-regular.eot'); /* IE9 Compat Modes */
  src: url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - cyrillic_cyrillic-ext_latin_latin-ext_symbols */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-italic.eot'); /* IE9 Compat Modes */
  src: url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - cyrillic_cyrillic-ext_latin_latin-ext_symbols */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-700.eot'); /* IE9 Compat Modes */
  src: url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - cyrillic_cyrillic-ext_latin_latin-ext_symbols */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-700italic.eot'); /* IE9 Compat Modes */
  src: url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/WebObjects/EBACMgmt.woa/Contents/WebServerResources/fonts/open-sans-v40-cyrillic_cyrillic-ext_latin_latin-ext_symbols-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

 
body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif; 
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

a:active,
a:hover {
  outline: 10;
}


.navbar-default {
	background-color: #2a2d7e;
	border-color: #9d010b;
}
.navbar-default .navbar-brand {
	color: #f8f5fb;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #f8f5fb;
}
.navbar-default .navbar-text {
	color: #f8f5fb;
}
.navbar-default .navbar-nav > li > a {
	color: #f8f5fb;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #f8f5fb;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #f8f5fb;
	background-color: #9d010b;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #f8f5fb;
	background-color: #9d010b;
}
.navbar-default .navbar-toggle {
	border-color: #9d010b;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #9d010b;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #f8f5fb;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #f8f5fb;
}
.navbar-default .navbar-link {
	color: #f8f5fb;
}
.navbar-default .navbar-link:hover {
	color: #f8f5fb;
}

.navbar-nav > li > a {
	padding-top: 20px;
	padding-bottom: 10px;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #f8f5fb;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #f8f5fb;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #f8f5fb;
		background-color: #9d010b;
	}
}




/*
 * Style tweaks for EBACMgmt Layout
 * --------------------------------------------------
 */
html,
body {
  /* overflow-x: hidden; *//* Prevent scroll on narrow devices *//* kill the Ajax upload button, CW, 2020-11-27 */
  height: 100%;
}

body {
  padding-top: 70px;
}
footer {
  padding: 30px 0;
}
.footer-background {
	border-top: 1px solid #eaeaea;
	background-color: #eee;
	width: 100%;
	min-height: 100px;
	margin-top: 1em;
}

.footer-pushdown {
	min-height: 100%;
	height: auto;
	/* Negative indent footer by its height */
	margin: 0px auto -100px;
	/* Pad bottom by footer height */
	padding-bottom: 130px;
}

@media screen and (min-width: 768px) {
	.footer-list {
		list-style: none;
		text-align: right;
	}
	.footer-list li {
		display: inline-block;
		margin-left: 10px;
		margin-right: 0px;
		padding-right: 10px;
		border-right: 1px solid #2a2d7e;
	}
	.footer-list li:last-child {
		border-right: 0px solid red;
	}
}

@media screen and (max-width: 767px) {
	.footer-list {
		margin-top: 10px;
	}
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -52%; /* 6 columns */ /* +2% to keep the rounded corner hidden, CW 2015-01-18 */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}
/**
 *
 */
@media screen and (min-width: 767px) and (max-width: 994px) { 
	.affix {
		max-width: 155px;
	}
}
@media screen and (min-width: 1200px) { 
	.ebac-list-group {
		min-width: 260px;
	}
}

#sidebar {
	z-index: 999;
}

/* make sidebar scrolling with content, if screen height is less the 800px */
@media screen and (max-height: 800px) {
	.affix {
		position: relative;
	}
	#sidebar {
		z-index: 1;
	}
}
/**
 *
 * Login form
 *
 */
  .form-signin {
  	max-width: 400px;
    margin: 15px auto 55px auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
	background-color: rgba(240, 240, 240, 0.8);
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
  }
  .form-signin-heading {
  	margin-bottom: 20px;
  }


/* fixes for bootstrap */
.page-headline {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 24px;
	border: 0px solid white;
}

.page-headline small {
	color: #737373;
}
.tooltip-inner {
	min-width: 280px;
}
.displayGroupNmberLabelsP {
	margin-top: 7px;
	text-align: right;
}

ul.pager {
	background-color: #f8f8f8; padding-top: 6px; padding-bottom: 4px; border-radius: 4px;
}

hr.no-margin {
	margin-top: 12px;
	margin-bottom: 15px;
}

hr.absolutely-no-margin {
	margin-top: 0px;
	margin-bottom: 10px;
}

hr.final-rejection-no-margin {
	margin-top: 1px;
	margin-bottom: 1px;
	border-color: #ebccd1;
}

th {
	white-space: nowrap;
}

th a:hover {
	text-decoration: none;
}
.bootstrap-tagsinput {
    width: 100%;
}

a.list-group-item {
	color: #111;
}

.form-control-static {
	padding-bottom: 0px;
}

.form-group {
	margin-top: 0px;
	margin-bottom: 5px;
}
.help-block {
	margin-top: 2px;
	margin-bottom: 3px;
}



.main_container {
	padding-top: 16px; padding-bottom: 10px; min-height: 500px;
	border-radius: 0px 0px 5px 5px;
	margin-top: -20px;
	min-height: 750px;
}

@media screen and (min-width: 769px) {
	#bg_image_div {
		min-width: 1200px; width: 100%; z-index: -1; bottom: 0px; right: 0px; position: fixed; overflow: hidden;
	}
	.navbar-margin {
		margin-right: 38px;
	}
}

@media screen and (max-width: 768px) {
	#bg_image_div {
		display: none;
	}
}


a.anchor {
	display: block; position: relative; top: -88px; visibility: hidden;
}

h6 {
	margin-top: 30px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #737373;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

.list-group-item.headline {
	background-color: #ccc;
	border-color: #ccc;
	font-weight: bold;
}

.form-control {
	/*color: #212363;*/
	color: #111;
}

.label-for-status {
	font-size: 14px; font-weight: normal; border-radius: 12px; padding-left: 12px;padding-right: 13px;
}

.btn-accordion-heading {
	padding: 0;
	border: 0;
	margin: 0;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #333;
}

@media screen and (min-width: 768px) {
	.output-label {
		text-align: right;
	}
	.main-div-min-height {
		min-height: 550px;
	}
}

.output-label {
	font-weight: bold;
}
.output {
	margin-top: 5px;
	margin-bottom: 10px;
}

.output-description {
	display: inline-block;
}

.text-upperline {
	border-top: 1px solid #ddd;
}

.alert-info-animated {
	background: #DAEDF7;
	animation: alertinfobgchanger 5s infinite;
}

@keyframes alertinfobgchanger {
  0% {background-color: #DAEDF7;}
  0% {border-color: #BCE8F1;}
  33% {border-color: #457DD7;}  
  50% {background-color: #CDE0EA;}
  66% {border-color: #FFFFFF;}  
  100% {background-color: #DAEDF7;}
  100% {border-color: #BCE8F1;}
}


@media print {
	#bg_image_div, #sidebar, #dev-mode-div, #footer-links-div, #inspector-back-button, .no-print {
		display: none;	
	}
	.active {
		background-color: #ddd;
	}	
}

.print-pagebreak { 
	page-break-after: always; /* page-break-after works, as well */ 
} 


.nav-tabs-li-mod {
	padding: 8px; 
	overflow: hidden; 
	text-overflow: ellipsis;
}

.dashboad-popup, .report-tps-popup {
	display: inline;
	max-width: 200px;
}
.programme-master-popup {
	max-width: 100px;
}
.catastrophe {
	background-color: #FF9595;
}

/* Spinner */
#ebacSpinner {
  border: 12px solid #2A2D7E; /* Dark blue */
  border-top: 12px solid #f3f3f3; /* Light grey */
  border-radius: 50%;
  width: 200px;
  height: 200px;
  animation: ebacSpinning 2s linear infinite;
  
  z-index: 1042; position: absolute;left: 0; right: 0; top: 0; bottom: 0; margin: auto;
  display: none;
}

@keyframes ebacSpinning {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* shorten the title on small screen */
@media only screen and (min-width: 1024px) {
	.screen-sm {
		display: none;
	} 
}
@media only screen and (max-width: 1023px) {
	.screen-lg {
		display: none;
	} 
}

dd {
	margin-bottom: 1em;
	margin-left: 1em;
}

.tagStyleShort {
	border-radius: 5px; 
	display: inline-block; 
	width: 10px; 
	height: 10px;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: -4px;
	box-shadow: 0 0 1px 1px #FFFFFF;
}
.tag-checkbox {
	border-radius: 10px;
	padding-left: 30px; 
	padding-right: 20px;
	margin-bottom: 8px; 
	font-size: 85%;
	font-weight: normal;
	height: 22px;
}
.tag-checkbox > label {
	font-weight: normal;
	line-height: 20px;
}
.em_checkbox_label {
	font-size: 95%;
	font-weight: normal;
	padding-left: 28px;
}
.include-untagged {
	background-color: white; 
	color: #333; 
	border: 1px solid #ccc; 
	border-radius: 3px;
	margin-bottom: 8px; 
	font-size: 85%;
	font-weight: normal;
	height: 22px;
	padding-left: 30px; 
	padding-right: 10px;
}
.include-untagged > label {
	font-weight: normal;
	line-height: 19px;
}

.fake-menu-entry {
	padding-left: 20px; 
	padding-right: 20px;
	white-space: nowrap;
}

.em-programme-list-view:hover {
	background-color: #fcfbfb;
}

.em-programme-list-view a:hover {
	text-decoration: none;
}

.em-narrow li a {
	padding-left: 3px; 
	padding-right: 3px;
}

.navigation-menu.disabled, .navigation-menu.disabled:hover, .navigation-menu.disabled:focus {
	background-color: #ddd;
	color: #444;
}

.rotated {
	display: inline-block;
	transform: rotate(90deg);
}

.r2label {
	font-size: 90%;
	border: 1px solid #D8534F;
	background-color: rgba(215, 82, 79 ,0.00);
	border-radius: 3px;
	color: #D8534F;
	display: inline-block;
	padding: 0 0.5em;
}

.emTotalRed  .btn-default {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}