/*** MAIN COLORS ***/

 .ostrava-main-colors {
     color: #ffffff;
     color: #00add0;
     color: #003c69;
 }

/*** HEADER ***/

/* header background */
.ssn-style-0 #header {
  background-image: url('../img/miner-with-carts.png');
  background-repeat: no-repeat;
  background-position: 70% center;
  background-color: #ffffff !important;
  border-bottom: 4px solid #003c69 !important;
  height: 109px;
}

/* header background - mobile */
.ssn-style-0.mobile-view-activated #header {
  background-image: none;
}

#main {
  padding-bottom: 240px;
}

/* header logo margin */
#logo {
  margin: 47px 0px 0px 33px;
}

/* header logo size */
#logo img {
  width: 567px;
}

/* search field position - desktop */
.ssn-style-0 #header .header-search {
  position: absolute;
  right: 17px;
  top: 118px;
  width: 350px;
}

/* search field position - mobile */
.ssn-style-0.mobile-view-activated #header .header-search {
  display: block;
  position: relative;
  top: 0px;
  right: 5px;
}

/* search button */
.ssn-style-0.mobile-view-activated #header .header-search button {
  height: 29px;
}

/* search button color */
.ssn-style-0 #header .header-search > button {
  color: #ffffff;
  background-color: #003c69;
}

#hide-menu > *:first-child > a, .btn-header a {
  height: 30px !important;
  margin-top: 9px !important;
}

#hide-menu > *:first-child > a, .btn-header a i {
  line-height: 27px !important;
}

/* search and menu button color - mobile */
/*.btn-header > *:first-child > a, #hide-menu i {
  color: #003c69;
}*/

/*** FOOTER ***/

/* footer background */
.ssn-style-0 .page-footer, .ssn-style-0 .superbox-show {
  background-image: none;
  background-color: #00add0 !important;
}

footer .btn {
  margin-left: 5px;
}

/*** TOP MENU ***/

/* top menu padding */
#left-panel {
  padding-top: 109px;
}

/* top menu height - mobile */
.menu-on-top aside#left-panel nav {
  height: auto !important;
}

/* top menu background color */
.ssn-style-0.menu-on-top aside {
    background: #00add0;
}

/* top menu text size */
.menu-on-top .menu-item-parent {
    font-size: 10px;
}

/* top menu icons color */
nav ul li a {
    color: #ffffff;
}

/* top menu icons "active" color */
.ssn-style-0 nav ul li.open > a b, .menu-on-top nav > ul > li.active > a, .menu-on-top nav > ul > li.active {
    color: #003c69 !important;
    background-image: none;
}

/* top menu icons "hover" color */
.ssn-style-0 aside#left-panel nav > ul > li:hover > a {
    color: #003c69 !important;
    border-left-color: transparent;
    border-right-color: transparent;
}

/* top menu icons border */
.ssn-style-0 aside#left-panel nav > ul > li {
    border: none;
}

/* top menu icons hover background color */
.menu-on-top aside#left-panel nav > ul > li:hover {
    background: transparent;
}

/* top menu icons focus text color */
nav ul li a:focus {
    color: #003c69;
    font-weight: bold;
}

/* top menu icons active background color */
nav ul li a:active {
    background: transparent !important;
}

/* top menu border */
.menu-on-top aside#left-panel {
    border-bottom: none;
}

/*** JARVISWIDGET ***/

.jarviswidget .widget-body {
  min-height: 50px;
}

.jarviswidget header h2 {
  margin-left: 14px;
}

/*.jarviswidget > header {
    background: #00add0 none repeat scroll 0 0;
    color: #ffffff;
}

.jarviswidget-ctrls a {
    color: #ffffff;
}

.jarviswidget-ctrls .button-icon {
    color: #ffffff;
}*/

/*** LOGIN FORM ***/

.loginContainer {
    max-width: 650px;
    padding-top: 60px !important;
}

/*** CALENDAR ***/

.ui-calendar {
  width: 100%;
}

/*** FORM OUTPUT ***/

.output .label {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
}

.output .value {
  color: #000000;
}

/*** TABLE ***/

sa-datatable .dt-toolbar.none{
  display: none;
}

sa-datatable .dt-toolbar-footer.none{
  display: none;
}

sa-datatable .dt-toolbar input{
  margin-right: 15px;
}

sa-datatable .dt-toolbar .datatable-checkbox {
  display: inline-block;
}

sa-datatable .dt-toolbar .datatable-checkbox input{
  width: initial;
  margin: 10px 11px 4px 0;
}

sa-datatable .dt-toolbar .datatable-checkbox label{
  margin-top: 7px;
}

/*** SMART-FORM ***/
.smart-form > fieldset {
  padding: 14px;
}

.smart-form > fieldset.border-full {
  border: 1px solid #ccc;
}

.smart-form > fieldset.border-topless {
  border: 1px solid #ccc;
  border-top: none;
}

.smart-form > fieldset.border-sides {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.smart-form > footer.border-topless {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.smart-form label, .smart-form .label {
  color: #000000;
}

/*** WIZARDS ***/
.fuelux .wizard ul li.active {
  color: #003c69;
}

.fuelux .wizard ul li.active .badge {
  background-color: #003c69;
}

.fuelux .wizard ul li.border {
  border-right: 1px solid #d4d4d4;
}

.wizard-content {
  padding: 20px 14px 10px;
}

.wizard-content .well {
  padding: 14px;
}

/*** SMALL-BOX ***/

#divSmallBoxes {
  margin-top: 22px;
}

#divSmallBoxes p{
  margin-right: 15px;
}

/* FULL WIDTH 5 COLUMNS LAYOUT */

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}