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

/* 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: 280px;*/
}

    input .form-control-small,
    select .form-control-small,
    textarea .form-control-small {
        max-width: 280px;
    }

.container {
    padding-left: 0 !important;
    padding-right: 0 !important; 
}

.innerPanel {
    padding-left: 0 !important;
    padding-right: 0 !important; 
}

.bookingCollectionTable tbody tr.success > td {
    color: #dff0d8 !important;
}

.bookingCollectionTable tbody tr.info > td {
    color: #dff0d8 !important;
}

.tbItems {
    background: white !important;
}

.bookingCollectionHead {
    font-weight: bold;
}

.GrayedOutIcon {
    opacity: 0.25;
}

.GrayedOut75 {
    opacity: 0.75;
}

.margin10 {
    margin-right: 10px;
}

.marginLeft40 {
    margin-left: 40px;
}

.margin40 {
    margin-right: 40px;
}

.borderless td, .borderless th {
    border: none !important;
    padding: 1px !important;
}

.breadcrumb .active {
    font-weight: bold;
}

.panel-success .panel-heading {
    font-weight: bold !important;
    color: white;
}

.alert-warning {
    color: black;
}


/*Vertical devider*/
.navbar .divider-vertical {
    height: 50px;
    margin: 0 9px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
    border-right-color: #222222;
    border-left-color: #111111;
}

@media (max-width: 767px) {
    .navbar-collapse .nav > .divider-vertical {
        display: none;
    }
}

.select2 {
    width: 100% !important;
}

.custom-combobox {
    position: relative;
    display: inline-block;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}

.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
}

.selectize-control{
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

.selectize-control .disabled{
    cursor: not-allowed;
    background-color: #eeeeee !important;
    opacity: 1 !important;
}

.cbWebBox {
    
    width:30px;
    height:30px;
    background:white !important;
    border-radius:5px;
    border:2px solid #eeeeee;
}

.headerInfoLabel {
    margin: 3px 0 0 9px;
}

.highlightDateRange {
    background-color: #E5F1F1;
}

.tbItemsClickable {
    cursor: pointer !important;
}


/* button colors*/
.btn-TimeEntry { 
  color: #ffffff; 
  background-color: #0050EF; 
  border-color: #020B69; 
} 

.label-TimeEntry { 
  background-color: #0050EF; 
} 
 
.btn-TimeEntry:hover, 
.btn-TimeEntry:focus, 
.btn-TimeEntry:active, 
.btn-TimeEntry.active, 
.open .dropdown-toggle.btn-TimeEntry { 
  color: #ffffff; 
  background-color: #24327A; 
  border-color: #020B69; 
  font-weight: bold;
} 
 
.btn-TimeEntry:active, 
.btn-TimeEntry.active, 
.open .dropdown-toggle.btn-TimeEntry { 
  background-image: none; 
} 

.btn-TimeEntry.disabled, 
.btn-TimeEntry[disabled], 
fieldset[disabled] .btn-TimeEntry, 
.btn-TimeEntry.disabled:hover, 
.btn-TimeEntry[disabled]:hover, 
fieldset[disabled] .btn-TimeEntry:hover, 
.btn-TimeEntry.disabled:focus, 
.btn-TimeEntry[disabled]:focus, 
fieldset[disabled] .btn-TimeEntry:focus, 
.btn-TimeEntry.disabled:active, 
.btn-TimeEntry[disabled]:active, 
fieldset[disabled] .btn-TimeEntry:active, 
.btn-TimeEntry.disabled.active, 
.btn-TimeEntry[disabled].active, 
fieldset[disabled] .btn-TimeEntry.active { 
  background-color: #0050EF; 
  border-color: #020B69; 
} 
 
.btn-TimeEntry .badge { 
  color: #0050EF; 
  background-color: #ffffff; 
}

.btn-OvertimeEntry { 
  color: #ffffff; 
  background-color: #16499A; 
  border-color: #206CBD; 
}


.label-OvertimeEntry {
    background-color: #09d9e8;
} 

.btn-OvertimeEntry:hover, 
.btn-OvertimeEntry:focus, 
.btn-OvertimeEntry:active, 
.btn-OvertimeEntry.active, 
.open .dropdown-toggle.btn-OvertimeEntry { 
  color: #ffffff; 
  background-color: #1073DE; 
  border-color: #206CBD; 
  font-weight: bold;
} 
 
.btn-OvertimeEntry:active, 
.btn-OvertimeEntry.active, 
.open .dropdown-toggle.btn-OvertimeEntry { 
  background-image: none; 
} 

.btn-OvertimeEntry.disabled, 
.btn-OvertimeEntry[disabled], 
fieldset[disabled] .btn-OvertimeEntry, 
.btn-OvertimeEntry.disabled:hover, 
.btn-OvertimeEntry[disabled]:hover, 
fieldset[disabled] .btn-OvertimeEntry:hover, 
.btn-OvertimeEntry.disabled:focus, 
.btn-OvertimeEntry[disabled]:focus, 
fieldset[disabled] .btn-OvertimeEntry:focus, 
.btn-OvertimeEntry.disabled:active, 
.btn-OvertimeEntry[disabled]:active, 
fieldset[disabled] .btn-OvertimeEntry:active, 
.btn-OvertimeEntry.disabled.active, 
.btn-OvertimeEntry[disabled].active, 
fieldset[disabled] .btn-OvertimeEntry.active { 
  background-color: #16499A; 
  border-color: #206CBD; 
} 
 
.btn-OvertimeEntry .badge { 
  color: #16499A; 
  background-color: #ffffff; 
}


.btn-DistanceEntry { 
  color: #ffffff; 
  background-color: #60A917; 
  border-color: #518F0A; 
} 

.label-DistanceEntry { 
  background-color: #60A917; 
} 
 
.btn-DistanceEntry:hover, 
.btn-DistanceEntry:focus, 
.btn-DistanceEntry:active, 
.btn-DistanceEntry.active, 
.open .dropdown-toggle.btn-DistanceEntry { 
  color: #ffffff; 
  background-color: #65993A; 
  border-color: #518F0A; 
  font-weight: bold;
} 
 
.btn-DistanceEntry:active, 
.btn-DistanceEntry.active, 
.open .dropdown-toggle.btn-DistanceEntry { 
  background-image: none; 
  font-weight: bold;
} 

 
.btn-DistanceEntry.disabled, 
.btn-DistanceEntry[disabled], 
fieldset[disabled] .btn-DistanceEntry, 
.btn-DistanceEntry.disabled:hover, 
.btn-DistanceEntry[disabled]:hover, 
fieldset[disabled] .btn-DistanceEntry:hover, 
.btn-DistanceEntry.disabled:focus, 
.btn-DistanceEntry[disabled]:focus, 
fieldset[disabled] .btn-DistanceEntry:focus, 
.btn-DistanceEntry.disabled:active, 
.btn-DistanceEntry[disabled]:active, 
fieldset[disabled] .btn-DistanceEntry:active, 
.btn-DistanceEntry.disabled.active, 
.btn-DistanceEntry[disabled].active, 
fieldset[disabled] .btn-DistanceEntry.active { 
  background-color: #60A917; 
  border-color: #518F0A; 
} 
 
.btn-DistanceEntry .badge { 
  color: #60A917; 
  background-color: #ffffff; 
}

.btn-ExpencesEntry { 
  color: #ffffff; 
  background-color: #F0A30A; 
  border-color: #BDA320; 
} 

.label-ExpencesEntry { 
  background-color: #F0A30A; 
} 
 
.btn-ExpencesEntry:hover, 
.btn-ExpencesEntry:focus, 
.btn-ExpencesEntry:active, 
.btn-ExpencesEntry.active, 
.open .dropdown-toggle.btn-ExpencesEntry { 
  color: #ffffff; 
  background-color: #DEA410; 
  border-color: #BDA320;
    font-weight: bold;
} 
 
.btn-ExpencesEntry:active, 
.btn-ExpencesEntry.active, 
.open .dropdown-toggle.btn-ExpencesEntry { 
  background-image: none; 
  font-weight: bold;
} 


 
.btn-ExpencesEntry.disabled, 
.btn-ExpencesEntry[disabled], 
fieldset[disabled] .btn-ExpencesEntry, 
.btn-ExpencesEntry.disabled:hover, 
.btn-ExpencesEntry[disabled]:hover, 
fieldset[disabled] .btn-ExpencesEntry:hover, 
.btn-ExpencesEntry.disabled:focus, 
.btn-ExpencesEntry[disabled]:focus, 
fieldset[disabled] .btn-ExpencesEntry:focus, 
.btn-ExpencesEntry.disabled:active, 
.btn-ExpencesEntry[disabled]:active, 
fieldset[disabled] .btn-ExpencesEntry:active, 
.btn-ExpencesEntry.disabled.active, 
.btn-ExpencesEntry[disabled].active, 
fieldset[disabled] .btn-ExpencesEntry.active { 
  background-color: #F0A30A; 
  border-color: #BDA320; 
} 
 
.btn-ExpencesEntry .badge { 
  color: #F0A30A; 
  background-color: #ffffff; 
}

.btn-TimeEntry.inactive,
.btn-OvertimeEntry.inactive,
.btn-DistanceEntry.inactive,
.btn-ExpencesEntry.inactive {
    opacity: 0.65; 
} 

.WhiteBold {
    font-weight: bold !important;
    color: white !important;
}

html {
    height: 100%;
}

body {
    height: 100%;
    overflow-x: hidden;
    padding-top: 50px;
}

.wrapper {
    min-height: 100%;
    margin-bottom: -60px;
    padding-bottom: 80px;
}

.footer {
    height: 60px;
    background-color: #222;
    color: #fff;
}

    .footer a {
        color: #fff;
        text-decoration: underline;
    }