/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
 

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
 

/*
 * Sidebar
 */

/* Hide for mobile, show later */
 
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top:0px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}


/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}
body {
   background-color: #fff;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.center{
  display: table;
  margin: auto;
}
.circle{
  border-radius: 50%;
  border: 10px solid #ddd;
  height: 200px;
  width: 200px;
  text-align: center;
  padding-top: 30px;
  margin-right: 30px;
}
 

.form-group input[type=number]{
   padding: 12px;
  font-size: 16px;
}
input.currency{
  width: 220px !important;
}
.sidebar{
  background: #000;
}
.navbar-fixed-top{
   background: #000;
}

.nav-sidebar li{
   text-align: center;
   margin: 10px 0 20px;
}
.event-form input[type=checkbox]{
  width: 15px;
  height: 15px;
}
.checkboxes label{
  margin-right: 20px;
}
 
ul.comments{
  padding: 0px;
  margin: 0px;
  list-style: none;
  margin-bottom: 30px;
  background: #fff;
   overflow-y:scroll;
}
ul.comments li{
  padding-left: 20px;
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #aaa;
  }
  ul.comments span.label{
    font-size: 14px;
    font-weight: lighter;
   }
.slicknav_menu li a{
     padding: 10px;
     text-align: center;
     margin: 20px 0
   }
@media (min-width: 768px){

  .modal-dialog {width: 800px;}


  .modal-body  ul li{
    margin: 10px 0;
    list-style: none;
  }
  .modal-body  ul li input[type=checkbox]{
    margin-right: 8px;
    width: 20px;
    height: 20px;
  }

  .half{
    width: 48%;
  }
  .form-group input[type=text], textarea,input[type=date], select{
    padding: 12px 10px;
    font-size: 16px;
    width: 400px;
  }
  .nav-tabs.nav-justified{
    display: table-cell;
    width: auto;
    width: 400px\0; 
  }
    select.ui-timepicker-select{
      width: 118px;
      clear: both;
    }
}
input[type=text].sm{
    width: 110px;
    padding: 10px 8px;
    clear: both;
  }
.modal-body,.modal-header{
  overflow: hidden;
}
label {
  display: inline;
  max-width: auto;
  margin-bottom: 0px;
  font-weight: normal;
}
.event-form label,.contract-form label{
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
 }
 form#disabled input{
  background: none;
  border: 0px;
  font-size: 18px;
  border-bottom: 1px solid #aaa;
  padding: 0px;
  text-align: left;
  }
 form#disabled input[type=radio],
 form#disabled input[type=file],
 form#disabled .input-group-addon{
  display: none;
 }
 #cutoff_date{
  background: none;
  border: 0px;
   padding: 5px;
}
.form-group.bordered{
  border: 1px dashed #211;
  padding: 10px;
}
textarea#comment-text{
  width: 100% !important;
}

.event-form .form-group.pull-left{
  margin-right: 15px;
}
.input-group-addon.md{
  width: 150px;
}
select{
  background: #fff;
  padding: 12px 10px;
}
.event-form.noaccess .form-group, #contract-client .form-group {
  border: 1px solid #ccc;
  padding: 5px 10px;
}
.event-form.noaccess .btn-xs, .event-form.blocked .btn-xs {
  display: none;
}
.event-form.noaccess .input-group-addon, #contract-client label{ 
  border: none;
  font-weight: bold;
  text-align: left;

} 
#contract-client label{
  display: block;
  clear: both;
}
.support-txt{
  float: right;

}
.slicknav_nav > li >a{
 color: #428bca !important;
}
.only-mobile{
  display: none;
}
select.small{
  width: 100px;
  font-size: 16px;
}

input[type=text].md{
  width: 250px;
}
.hide{
  display: none;
}
.topbar{
  background: #000;
}
.slicknav_menu{
  background: #000;
}

/*Responsive Css*/
@media screen and (max-width: 800px){
   .nomobile{
    display: none !important;
   }
 
 
   .slicknav_nav a{
    padding: 15px 10px;
   }
   .only-mobile{
    display: block;
   }
   .pull-left{
    float: none !important;
   }
  .form-group input[type=text], textarea,input[type=date],input[type=time], select{
    padding: 12px 10px;
    font-size: 16px;
    width:100%;
  }
  .support-txt{
     clear: both;
  margin-bottom: 30px;
  }
  .nav-justified{
    font-size: 18px;
  }
   modal-body ul label{
     margin: 10px 0;
  }
  .ui-timepicker-div dl dd{
    margin-bottom: 20px !important;
  }
  .ui-slider .ui-slider-handle{
    width: 1.8em;
    height: 1.4em;
  }
}
@media screen and (max-width: 800px){
    .modal-body ul li{
      list-style: none;
      font-size: 14px;  
      margin: 10px 0; 
    }
    .modal-body ul li input{
      width: 20px;
      height: 20px;
      margin-right: 5px;
    }
    modal-body ul label{
       margin: 10px 0;
    }

}
@media screen and (max-width: 500px){

    span.name{
      width:52px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow:ellipsis;
      display: block;
    }
    .ui-timepicker-wrapper{
      width: 15em !important;
    }
}
.col-lg-10{
  background: #eee;
  padding: 0 30px;
}
.page-header{
  margin-top: 0px;
  padding-top: 40px;
}
.black{
  background: #000;
}
.ui-timepicker-wrapper{
   width: 8em ;
}
input:readonly{
  background: #fff;
  border:1px solid #999;
}