﻿/*body {
    font: 15px 'Open Sans', Segoe UI, Arial, sans-serif;
}*/

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
.ui-autocomplete {
z-index:10001 !important
}

/*.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}*/

.home-info {
    padding: 25px;
}

.field-spacer {
    margin-top: 10px !important;
}

.dropdown-menu > li > form > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.navbar-inverse {
    background-color: #0066cc;
    border-color: #0066cc;
}
.navbar-inverse .navbar-brand {
    color: #eee;
    height: 50px;
    padding: 10px 15px;
    min-height: 62px;
}
.navbar-inverse .navbar-toggle {
    background-color: #222;
}
.navbar-inverse .navbar-nav > li > a {
  color: #eee;
}

 /*3rd level navigation*/ 
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
.dropdown-submenu li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.dropdown-submenu > a > .fa {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 5px;
}

#menu .navbar-default {
    background-color: #eee;
    border-top: solid 3px #ddd;
}

#menu .navbar-nav > li > a {
    text-transform: uppercase;
    font-weight: bold;
}

@media (min-width: 768px) {
    .navbar-inverse .navbar-nav > li a {
        padding-top: 0px;
        padding-bottom: 0px;
        min-height: 62px;
        line-height: 62px;
    }

    .navbar-inverse .navbar-nav > li a.role {
        margin-top: 10px;
        margin-bottom: 10px;
        min-height: inherit;
        height: 42px;
        line-height: 42px;
        border: solid 1px #bbb;
    }

    #menu .navbar-default {
        padding-left: 15px;
        padding-right: 15px;
    }
    #menu .navbar-nav + .navbar-nav {
        margin-left: 25px;
    } 
    #menu .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        color: #fff;
        background-color: #5bc0de;
        border: 1px solid #46b8da;
        border-radius: 4px;
        margin-right: 10px;
    }
    #menu .navbar-nav.navbar-right > li > a:first-child {
        margin-left: 10px;
    }
    #menu .navbar-nav > li > a:first-child {
        margin-left: 0px;
    }

    #menu .navbar-nav > li > a.btn-info {
        color: #fff;
        background-color: #5bc0de;
        border-color: #46b8da;
        margin-right: 10px;
    }
    #menu .navbar-nav > li > a:hover,
    #menu .navbar-nav > li > a.btn-info:hover,
    #menu .navbar-nav > li > a.btn-info:focus,
    #menu .navbar-nav > li > a.btn-info:active,
    #menu .navbar-nav > li > a.btn-info.active {
      color: #fff;
      background-color: #31b0d5;
      border-color: #269abc;
    }
    
    #menu .navbar-nav > li > a.btn-warning {
      color: #fff;
      background-color: #f0ad4e;
      border-color: #eea236;
      margin-right: 10px;
    }
    #menu .navbar-nav > li > a.btn-warning:hover,
    #menu .navbar-nav > li > a.btn-warning:focus,
    #menu .navbar-nav > li > a.btn-warning:active,
    #menu .navbar-nav > li > a.btn-warning.active {
      color: #fff;
      background-color: #ec971f;
      border-color: #d58512;
    }

    #menu .navbar-nav > li > a.btn-success {
        color: #fff;
        background-color: #5cb85c;
        border-color: #4cae4c;
    }
    #menu .navbar-nav > li > a.btn-success:hover,
    #menu .navbar-nav > li > a.btn-success:focus,
    #menu .navbar-nav > li > a.btn-success:active,
    #menu .navbar-nav > li > a.btn-success.active {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    #menu .navbar-nav > li > a.btn-default {
      color: #333;
      background-color: #fff;
      border-color: #ccc;
    }
    #menu .navbar-nav > li > a.btn-default:hover,
    #menu .navbar-nav > li > a.btn-default:focus,
    #menu .navbar-nav > li > a.btn-default:active,
    #menu .navbar-nav > li > a.btn-default.active {
      color: #333;
      background-color: #e6e6e6;
      border-color: #adadad;
    }

    #menu .navbar-nav > li > form {
        display: inline;
    }
    #menu .navbar-nav > li > form > .btn {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}
@media (max-width: 767px) {
    #menu .navbar-default {
        background-color: #f8f8f8;
    }
    #menu .navbar-nav {
        border-top: 1px solid #ddd;
    }
    #menu .navbar-default .navbar-nav:first-child {
        border-top: 0px;
    }
    #menu .navbar-nav > li > a,
    #menu .navbar-nav > li > form > .btn {
        color: #777;
        background-color: transparent;
        border: 0px;
        text-align: left;
    }
    .navbar-inverse .navbar-nav > li a.role {
        border-radius: 0px;
    }
    .navbar-nav {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .navbar-nav > li > a {
        border-top: 1px solid #2799fd;
    }
    /*.navbar-nav .open .dropdown-menu > li > a {
        color: white !important;
    }*/
    .navbar-nav .open .dropdown-menu > li:hover > a,
    .navbar-nav .open .dropdown-menu > li:focus > a {
        font-weight: bold;
    }
    .dropdown-header {
      color: #eee;
    }
}

/********************************************************/
/*                ===   PAGE HEADER   ===               */
/********************************************************/
/* page-header: start */

.jumbotron,
.page-header {
    margin-bottom: 0px;
}

.jumbotron.bg-warning {
  background-color: #fcf8e3;
}

.jumbotron.bg-info {
    background-color: rgba(188, 232, 241, 0.6);
}

.jumbotron h1,
.jumbotron .h1 {
    margin-top: 0px;
}

.page-header {
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 15px;
    background-color: #eee;
}

.jumbotron p + p {
    font-size: inherit;
}

.jumbotron-side {
    padding: 25px;
    margin: 0;
}

.jumbotron-side h2 {
    font-size: 1.5em;
}

@media screen and (min-width: 768px) {
  .jumbotron h2,
  .jumbotron .h2 {
    font-size: 43px;
  }

  .jumbotron-side h2 {
    margin-top: 0;
    font-size: 2em;
}
  
}

/* page-header: end */
/********************************************************/

.progress {
    margin-top: 35px;
    margin-bottom: 35px;
}

.table {
    background-color: white;
}
.table tr.alt > td {
    background-color: #f9f9f9;
}

.checkbox.checkbox-indent {
    padding-left: 20px;
}

.btn-icon-popover {
    font-size: 14px;
}

.form-group .btn-icon-popover {
    padding-left: 8px;
}
.form-group .btn-icon-popover + .required {
    position: relative;
    right: 19px;
}
.form-group [class*="col-"] .btn-icon-popover + .required {
    position: absolute;
    right: 29px;
}

@media (min-width: 768px) {
    .popover {
        min-width: 400px;
    }
}

.form-apply .form-group {
    margin-bottom: 25px;
}

.form-vertical .form-group > label,
.form-group + .form-group > label,
.form-group + .form-group-container .form-group > label {
    margin-top: 15px;
}

.form-inline .form-group + .form-group > label,
.form-horizontal .form-group + .form-group > label {
    margin-top: 0px;
}

.pad-t {
    padding-top: 15px;
}
.pad-b {
    padding-bottom: 15px !important;
}
.pad-r {
    padding-right: 20px;
}

/*.form-horizontal .help-block + input[type='text'] {
  margin-top: -5px;
}*/

form .help-block {
    margin-top: 0px;
}
.form-horizontal .help-block {
    margin-top: 5px;
}

.form-horizontal .control-label {
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
      margin-top: -5px;
  }
}