.skin-black .main-header>.logo:hover {
	background-color: #680505;
}
.skin-black .main-header .navbar {
	background-color: white;
}
.skin-black .main-header>.logo {
	background-color: white;
}
.skin-black .main-header .navbar>.sidebar-toggle {
	border-right: 1px solid #ffffff;
	color: #680505;
}
.skin-black .main-header .navbar>.sidebar-toggle:hover{
	background:#680505;
	border-right: 1px solid #d2d6de;
	color: white;
}
.navbar-custom-menu>.navbar-nav>li {
	color: white;
}
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a, .skin-black .main-header .navbar .navbar-right>li>a {
	border-left: 1px solid #ffffff;
	border-right-width: 0;
	color: #680505;
}
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a:hover, .skin-black .main-header .navbar .navbar-right>li>a:hover{
	border-left: 1px solid #ffffff;
	border-right-width: 0;
	color: white;
	background: #680505;
}
.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {
	background-color: #680505;
}
.skin-black .sidebar-menu>li.header {
	color: white;
	background: #330606;
}
.skin-black .sidebar-menu>li:hover>a, .skin-black .sidebar-menu>li.active>a, .skin-black .sidebar-menu>li.menu-open>a {
	color: #fff;
	background: #a21d1d;
}
.skin-black .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #330606;
}


.progress-bar{
	background: #af0707;
}
div.tree-multiselect div.title {
    background: #ffffff;
    color: #333333;
    padding: 5px;
    border: solid 2px #af0707;
}
div.tree-multiselect span.remove-selected, div.tree-multiselect span.description {
    background: #ffffff;
    color: black;
}
div.tree-multiselect>div.selected>div.item {
    background: #ffffff;
    color: #333333;
    border: solid 2px #af0707;
}
div.tree-multiselect .auxiliary input.search {
    margin-bottom: 10px;
    width: 100%;
}
div.tree-multiselect {
    border: 0px solid #af0707;
    display: block;
	max-height: 225px;
    overflow-y: auto;
}
.filter-header{
    background-color: black !important;
}
.graphTable{
	table-layout: fixed;
	width: 80%;
}
.freetimeLabel{
	width: 100%;
    height: 14px;
    background: #000000;
}
.freeSlot{
    background: #000000;
    height: 14px;
}
.breakSlot{
    background: #0faf07;
    height: 14px;
}
.taskSlot{
    background: #af0707;
    height: 14px;
}
#printData_DIV >  .box-border,#printData_DIV2 >  .box-border {
	border: 2px groove #af0707;
	padding-bottom: 10px;
	margin-top:10px;
	margin-bottom:10px;
}
.rgover {
    font-size: small;
    font-weight: normal;
}


/* range slider */
.slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 28px;
    background: #ffffff;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 28px;
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 28px;
    background: #4CAF50;
    cursor: pointer;
}
/* end range slider */

.calculatorheading{
    text-align: center;
		font-size: 17px;
		font-family: arial;
		font-weight: bold;
}
.linesinner{
    font-weight: normal;
}

.table-striped-custom .even{
	background: #f9f9f9;
}



input[type=range]::-ms-track {
    width: 300px;
    height: 5px;

    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;

    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: green;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}
.myFormFileInput{
	margin-top: 10px;
  margin-bottom: 10px;
}
.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #dd4b39;
}
tr.group,
tr.group:hover {
    background-color: #ddd !important;
}
.borderWarnnig{
	border-color: #f39c12 !important;
}
.borderSuccess{
	border-color: #00a65a !important;
}
.borderPrimary{
	border-color: #3c8dbc !important;
}
.slothead{
	min-width: 120px !important;
	background: #eee;
	max-width: 60px;
	border: 1px solid black;
}
.container_timeline_table {
  height:400px;
  width:100%;
  overflow: hidden;
}

.datatable2 {
  position: relative;
  border-collapse: collapse;
table-layout: fixed;
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
}


/*thead*/
.datatable2 thead {
  position: relative;
  display: block; /*seperates the header from the body allowing it to be positioned*/
}

.datatable2 thead th {
  min-width: 120px;
}

.datatable2 thead th:nth-child(1) {/*first cell in the header*/
  position: relative;
	border-right:  1px solid black;
	background: white;
}


/*tbody*/
.datatable2 tbody {
  flex: 1;
  position: relative;
  display: block; /*seperates the tbody from the header*/
  overflow: auto;
}

.datatable2 tbody td {
  min-width: 120px;
	padding: 0px 0px !important;
}

.datatable2 tbody tr td:nth-child(1) {  /*the first cell in each tr*/
  position: relative;
  background-color: #eee;
	z-index: 2;
	padding: 0px 10px !important;
}

.td_col_label{
	margin-top: 0px !important;
	color:white;
	padding: 2px 0px;
}
.td_empty{
	background: #fff;
}
.td_Turn{
	background: #3c8dbc;
}
.td_Move{
	background: #00a65a;
}
.td_Park{
	background: #f39c12;
}
.td_recalibrate {
	background: #dd4b3936;
}
.td_Start{
	background: gray;
}
.td_unknown{
	background: #84c7c4;
}
.unklabel{
	background: #84c7c4;
}
.timeslotbox{
    display: inline-block;
    border-radius: 0%;
    width: 25px;
}
.radioinlinetext{
    padding-left: 5px;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
    background: #ca8e8e;
}
.adjustment-console{
	background-color: #ca8e8e;
	width: 100%;
  height: 190px;
  overflow: scroll;
	padding-top: 10px;
  color: white;
}
.highlightPaxError{
	border:solid 2px #a21d1d;
}
.timeinput{
	display: inline-block;
	max-width: 70px;
}
.coutHoursTableRow > td{
	background: #efefef;
  padding: 5px 8px !important;
}
.dataattr{
  margin-right: 5px;
	border-right: solid #f4f4f4 1px;
	padding-right: 10px;
}
.loadingBar{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20%;
	width:150px;
}
@media (min-width: 768px) {
  .modal-xl {
		width: 100%;
    max-width: 96%;
  }
}
.table-centerd > tbody > tr > *{
	text-align: center;
}
.workStartCol{
  font-weight: bolder;
  color: #1cbf1b;
}
.workEndCol{
  font-weight: bolder;
  color: #f33131;
}
.workSchdCol{
	font-weight: bolder;
	color: #269abc;
}
.workEstCol{
	font-weight: bolder;
	color: #f39c12;
}
.stacked-bar-graph {
  width: 90%;
  height: 15px;
  color:#414042;
  margin-top: 5px;
}
.stacked-bar-graph  span {
    color: white;
    display: inline-block;
    height:100%;
    box-sizing: border-box;
    float: left;
		height: 100%;
}

.stacked-bar-graph .bar-allocated0 {
    background: #00a65a;
  }
.stacked-bar-graph .bar-allocated1 {
    background: #0087a6;
  }

.stacked-bar-graph .bar-free {
    background: black;
  }

}
.empty{

}
.login-body-background {
		background-image: url(../img/index.jpg) !important;
		background-size: cover !important;
}
.login-box-body, .register-box-body {
		background: white;
		border: 2px solid #c2c2c2;
		box-shadow: 7px 8px #88888859;
}
.uploadnalaysisreportitem[isFirst="yes"]{
	background: #eee;
}
.select2-img{
	width: 25px;
  height: 25px;
  margin-top: -3px;
}
.select2-row{
  margin-right: 0px;
}
.select2-left-pad-0{
	padding-left: 0px;
}
.select2-label{
		margin-left: 5px;
    font-size: 12px;
    margin-top: 1px;
}
