/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(./../fonts/OpenSans-Regular.woff) format('woff'), url(./../fonts/OpenSans-Regular.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

html, body {
  overflow-x: hidden;
  font-family: 'Open Sans', sans-serif;
  font-size: 11pt;
  -ms-overflow-style: scrollbar;
  height: 100%;
}

a {
  text-decoration: none;
  font-weight: bold;
}

a:after {
  content: "\e164";
  display: inline-block;
  font-family: "Glyphicons Halflings";
  margin: 1px;
  font-size: 8px;
  vertical-align: super;
}

a.noicon:after, div#header a:after, div#navigation a:after, div#footer a:after, div.dataTables_wrapper a:after, a[role=button]:after, div.bootstrap-datetimepicker-widget a:after {
  content: none !important;
}

a.no-decoration {
  text-decoration:none !important;
}

div.noicon a:after, #status-monitor a:after {
  content: none !important;
}

div.alert {
  margin-top: 15px;
  font-weight: bold;
}

div#header {
  height: 250px;
  width: 100%;
  background: url(../img/50hertz_header.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

div#header-text {
  padding-left: 50px;
  margin-top: 50px;
}

div#header-text > h2 {
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 1;
}

div#header-text > h3 {
  color: #ffffff;
  line-height: 1;
  margin-top: 0px;
}

#header-logo .logo {
  padding-top: 5px;
  padding-bottom: 5px;
}

p {
  font-size: 11pt;
  color: #202020;
}

p.redfont {
  color: #ff0000;
}

p.author {
  font-size: 9pt;
  color: #adadad;
}

#header {
  padding-right: 0px;
}

#header-logo, #header .row {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  height: 100%;
}

#header-logo .panel-body, #header-logo .panel {
  padding: 0px 0px 0px 0px;
  margin-bottom: 0px;

  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.container-fluid {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -180px;
}

#loginForm {
  padding: 30px;
}

.login-box  {
  float: none;
  margin: 0 auto;

}

#main-container > .row > h3 {
  padding-left: 15px;
}

#page-headline {
  margin-top: 0px;
}

/* Super small devices */
div#header-text {
  margin-top: 0px;
  padding-left: 0px;
}

#header h2 {
  font-size: 30px;
}

#header h3 {
  font-size: 20px;
}

div#header {
  height: 180px;
}

#navigation {
  padding-left: 0px;
  padding-right: 0px;
  font-size: 11pt;
}

#navigation > .navbar {
  margin-bottom: 0px;
  border: 0px;
}

#collapsed-navigation {
  padding-left: 50px;
}

.navbar-toggle {
  width: 100%;
  float: none;
  margin: 0 auto;
  border-width: 0;
  border-radius: 0;
}

.navbar-default .navbar-nav > .active > a, ul.nav a:hover, .navbar-default .navbar-nav > li > a {
  /*height: 57px;*/
}

ul.nav-tabs > li > a:hover {
  color: white;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ffffff;
}

li#language-changer {
  padding-left: 15px !important;
  padding-top: 13px !important;
  padding-right: 15px !important;
  padding-bottom: 13px !important;
  height: 57px !important;
  white-space: nowrap;
}

.navbar .dropdown-menu {
  font-size: 11pt;
  padding-top: 0px;
  padding-bottom: 0px;
}

.navbar > #language-changer > a, .navbar-default .navbar-nav > li#language-changer.active > a {
  display: inline;
  background-color: #ffffff !important;
  color: #202020 !important;
  padding: 0px 0px 0px 0px;
}

#language-changer a {
  font-weight: normal;
}

div.gams-result {
  padding-top: 20px;
}

form#search-for-tender > div {
  margin-bottom: 10px;
}

form#search-for-tender div.input-group {
  width: 300px;
}

form#search-for-tender #submit-button {
  margin-left: 5px;
}

/*
#menu-login-form {
    padding-left: 0px;
    padding-right: 0px;
}
*/

#menu-login-div * {
  margin-left: 15px;
  margin-right: 15px;
}

#menu-login-div input {
  width: 200px;
}

.panel {
  margin-top: 15px;
}

#tab-panel {
  margin-top: 0px;
  border-top: 0px;
}

#status-left-box {
  padding-left: 0px;
  padding-right: 0px;
}

#status-right-box {
  padding-left: 0px;
  padding-right: 0px;
}

div#main-sidebar div.panel-body > div {
  padding-left: 0px;
  padding-right: 0px;
}

ul#mrl-table > div {
  padding-top: 10px;
  padding-bottom: 10px;
}

/*
.product-prl {
    border: 0px solid transparent;
    border-top-color: #9c27b0;
    border-top-width: 10px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
*/

.prl-container, .srl-container, .mrl-container, .sol-container, .snl-container, .prlnl-container, .news-container {
  border: 1px solid #E5E5E5;
  border-top: 0; /* Hide left border */
  position: relative; /* Keep :before contained */

  -webkit-border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.prl-container:before {
  display: block;
  content: ".";
  color: transparent;
  font-size: 0;
  border-top: 10px solid #9c27b0;
  height: 100%;
  position: relative;
}

.srl-container:before {
  display: block;
  content: ".";
  color: transparent;
  font-size: 0;
  border-top: 10px solid #673ab7;
  height: 100%;
  position: relative;
}

.mrl-container:before {
  display: block;
  content: ".";
  color: transparent;
  font-size: 0;
  border-top: 10px solid #5677fc;
  height: 100%;
  position: relative;
}

.sol-container:before {
  display: block;
  content: ".";
  color: transparent;
  font-size: 0;
  border-top: 10px solid #03a9f4;
  height: 100%;
  position: relative;
}

.snl-container:before {
  display: block;
  content: ".";
  color: transparent;
  font-size: 0;
  border-top: 10px solid #009688;
  height: 100%;
  position: relative;
}

.prlnl-container:before {
  display: block;
  content: ".";
  color: transparent;
  font-size: 0;
  border-top: 10px solid #8bc34a;
  height: 100%;
  position: relative;
}

.news-container:before {
  display: block;
  content: ".";
  color: transparent;
  font-size: 0;
  border-top: 10px solid #f53969;
  height: 100%;
  position: relative;
}

div.panel.panel-default.news-container {
  margin-bottom: 10px;
}

div.panel.panel-default.next-news-container {
  margin-bottom: 10px;
}

div#news-section {
  margin-bottom: 20px;
}

.padding-top {
  padding-top: 15px;
}

.padding-bottom {
  padding-bottom: 15px;
}

.padding-left {
  padding-left: 15px;
}

.margin-top {
  margin-top: 15px;
}

.margin-bottom {
  margin-bottom: 15px;
}

.no-margin-bottom {
  margin-bottom: 0px;
}

.no-margin-top {
  margin-top: 0px;
}

.no-padding-left {
  padding-left: 0px;
}

.no-padding-right {
  padding-right: 0px;
}

.display-none {
  display: none;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

h3 {
  margin-top: 20px;
}

.prl-container .panel-body, .prl-container .panel-body h1, .srl-container .panel-body, .srl-container .panel-body h1, .mrl-container .panel-body, .mrl-container .panel-body h1,
.sol-container .panel-body, .sol-container .panel-body h1, .snl-container .panel-body, .snl-container .panel-body h1, .prlnl-container .panel-body, .prlnl-container .panel-body h1 {
  margin-top: 0px;
  padding-top: 0px;
}

h2.prl {
  color: #9c27b0;
  margin-top: 10pt;
}

h2.srl {
  color: #673ab7;
  margin-top: 10pt;
}

h2.mrl {
  color: #5677fc;
  margin-top: 10pt;
}

h2.sol {
  color: #03a9f4;
  margin-top: 10pt;
}

h2.snl {
  color: #009688;
  margin-top: 10pt;
}

h2.prlnl {
  color: #8bc34a;
  margin-top: 10pt;
}

h2.prlnl span.lower {
  display: inline;
  color: #8bc34a;
  font-size: 16pt;
}

span.box-lightblue {
  border: 1px solid black;
  background-color: #B8E8FA;

  float: left;
  width: 12px;
  height: 12px;
  margin: 5px;

}

span.box-green {
  border: 1px solid black;
  background-color: #dff0d8;

  float: left;
  width: 12px;
  height: 12px;
  margin: 5px;

}

hr.half {
  margin-top: 10pt;
  margin-bottom: 10pt;
}

#footer {
  background-color: #112233;
  padding-top: 20px;
  padding-left: 50px;
  margin-top: 25px;
  height: auto;
  margin-left: -20px;
  margin-right: -20px;
}

#footer p, #footer a {
  color: #ffffff;
}

#footer .container {
  padding-top: 15px;
  margin-bottom: 15px;
}

#footer .version {
  color:#B8B8B8;
  font-size:12px;
  padding-right: 30px;
  text-align: right;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 1024px) {
  #footer {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    height: auto;
  }
}

#calendar-horizontal thead th {
  text-align: center;
  font-size: 18pt;
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid #E5E5E5;
/ / width : 200 px;
}

#calendar-horizontal thead th.product-category {
  font-size: 14pt;
}

#calendar-horizontal tbody th > .name {
  text-align: left;
  margin-left: 0px;
  float: left;
  clear: left;
  display: inline;
}

#calendar-horizontal tbody {
  background-color: #ffffff;
}

#calendar-horizontal tbody p {
  font-size: 16pt;
  margin: 0px auto;
}

#calendar-horizontal tbody th {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  border-top: 0px;
  border-bottom: 0px;
}

#calendar-horizontal tbody td {
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
  border-color: #E5E5E5;
  border-top: 0px;
  border-bottom: 0px;
  padding: 0px;
  padding-bottom: 10px;
  width: 100%;
}

#calendar-horizontal tbody td > div {
  margin-bottom: 5px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100%;
}

#calendar-horizontal tbody td > div:last-child {
  margin-bottom: 0px !important;
}

div.calendar .calendar-event {
  border: 1px solid #E5E5E5;
  border-left: 0; /* Hide left border */
  position: relative; /* Keep :before contained */
  text-align: center;
  padding-left: 5px;
/ / width : 150 px;
  margin: 0px auto;
}

div.calendar .calendar-event:before {
  display: block;
  content: ".";
  color: transparent;
  font-size: 0;
  position: absolute;
  left: 0;
  padding: 1px 0;
  top: -1px;
  bottom: -1px;
}

div.calendar .calendar-prl-event {
  background-color: #ebd4f0;
}

div.calendar .calendar-prl-event:before {
  border-left: 5px solid #9c27b0;
}

div.calendar .calendar-srl-event {
  background-color: #e2d8f1;
}

div.calendar .calendar-srl-event:before {
  border-left: 5px solid #673ab7;
}

div.calendar .calendar-mrl-event {
  background-color: #dde4fe;
}

div.calendar .calendar-mrl-event:before {
  border-left: 5px solid #5677fc;
}

div.calendar .calendar-sol-event {
  background-color: #cdeefd;
}

div.calendar .calendar-sol-event:before {
  border-left: 5px solid #03a9f4;
}

div.calendar .calendar-snl-event {
  background-color: #bbf1ed;
}

div.calendar .calendar-snl-event:before {
  border-left: 5px solid #009688;
}

div.calendar .calendar-prlnl-event {
  background-color: #e9f3db;
}

div.calendar .calendar-prlnl-event:before {
  border-left: 5px solid #8bc34a;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border: 1px solid transparent !important;
  background: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  border: 1px solid transparent !important;
  background: none !important;
  box-shadow: none !important;
}

.bootstrap-table .fixed-table-pagination .dropdown-menu {
  font-size: 16px;
}

.bootstrap-table .fixed-table-pagination .pagination-info {
  margin-right: 50px;
}

.bootstrap-table .fixed-table-pagination .dropdown-menu > .active > a {
  color: #112233 !important;
}

.bootstrap-table .fixed-table-body {
  overflow-x: initial !important;
  overflow-y: initial !important;
  overflow: visible;
}

.bootstrap-table div.pull-right.pagination > ul.pagination {
  margin-bottom: 0px;
}

div.dataTables_length {
  float: right !important;
}

table {
  word-wrap: break-word;
  margin-bottom: 10pt !important;
}

table th, table td {
  text-align: center;
}

.table-fixed {
  table-layout: fixed;
}

.table-bordered {
  border: 1px solid #ddd !important;
}

.table-hover > tbody > tr:hover, .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}

table.left-td td {
  text-align: left;
}

td.current-host {
  background: green !important;
}

.text-align-left {
  text-align: left;
}

.borderless td, .borderless th {
  border: none !important;
}

div#tender-table_length {
  float: right;
}

tr.even {
  background-color: #eeeeee !important;
}

tr.locked, tr.locked:hover, tr.locked td, tr.locked td:hover, tr.locked:hover td {
  background-color: #f2dede !important;
}

tr.decoupled {
  background-color: #B8E8FA !important;
}

tr.test {
  background-color: #dff0d8 !important;
}

tr.notsaved {
  background-color: #dff0d8;
}

button.btn-xs {
  color: #ffffff;
  background-color: #112233;
  border-color: #cccccc;
}

button.btn-xs-info {
  color: #000 !important;
  background-color: #5bc0de !important;
  border-color: #46b8da !important;
}

button.btn-xs-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

button.btn-modal {
  width: 150px;
}

.btn-standard {
  width: 150px;
}

.circle {
  height: 30px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
  border-radius: 75px;
  width: 30px;
  color: #ffffff;
  display: inline-block;
  float: left;
  font-weight: normal;
  margin-left: 0px;
  text-align: center;
}

.circle-prl {
  background-color: #9c27b0;
}

.circle-srl {
  background-color: #673ab7;
}

.circle-mrl {
  background-color: #5677fc;
}

.circle-sol {
  background-color: #03a9f4;
}

.circle-snl {
  background-color: #009688;
}

.circle-prlnl {
  background-color: #8bc34a;
}

#horizontalPager {
  margin-left: 25px;
}

div.pager .navigate_link, div.pager .navigate_link {
  background-color: #ffffff !important;
  color: #35506c !important;
  margin-top: 0px;
}

div.pager > .form-inline {
  display: inline;
}

div.pager > .form-inline span.input-group-addon {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.this-month, .this-month:focus {
  background-color: #ffffff !important;
  color: #35506c !important;
  border-color: #cccccc !important;

  display: inline;
  outline: none;
}

div#calendar-vertical table {
  table-layout: fixed;
  border-bottom-color: #E5E5E5;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

div#calendar-vertical table thead th {
  text-align: center;

  background-color: #ffffff !important;
  border: 1px solid #E5E5E5;
}

div#calendar-vertical table tbody td, div#calendar-vertical table tbody th {
  border-left: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #E5E5E5;
  border-top: 0px;
  padding: 0px;
  padding-bottom: 5px;
  padding-top: 5px;
  width: 100%;
  text-align: center;
}

div#calendar-vertical table tbody .calendar-events {
  height: 100%;
  padding-bottom: 0px;
  padding-top: 0px;
}

div#calendar-vertical table tbody tr:hover {
  background-color: #f5f5f5;
}

div#calendar-vertical table tbody .calendar-events p {
  padding-left: 15px;
  margin-bottom: 0px;
  text-align: left;
}

div#calendar-vertical table thead th:first-child {
  width: 70px;
}

div.calendar table .weekday {
  display: inline;
  margin-left: 5px;
  font-size: 12px;
}

div.headline-calendar {
  display: inline;
  padding-top: 26.667px;
  padding-bottom: 26.667px;
}

h3.headline-calendar {
  display: inline;
}

div.pager #left-pager {
  text-align: left;
}

div#left-pager > div {
  padding-left: 0px;
  padding-right: 0px;
}

div.pager #right-pager {
  text-align: right;
}

.no-bottom-margin {
  margin-bottom: 0px;
}

.arrow-toggle .icon-arrow-down,
.arrow-toggle.collapsed .icon-arrow-up {
  display: inline-block;
}

.arrow-toggle.collapsed .icon-arrow-down,
.arrow-toggle .icon-arrow-up {
  display: none;
}

/* Status-Monitor */
#status-monitor th.status {
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  vertical-align: top;
}

#status-monitor div.status-finish {
  width: 100%;
  height: 20px;
  background-color: #dff0d8;
  border-bottom: 1px solid #dfdfdf;
}

td.status-finish {
  background-color: #dff0d8;
}

#status-monitor div.status-error {
  width: 100%;
  height: 20px;
  background-color: #f2dede;
  border-bottom: 1px solid #dfdfdf;
}

#status-monitor th, #status-monitor td {
  vertical-align: middle;
}

#status-monitor div.alert.alert-danger {
  margin-bottom: 5px;
}

td.status-error {
  background-color: #f2dede;
}

span.file-note {
  cursor: help;
}

tr.status-inactive, tr.status-inactive > td, tr.status-inactive > th {
  background-color: #F0F0F0 !important;
}

#status-monitor div.status-pending {
  width: 100%;
  height: 20px;
  background-color: #fcf8e3;
  border-bottom: 1px solid #dfdfdf;
}

td.status-pending {
  background-color: #fcf8e3;
}

/* Center Form Placeholder */
::-webkit-input-placeholder {
  text-align: center;
}

:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
}

::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
}

:-ms-input-placeholder {
  text-align: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px ) {

  #header h2 {
    font-size: 47px;
  }

  #header h3 {
    font-size: 18px;
  }

  div#header {
    height: 200px;
  }

  div#header-text {
    margin-top: 18px;
    padding-left: 0px;
  }

  #header-logo > .panel {
    width: 425px;
    margin-top: 45px;
  }

  .circle {
    margin-left: 0px;
  }

  #calendar-horizontal tbody th > .name {
    margin-left: 0px;
    float: none;
    clear: none;
  }

  .small-overflow-x div.dataTables_scrollBody {
    overflow-x: hidden !important;
  }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #header h2 {
    font-size: 50px;
  }

  #header h3 {
    font-size: 20px;
  }

  div#header {
    height: 200px;
  }

  div#header-text {
    margin-top: 50px;
    padding-left: 50px;
  }

  #header-logo > .panel {
    width: 425px;
    margin-top: 45px;
  }

  #main > .row {
    margin-left: 20px;
  }

  .circle {
    margin-left: 20px;
  }

  #calendar-horizontal tbody th > .name {
    margin-left: 10px;
    float: none;
    clear: none;
  }

  .small-overflow-x div.dataTables_scrollBody {
    overflow-x: hidden !important;
  }

}

.bootstrap-datetimepicker-widget {
  background-color: #ffffff;
}

div#datetimepicker {
  width: 45px;
  display: inline-table;
}

div#datetimepicker .input-group-addon {
  vertical-align: baseline;
  padding: 0px;
  border: 0px;
}

/* Collapse Navbar */
@media (max-width: 980px) {
  .navbar-header {
    float: none;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
  }

  .navbar-nav > li {
    float: none;
  }

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

  .navbar-text {
    float: none;
    margin: 15px 0;
  }

  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .collapsing {
    overflow: hidden !important;
  }
}

/* Fixing greyed out modal */
div.modal div.modal-backdrop {
  z-index: -1;
}

/* */
/*  Bootstrap Clearfix */
/* */
.clearfix {
  clear: left !important;
}

/* */
/*  //Bootstrap Clearfix */
/* */

/* SPINNING ICON - <span class="glyphicon glyphicon-refresh spinning"></span> */
.glyphicon.spinning {
  animation: spin 1s infinite linear;
  -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}

@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

.glyphicon-refresh.spinning {
  transform-origin: 50% 44%;
  margin-right: 8px;
  top: 2px;
}

#dev-message-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  z-index: 999;
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
  padding-top: 5px;
  padding-bottom: 5px;
}

.has-error-checkbox {
  border-color: #b94a48;
  outline: 1px solid #b94a48;
}

.has-warning-background {
  background-color: #b9b25d;
}

.number-column {
  text-align: right;
}

#header-logo-50hertz img{
  max-height: 43px;
}