/********** Defaults **********/
body{
    background-color: #f2f2f6;
}
a:hover{
    cursor: pointer;
}
button{
    width: auto;
}

/**********Half-Unit **********/
.half-unit {
    margin-bottom: 30px;
    padding-bottom: 4px;
    border: 1px solid #383737;
    /*background-image:url('../images/sep-half.png');*/
    background-color: #3d3d3d;
    color:white;
    /*height: 150px;*/
    opacity: 0.9;
    /*border-radius: 3%;*/
}

.half-unit:hover {
    background-color: #4f4f4f;
    -moz-box-shadow:    3px 3px 2px 0px #151515;
    -webkit-box-shadow: 3px 3px 2px 0px #151515;
    box-shadow:         3px 3px 2px 0px #151515;

}

.half-unit dtitle {
    font-size:14px;
    text-transform:uppercase;
    color:#ffffff;
    margin:8px;
    padding:0px;
    /*height:inherit	*/
}

.half-unit hr {
    border: 0;
    border-top: 1px solid #151515;
    border-top-style: dashed;
    margin-top:3px;
}

.half-unit-devices-hr{
    margin-bottom: 0;
}

.half-unit h1 {
    font-family: 'Raleway', sans-serif;
    font-weight:300;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0px;
    color: #ffffff;
    padding-top:10px;
    padding-left:5px;
    margin-top:2px;
    text-align:center;
}

.half-unit h4 {
    padding-left:5px;
    margin-top:2px;
    font-size: 13px;
    font-weight:lighter;
    line-height: 1;
    letter-spacing: 0px;
    color: #fff;
}


.half-unit bold{
    font-family: 'Open Sans', sans-serif;
    font-size:26px;
    font-weight:bold;
    color:#fff;
    vertical-align:middle;
}

.unit-content{
    /*position: relative;*/
}

.margin_left{
    margin-left: 165px;
}
/********** hetmap **********/
.img-background{
    margin-top: 5px;
    width: 96%;
    height: 96%;
    border-radius: 3%;
    background-repeat: no-repeat;
    background-size: cover;
}
.heatmap{
    width: 100%;
    height: 100%;
    border-radius: 3%;
}
.heatmap img{
    width: 100%;
    height: auto;
    border-radius: 3%;
    opacity: 0.4;
}

.heatmap-time{
    display: inline-block;
    margin-right: 8px;
    float: right;
    color: white;
}
#back{
    border-radius: 3%;
}

/********** Scroll box style **********/
.myBox {
    border: none;
    padding: 5px;
    /*font: 24px/36px sans-serif;*/
    /*width: 300px;*/
    height: 600px;
    overflow: scroll;
}

/* Scrollbar styles */
/*::-webkit-scrollbar {*/
    /*width: 10px;*/
    /*height: 10px;*/
/*}*/

/*::-webkit-scrollbar-track {*/
    /*border-radius: 12px;*/
/*}*/

/*::-webkit-scrollbar-track:vertical {*/
    /*background: gray;*/
/*}*/

/*::-webkit-scrollbar-track:horizontal {*/
    /*background: gray;*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
    /*background: #7eff52;*/
    /*border-radius: 12px;*/
/*}*/

/*::-webkit-scrollbar-thumb:hover {*/
    /*background: #46ff0f;*/
/*}*/


/********** list view style **********/

.list-header {
    /*font: 400 40px/1.5 Helvetica, Verdana, sans-serif;*/
    margin: 0;
    padding: 0;
}

.list-div ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.list-div li {
    font: 100 20px/1.5 Helvetica, Verdana, sans-serif;
    border-bottom: 1px solid #ccc;
}

.list-div li:last-child {
    border: none;
}

.list-div li a {
    text-decoration: none;
    color: #000;

    /*-webkit-transition: font-size 0.3s ease, background-color 0.3s ease;*/
    /*-moz-transition: font-size 0.3s ease, background-color 0.3s ease;*/
    /*-o-transition: font-size 0.3s ease, background-color 0.3s ease;*/
    /*-ms-transition: font-size 0.3s ease, background-color 0.3s ease;*/
    /*transition: font-size 0.3s ease, background-color 0.3s ease;*/
    display: block;
    /*width: 200px;*/
}

.list-div li a:not('.selected'):hover {
    /*font-size: 30px;*/
    background: #f2f2f6;
    color: #1b6d85;
}

.selected{
    background-color: #1b6d85;
}
.selected h4{
    color: white;
}
/********** Nav Bar **********/
.navbar-color{
    color: black;
    background-color: #0B66B7;
}
.navbar-color a{
    color: white;
}
/*.navbar-color a:hover{*/
    /*background-color: #0B66B7;*/
    /*color: #ec4c4c;*/
/*}*/

/********** Others **********/

.vertical_margin_100{
    margin-top: 100px;
}
.vertical_margin_70{
    margin-top: 70px;
}
.vertical_margin_40{
    margin-top: 40px;
}
.height_150 {
    height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}
.height_150::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.height_150::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}
.height_150::-webkit-scrollbar-thumb {
	background-color: #000000;
}
.supervisor_data {
    color: limegreen !important;
}
.supervisor_no_data {
    color: gray !important;
}
.center {
    margin: 35% 50% 50% 50%;

}
.heatmap-button{
    color: white;
    background-color: #4c96d7;
}