body {
    font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 0px 50px 150px;
    font-size: 13px;
    text-align: justify;
    background: #E3CAA1;
    background: #ffffff;
    height:100%;
    overflow:scroll;
  }
  content{
        text-align: justify;
  
  }
  select:disabled {
      background-color: rgb(235, 235, 228);
      color: rgb(84,84,84);
  }
  .menu ul {
    text-align: left;
    display: inline;
    margin: 0;
    padding: 15px 4px 17px 0;
    list-style: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  }
  
  .menu ul li {
    font: bold 12px/18px sans-serif;
    display: inline-block;
    margin-right: -4px;
    position: relative;
    padding: 15px 20px;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
  }
  
  .menu ul li:hover {
    background: #555;
    color: #fff;
  }
  
  .menu ul li ul {
    padding: 0;
    position: absolute;
    top: 48px;
    left: 0;
    width: 150px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -transition: opacity 0.2s;
  }
  
  .menu ul li ul li { 
    background: #555; 
    display: block; 
    color: #fff;
    text-shadow: 0 -1px 0 #000;
  }
  
  .menu ul li ul li:hover { background: #666; }
  .menu ul li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  
  
  .user_details {
      position: absolute;
      right: 0px;
      padding: 10px;
  }
  
  .logo {
      display:inline-block;
      padding: 10px;
  }
  .site-banner {
      font-family: "Tahoma", Gadget, sans-serif;
      font-size: 350%;
      padding: 10px;
      text-align: center;
      display:inline-block;
      margin:auto;
      width:60%;	
      color: #2e3192;
      vertical-align: bottom;
  }
  .version {
      padding: 10px;
      text-align: right;
      display:inline-block;
      margin:auto;
      color: #2e3192;
      vertical-align: bottom;
  }
  
  .rapidssl {
      position: absolute;
      right: 0px;
      padding: 10px;
      text-align: right;
      display:inline-block;
      margin:auto;
      color: #2e3192;
      vertical-align: bottom;
  }
  
  .container {
          padding: 20px;
          text-align: justify;
          padding-top: 10px;
          width: 100%;
  
  }
  .pagination > li > a,
  .pagination > li > span {
      color: #9D9D9D; 
      background-color: #9D9D9D;
      border-color: #9D9D9D;
      
  }
  
  .pagination > .active > a,
  .pagination > .active > a:focus,
  .pagination > .active > a:hover,
  .pagination > .active > span,
  .pagination > .active > span:focus,
  .pagination > .active > span:hover {
      background-color: #333;
      border-color: #333;
  }
  
  .navbar-inverse {
      background-color: #2e3192;
      border-color: #080808;
  }
  
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
      background-color: #2e3192;
      color: #fff;
  }
  
  .rowhr{
      border-color:#848482;
      border-width: 1px 0 0;
      margin-bottom: 10px;
      margin-top: 10px;
      color:#fff;
  }
  .h1, .h2, .h3, h1, h2, h3 {
      margin-top: 10px;
      margin-bottom: 10px;
  }
  legend.scheduler-border {
      width:inherit; /* Or auto */
      padding:0 10px; /* To give a bit of padding on the left and right */
      border-bottom:none;
  margin-left: 10px;
  text-align: left;
  }
  
  legend{
  
  font-size: 15px;
  }
  .tab-content{
      padding-top: 20px;	
  }
   /*
  .has_tooltip{
      width:80%;
  }
   */
  textarea.has_tooltip{
      vertical-align: top; /* here */
  }
   /* Popover */
  .popover {
  }
  
  /* Popover Header */
  .popover-title {
      background-color: #2e3192;
      color: #FFFFFF;
  }
  
  /* Popover Body */
  .popover-content {
      padding: 5px;
  }
  
  /* Popover Arrow */
  .arrow {
  }
  .blue {
      color: #2e3192;
  }
  .red {
      color: red;
  }
  .green {
      color: green;
  }
  .orange {
      color: orange;
  }
  .lightred {
      color: OrangeRed;
  }
  .footer {
      background-color: #2e3192;
      text-align: center;
      color: white;
      bottom:-1;
  }
  .backgound-white{
      background-color: white;
  }
  .backgound-grey{
      background-color:  #ccc;
  }
  
  .tooltip_button{
      font-weight: bold; 
          font-size: 100%;
  
      cursor: help;
  }
  /*.pagination li > a, .pagination li > span{
      border-color: #2e3192;
  }*/
  
  .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
      background-color: #2e3192;
      border-color: #2e3192;
  }
  
  li.multiselect-selected a label {
          color: #2e3192;
      }
  button.multiselect dropdown-toggle{
      width:100%;
  }
  /*
  div.btn-group{
      width:80%;
  }
  }*/
  .audit_entry, .site_orders_expand{
      cursor:pointer;
      border-color: black;
  }
  .site_order_list{
      display:none;	
  }
  .input-group-addon {
      min-width:90px;
      text-align:left;
      font-weight: bold;
      color:black;
      background-color: white;
      border-color: #2e3192;
  }
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
      padding-left: 3px;
      padding-right: 3px;
      position: relative;
  }
  @media screen and (max-width: 767px) {
      .select2 {
          width: 100% !important;
      }
  }
  .modal-header-success {
      color:#fff;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: #5cb85c;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }
  .modal-header-warning {
      color:#fff;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: #f0ad4e;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }
  .modal-header-danger {
      color:#fff;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: #d9534f;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }
  .modal-header-info {
      color:#fff;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: #5bc0de;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }
  .modal-header-primary {
      color:#fff;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: #2e3192;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }
  .modal-header-puurchase-order {
      color:#2e3192;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: white;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }
  .dropdown-submenu {
      position: relative;
  }
  
  .dropdown-submenu>.dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -6px;
      margin-left: -1px;
      -webkit-border-radius: 0 6px 6px 6px;
      -moz-border-radius: 0 6px 6px;
      border-radius: 0 6px 6px 6px;
  }
  
  .dropdown-submenu:hover>.dropdown-menu {
      display: block;
  }
  
  .dropdown-submenu>a:after {
      display: block;
      content: " ";
      float: right;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 5px 0 5px 5px;
      border-left-color: #ccc;
      margin-top: 5px;
      margin-right: -10px;
  }
  
  .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;
      -webkit-border-radius: 6px 0 6px 6px;
      -moz-border-radius: 6px 0 6px 6px;
      border-radius: 6px 0 6px 6px;
  }
  .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
      background-color: lightgrey;
      border-color: grey;
  }
  .input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
    border-radius: 3px;
  }
  select.multiselect,
  select.multiselect + div.btn-group,
  select.multiselect + div.btn-group button.multiselect,
  select.multiselect + div.btn-group.open .multiselect-container{
      width:100% !important;
  }
  .password-age {
    display: inline-block;
    padding: 6px 12px;
    margin-right: 10px;
    border-radius: 3px;
    background: #f8f9fa;
}
    .text-danger {
        color: #dc3545;
        font-weight: bold;
    }
    .text-success {
        color: #28a745;
    }
    .text-warning {
        color: #ffc107;
    }
  /* Small devices (tablets, 768px and up) */
  .aligned-label-column{
      text-align: left;
  }
  @media (min-width: 992px) {
     .aligned-label-column{
        text-align: right !important;
    }
  }