body {
  padding-top: 5px;
  padding-bottom: 20px; }

/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px; }

h3 { color: #125f37;
     margin-top: 5px !important;
margin-bottom: 5px !important;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal; }

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
  max-width: 900px; }

/* MAIN MENU */
.site-header {
  margin-bottom: 5px; }
  .site-header img {
    height: 60px;
   
    }

ul.login-info {
  font-size: 12px;
  margin-right: 0px;
  list-style: none; }
  ul.login-info li {
    display: block;
    position: relative;
    float: left; }
  ul.login-info li:first-child {
    margin-right: 15px; }

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /*padding-top: 10px !important;*/
    padding-bottom: 0 !important; } }

#navbarCollapse .nav {
  border: 0;
  width: 100%; }

.nav > li > a:hover, .nav > li > a:focus {
  background-color: transparent; }

.navbar {
  margin-bottom: 10px !important; }
  .navbar .btn-primary {
    border-radius: 0; }

li.vMiddle {
  display: table-cell;
  vertical-align: middle;
  float: none; }

.btnSignOut {
  padding: 15px; }

@media (min-width: 768px) {
  .width-6th-part {
    width: 16.70% !important; }
  .width-7th-part {
    width: 14.33% !important; }
  .dropdown-menu-right {
    position: relative;
    float: right;
    clear: both;
    margin-bottom: -300px; } }

.navbar-collapse {
  max-height: none; }

.nav .open > a,
.nav .open > a:hover, .nav .open > a:focus {
  background-color: transparent; }

.nav .caret,
.nav a:hover .caret {
  border-top-color: white;
  border-bottom-color: white; }

.navbar-default {
  background-color: #428bca;
  border-color: #428bca; }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent; }

@media (min-width: 768px) {
  #navbarCollapse {
    padding: 0; }
  .main-menu > li {
    padding: 0; }
  .main-menu > li > a {
    display: block;
    color: #fff;
    width: 100%;
    height: 42px; }
  .main-menu > li > a:focus,
  .main-menu > li > a:hover {
    background-color: transparent;
    color: white;
    text-decoration: none; } }

@media (max-width: 767px) {
  #navbarCollapse {
    padding-left: 35px; }
  .open > .dropdown-menu {
    position: relative;
    min-height: 50px; }
  .nav > .open {
    height: auto; }
  .navbar-nav .open .dropdown-menu {
    position: relative;
    width: 100%;
    top: 5px; }
  .dropdown-menu > li > a {
    color: white; }
  .btnMainMenu {
    font-size: 16px;
    width: 100%;
    height: 40px;
    color: white; }
  .main-menu > li {
    padding: 0; }
  .main-menu > li > a {
    display: block;
    color: white;
    width: 100%;
    height: 100%;
    vertical-align: sub; }
  .main-menu > li > a:focus,
  .main-menu > li > a:hover {
    background-color: transparent;
    color: white;
    text-decoration: none; } }

.margin-bottom-10 { margin-bottom:10px; }
/*.main-menu {
  margin-top: 10px;
  margin-bottom: 10px; }
    */
.main-menu > .btnMainMenu > a {
  color: white !important;
  font-size: 16px;
}

.main-menu > li:hover {
  background-color: #184a7a;
}

/* END - MAIN MENU*/
.btn-site {
  color: #fff;
  background-color: #f93;
  border-color: #B56A24; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

div.round-border {
  border-color: lightgray;
  border-style: solid;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-width: 2px 1px 1px;
  padding: 10px; }

.col-centered {
  float: none;
  margin: 0 auto; }

.hide-420 {
    word-break:break-all !important;
}

/* UI Responsive Kendo Grid*/
@media (max-width: 1199px) {
  .hide-1200 {
    display: none !important;
    width: 0 !important; } }

@media (min-width: 1200px) {
  .show-1200 {
    display: none !important;
    width: 0 !important; } }

@media (max-width: 999px) {
  .hide-1000 {
    display: none !important;
    width: 0 !important; } }

@media (min-width: 1000px) {
  .show-1000 {
    display: none !important;
    width: 0 !important; } }

@media (max-width: 799px) {
  .hide-800 {
    display: none !important;
    width: 0 !important; } }

@media (min-width: 800px) {
  .show-800 {
    display: none !important;
    width: 0 !important; } }

@media (max-width: 600px) {
  .hide-600 {
    display: none !important;
    width: 0 !important; } }

@media (min-width: 601px) {
  .show-600 {
    display: none !important;
    width: 0 !important; } }

@media (max-width: 420px) {
  .hide-420 {

    display: none !important;
    width: 0 !important; } }

@media (min-width: 421px) {
  .show-420 {
    display: none !important;
    width: 0 !important; } }

.small-padding-bottom {
  margin-bottom: 10px; }

/* Styling for autocomplete/add above grid */
.site-container .toolbar label {
  display: none; }

.site-container .toolbar span.k-autocomplete {
  width: 100%; }
  .site-container .toolbar span.k-autocomplete input {
    max-width: none; }

/* Grid specific style*/
.site-grid thead tr th:nth-child(-n+4),
.site-grid tbody tr td:nth-child(-n+4) {
  width: auto; }

.site-grid .k-grid-header .k-header {
  background-color: lightgray;
  padding: 10px; }
  .site-grid .k-grid-header .k-header .k-link {
    color: #000;
    font-size: 1.1em;
    font-weight: 500; }

#siteChangePassword {
  width: 35em; }
  #siteChangePassword .k-widget.k-progressbar.k-progressbar-horizontal {
    width: 100%; }
  #siteChangePassword #changePasswordHeader h4 {
    text-align: center; }
  #siteChangePassword input {
    max-width: none; }

#siteLogin {
  width: 380px; }
  #siteLogin #loginHeader h4 {
    text-align: center; }
  #siteLogin input {
    max-width: none; }

ul.login-info {
  font-size: 12px;
  margin-right: 0px;
  list-style: none; }
  ul.login-info li {
    display: block;
    position: relative;
    float: left; }
  ul.login-info li:first-child {
    margin-right: 15px; }

  .red { color: darkred; }

  .commandColumn { max-width: 100px !important;}

  .description { display:block; margin-top:5px; margin-bottom: 15px; font-weight:600; color:#666666; font-size: 1.1em; word-break:break-all !important;  }
  .details-label { display:block; font-weight:300; font-size: 0.8em; }

  .btn-primary {
      background-color:#fff !important;
      color: #337ab7 !important;
  }
  .btn-danger {
      background-color:#fff !important;
      color: #cf3737 !important;
  }

  .k-state-selected {
      background-color:#000 !important;
      border-color:#000 !important;
  }

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

  .inputQty { width: 40px !important; }
.qtyCol { width: 110px; }

.not-active {
   pointer-events: none;
   cursor: default;
}

.extraInfo {text-wrap:none !important; word-break:keep-all;  display:block; font-size:11px; color:darkcyan;}

@media (min-width: 992px) {
  .modal-lg {
    width: 1200px; } }


 .k-dropdown, .k-datepicker { border:0px solid #fff !important;}