/*Custom CSS*/
body{
    font-family: Trebuchet MS !important;
    padding-top: 60px; 
}
.pull-right .timmerset{
    padding:7px 4px 4px 4px;
    margin-top: 5px;
    border: 1px solid #1976D2;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    color: #1976D2;
    font-weight: 700;
    background:#fff;
    padding: 5px 5px !important;
}
td, th {
    white-space: nowrap !important;
}
#timeHid{
    display:inline-block;
    width: 135px;
}
#timeHid #ct{
    float: right;
    margin-top: 4px;
}
.datepicker > .datepicker_header > .icon-close,.datepicker > .datepicker_header > .icon-home{
    padding: 0px !important;
}
.nav > li > a{
    padding: 15px 10px !important;
}
.logo{
    margin-top: 0px;
    width: 145px;
    height: 50px;
}
.menu_bar{
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;

}

.secnd{
    right: -10px !important;
    top: -6px !important;
}
.formbox{
    border: 1px solid #E0DFDF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    margin: 0 15%;
}
.csvupload{
    height: 80px !important;
    margin: 0 !important;
    color: #fff !important;
    padding: 20px;
    font-size: 25px;
    letter-spacing: -0.5px;
    background-color: #0955A7;
    font-family: inherit;
}
#wrap {
    margin: 50px auto 20px auto;
    width: 700px;
    border: 1px solid #B7B7B7;
    color: #000;
    font-size: 16px;
    padding: 25px;
    text-align: center;
}
.nav > li > a.timer{
    padding:7px 4px 4px 4px;
    margin-top: 5px;
    border: 1px solid #1976D2;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    color: #1976D2;
    font-weight: 700;
    background: #fff;
    padding: 5px 5px !important;
}
#timeHid{
    display:inline-block;
    width: 135px;
}
#ct{
    float: right;
    margin-top: 4px;
}
.error{
    color: #A94442;
}
.radio-inline label.error{
    display:none !important;
}
#chosen_msg label.error{
    position: absolute;
    margin-top: 10%;
}
#chosen_msg3 label.error,.chosen_msg3 label.error{
    position: absolute;
    margin-top: 15%;
}
.chosen_msg4 label.error{
    position: absolute;
    margin-top: 20%;
}
#add_vehicle,.add_vehicle{
    margin-bottom: 30px;
}
#count_number2 .form-group{
    margin-bottom: 30px;
}
.menu_bar .navbar-nav{
    width: 89%;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color: #337ab7;
    background-color: #e6e6e6;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    color: #0002C7;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #0002C7;
    text-decoration: none;
    background-color: #e6e6e6;
}
.datas_val .row{
    padding:0px 0px 10px;
    text-align: center;
    /* background: #E8E8E8; */
}
/*.datas_val .row.trackbtn{
    padding:5px 0px 10px;
    text-align: center;
    float: right;
    margin: 0 auto;
}*/
.datas_val .row button{
    color: #000;
    background-color: #fff;
    border-radius: 35px;
    width: 45px;
    height: 45px;
    padding: 0;
}
.datas_val .row .data_tool:nth-child(1) button{
    border: 4px solid #B1EC00;
}
.datas_val .row .data_tool:nth-child(2) button{
    border: 4px solid #4CDEFF;
}
.datas_val .row .data_tool:nth-child(3) button{
    border: 4px solid #68B757;
}
.datas_val .row .data_tool:nth-child(4) button{
    border: 4px solid #C183F5;
}
.datas_val .row .data_tool:nth-child(5) button{
    border: 4px solid #F8B200;
}
.datas_val .row .data_tool:nth-child(6) button{
    border: 4px solid #81B7FF;
}
.datas_val .row .data_tool:nth-child(7) button{
    border: 4px solid #A4A4A4;
}
.datas_val .row .data_tool:nth-child(8) button{
    border: 4px solid #319294;
}
.datas_val .row .data_tool:nth-child(9) button{
    border: 4px solid #3189E0;
}
.datas_val .row .data_tool:nth-child(10) button{
    border: 4px solid #DD5DAA;
}
.datas_val .row .data_tool:nth-child(11) button{
    border: 4px solid #5A5EFF;
}
.datas_val .row .data_tool:nth-child(12) button{
    border: 4px solid #F20095;
}
.datas_val .row .data_tool:nth-child(13) button{
    border: 4px solid #F57123;
}
.datas_val .row .data_tool:nth-child(14) button{
    border: 4px solid #66BDAF;
}
.datas_val .row .data_tool:nth-child(15) button{
    border: 4px solid #A59D00;
}
.datas_val .row .data_tool:nth-child(16) button{
    border: 4px solid #50C76B;
}
.datas_val .row .data_tool:nth-child(17) button{
    border: 4px solid #D210FD;
}
.datas_val .row .data_tool:nth-child(18) button{
    border: 4px solid #F789C7;
}
.sitename{
    text-align: center;
    position: absolute;
    left: 40%;
    font-size: 18px;
    font-weight: 600;
}
.color1{
    color:#B1EC00;
}
.color2{
    color:#4CDEFF;
}
.color3{
    color:#68B757;
}
.color4{
    color:#C183F5;
}
.color5{
    color:#F8B200;
}
.color6{
    color:#81B7FF;
}
.color7{
    color:#A4A4A4;
}
.color8{
    color:#319294;
}
.color9{
    color:#3189E0;
}
.color10{
    color:#DD5DAA;
}
.color11{
    color:#5A5EFF;
}
.color12{
    color:#F20095;
}
.color13{
    color:#F57123;
}
.color14{
    color:#66BDAF;
}
.color15{
    color:#A59D00;
}
.color16{
    color:#50C76B;
}
.color17{
    color:#D210FD;
}
.color18{
    color:#F789C7;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back1> th {
    border-left: 2px solid #B1EC00;
    border-top: 2px solid #B1EC00;
    border-right: 0px;
    border-bottom: 2px solid #B1EC00 !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back1> th:last-child{
    border: 2px solid #B1EC00 !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back2> th {
    border-left: 2px solid #4CDEFF;
    border-top: 2px solid #4CDEFF;
    border-right: 0px;
    border-bottom: 2px solid #4CDEFF !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back2> th:last-child{
    border: 2px solid #4CDEFF !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back3> th {
    border-left: 2px solid #68B757;
    border-top: 2px solid #68B757;
    border-right: 0px;
    border-bottom: 2px solid #68B757 !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back3> th:last-child{
    border: 2px solid #68B757 !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back4> th {
    border-left: 2px solid #C183F5;
    border-top: 2px solid #C183F5;
    border-right: 0px;
    border-bottom: 2px solid #C183F5 !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back4> th:last-child{
    border: 2px solid #C183F5 !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back5> th {
    border-left: 2px solid #F8B200;
    border-top: 2px solid #F8B200;
    border-right: 0px;
    border-bottom: 2px solid #F8B200 !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back5> th:last-child{
    border: 2px solid #F8B200 !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back6> th {
    border-left: 2px solid #81B7FF;
    border-top: 2px solid #81B7FF;
    border-right: 0px;
    border-bottom: 2px solid #81B7FF !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back6> th:last-child{
    border: 2px solid #81B7FF !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back7> th {
    border-left: 2px solid #A4A4A4;
    border-top: 2px solid #A4A4A4;
    border-right: 0px;
    border-bottom: 2px solid #A4A4A4 !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back7> th:last-child{
    border: 2px solid #A4A4A4 !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back8> th {
    border-left: 2px solid #319294;
    border-top: 2px solid #319294;
    border-right: 0px;
    border-bottom: 2px solid #319294 !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back8> th:last-child{
    border: 2px solid #319294 !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back9> th {
    border-left: 2px solid #3189E0;
    border-top: 2px solid #3189E0;
    border-right: 0px;
    border-bottom: 2px solid #3189E0 !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back9> th:last-child{
    border: 2px solid #3189E0 !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back10> th {
    border-left: 2px solid #DD5DAA;
    border-top: 2px solid #DD5DAA;
    border-right: 0px;
    border-bottom: 2px solid #DD5DAA !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back10> th:last-child{
    border: 2px solid #DD5DAA !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back11> th {
    border-left: 2px solid #5A5EFF;
    border-top: 2px solid #5A5EFF;
    border-right: 0px;
    border-bottom: 2px solid #5A5EFF !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back11> th:last-child{
    border: 2px solid #5A5EFF !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back12> th {
    border-left: 2px solid #F20095;
    border-top: 2px solid #F20095;
    border-right: 0px;
    border-bottom: 2px solid #F20095 !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back12> th:last-child{
    border: 2px solid #F20095 !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back13> th {
    border-left: 2px solid #F57123;
    border-top: 2px solid #F57123;
    border-right: 0px;
    border-bottom: 2px solid #F57123 !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back13> th:last-child{
    border: 2px solid #F57123 !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back14> th {
    border-left: 2px solid #66BDAF;
    border-top: 2px solid #66BDAF;
    border-right: 0px;
    border-bottom: 2px solid #66BDAF !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back14> th:last-child{
    border: 2px solid #66BDAF !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back15> th {
    border-left: 2px solid #A59D00;
    border-top: 2px solid #A59D00;
    border-right: 0px;
    border-bottom: 2px solid #A59D00 !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back15> th:last-child{
    border: 2px solid #A59D00 !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back16> th {
    border-left: 2px solid #50C76B;
    border-top: 2px solid #50C76B;
    border-right: 0px;
    border-bottom: 2px solid #50C76B !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back16> th:last-child{
    border: 2px solid #50C76B !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back17> th {
    border-left: 2px solid #D210FD;
    border-top: 2px solid #D210FD;
    border-right: 0px;
    border-bottom: 2px solid #D210FD !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back17> th:last-child{
    border: 2px solid #D210FD !important;
}
.dataTables_scrollHead .table > thead:first-child > tr.table_back18> th {
    border-left: 2px solid #F789C7;
    border-top: 2px solid #F789C7;
    border-right: 0px;
    border-bottom: 2px solid #F789C7 !important;
}

.dataTables_scrollHead .table > thead:first-child > tr.table_back18> th:last-child{
    border: 2px solid #F789C7 !important;
}

/*.table_back1{
    color: #fff;
    background-color: #B1EC00;
}
.table_back2{
    background-color: #4CDEFF;
    color: #fff;
}
.table_back3{
    color: #fff;
    background-color: #68B757;
}
.table_back4{
    color: #fff;
    background-color: #C183F5;
}
.table_back5{
    color: #fff;
    background-color: #F8B200;
}
.table_back6{
    color: #fff;
    background-color: #81B7FF;
}
.table_back7{
    color: #fff;
    background-color: #A4A4A4;
}
.table_back8{
    color: #fff;
    background-color: #319294;
}
.table_back9{
    color: #fff;
    background-color: #3189E0;
}
.table_back10{
    color: #fff;
    background-color: #DD5DAA;
}
.table_back11{
    color: #fff;
    background-color: #5A5EFF;
}
.table_back12{
    color: #fff;
    background-color: #F20095;
}
.table_back13{
    color: #fff;
    background-color: #F57123;
}
.table_back14{
    color: #fff;
    background-color: #66BDAF;
}
.table_back15{
    color: #fff;
    background-color: #A59D00;
}
.table_back16{
    color: #fff;
    background-color: #50C76B;
}
.table_back17{
    color: #fff;
    background-color: #D210FD;
}
.table_back18{
    color: #fff;
    background-color: #F789C7;
}*/

.adhoc_form .row{
    padding: 10px 20%;
}
.adhoc_form .row#open_drop,.adhoc_form .row#adhoc,.adhoc_form .row#route_chart{
    padding: 10px 25%;
}
.adhoc_form .row .btn{
    width: 100%;
}
.foot_submit .btn-danger{
    width: 50% !important;
}
.foot_submit .btn-success{
    width: 67% !important;
    float: left;
}
.table{
    text-align: center;
}
.datas_val .row .data_tool:nth-child(1){
    width: 7%;
    padding: 0 0px 0 0;
}
.datas_val .row .data_tool:nth-child(2){
    width: 5%;
    padding: 0 0px;
}
.datas_val .row .data_tool:nth-child(3){
    width: 6%;
    padding: 0 0px;
}
.datas_val .row .data_tool:nth-child(4){
    width: 4.5%;
    padding: 0 0px;
}
.datas_val .row .data_tool:nth-child(5){
    width: 6%;
    padding: 0 0px;
}
.datas_val .row .data_tool:nth-child(6){
    width: 5%;
    padding: 0px 0px;
}
.datas_val .row .data_tool:nth-child(7){
    width: 6%;
    padding: 0px 0px;
}
.datas_val .row .data_tool:nth-child(8){
    width: 5%;
    padding: 0px 0px;
}
.datas_val .row .data_tool:nth-child(9){
    width: 6.5%;
    padding: 0px 0px;
}
.datas_val .row .data_tool:nth-child(10){
    width: 5.5%;
    padding: 0px 0px;
}
.datas_val .row .data_tool:nth-child(11){
    width: 5.5%;
    padding: 0px 0px;
}
.datas_val .row .data_tool:nth-child(12){
    width: 6%;
    padding: 0px 0px;
}
.datas_val .row .data_tool:nth-child(13){
    width: 5.5%;
    padding: 0px 0px;
}
.datas_val .row .data_tool:nth-child(14){
    width: 5%;
    padding: 0px 0px;
}
.datas_val .row .data_tool:nth-child(15){
    width: 6%;
    padding: 0px 0px;
    display: none;
}
.datas_val .row .data_tool:nth-child(16){
    width: 6%;
    padding: 0px 0px;
}
.datas_val .row .data_tool:nth-child(17){
    width: 6%;
    padding: 0px 0px;
}
.datas_val .row .data_tool:nth-child(18){
    width: 5%;
    padding: 0px 0px;
}
.badge{
    padding: 3px 5px;
}

.datas_val .row .data_tool:nth-child(4) button .badge ,.datas_val .row .data_tool:nth-child(5) button .badge,.datas_val .row .data_tool:nth-child(6) button .badge,.datas_val .row .data_tool:nth-child(7) button .badge,.datas_val .row .data_tool:nth-child(8) button .badge,.datas_val .row .data_tool:nth-child(9) button .badge,.datas_val .row .data_tool:nth-child(10) button .badge,.datas_val .row .data_tool:nth-child(11) button .badge,.datas_val .row .data_tool:nth-child(12) button .badge,.datas_val .row .data_tool:nth-child(13) button .badge,.datas_val .row .data_tool:nth-child(14) button .badge,.datas_val .row .data_tool:nth-child(15) button .badge,.datas_val .row .data_tool:nth-child(16) button .badge,.datas_val .row .data_tool:nth-child(17) button .badge,.datas_val .row .data_tool:nth-child(18) button .badge{
    color: #717171;
    background-color: #fff;
    margin-left: 1px;
}

/* @-webkit-keyframes glowing2 {
  0% { background-color: #90E005; -webkit-box-shadow: 0 0 3px #90E005; }
  50% { background-color: #556B2F; -webkit-box-shadow: 0 0 20px #556B2F; }
  100% { background-color: #90E005; -webkit-box-shadow: 0 0 3px #90E005 }
}

@-moz-keyframes glowing2 {
  0% { background-color: #90E005; -moz-box-shadow: 0 0 3px #90E005; }
  50% { background-color: #556B2F; -moz-box-shadow: 0 0 20px #556B2F; }
  100% { background-color: #90E005; -moz-box-shadow: 0 0 3px #90E005; }
}

@-o-keyframes glowing2 {
  0% { background-color: #90E005; box-shadow: 0 0 3px #90E005; }
  50% { background-color: #556B2F; box-shadow: 0 0 20px #556B2F; }
  100% { background-color: #90E005; box-shadow: 0 0 3px #90E005 }
}

@keyframes glowing2 {
  0% { background-color: #90E005; box-shadow: 0 0 3px #90E005; }
  50% { background-color: #556B2F; box-shadow: 0 0 20px #556B2F; }
  100% { background-color: #90E005; box-shadow: 0 0 3px #90E005; }
}

.datas_val .row .data_tool:nth-child(10) button {
  -webkit-animation: glowing2 1500ms infinite;
  -moz-animation: glowing2 1500ms infinite;
  -o-animation: glowing2 1500ms infinite;
  animation: glowing2 1500ms infinite;
} */

@-webkit-keyframes glowing4 {
    0% {-webkit-box-shadow: inset 0 0 3px #FFA2A2, 0 0 3px #FFA2A2; }
    50% {-webkit-box-shadow: inset 0 0 15px #FF0000, 0 0 15px #FF0000; }
    100% {-webkit-box-shadow: inset 0 0 3px #FFA2A2, 0 0 3px #FFA2A2; }
}

@-moz-keyframes glowing4 {
    0% {-moz-box-shadow: inset 0 0 3px #FFA2A2, 0 0 3px #FFA2A2; }
    50% {-moz-box-shadow: inset 0 0 15px #FF0000, 0 0 15px #FF0000; }
    100% {-moz-box-shadow: inset 0 0 3px #FFA2A2, 0 0 3px #FFA2A2; }
}

@-o-keyframes glowing4 {
    0% {box-shadow: inset 0 0 3px #FFA2A2, 0 0 3px #FFA2A2; }
    50% {box-shadow: inset 0 0 15px #FF0000, 0 0 15px #FF0000; }
    100% {box-shadow: inset 0 0 3px #FFA2A2, 0 0 3px #FFA2A2; }
}

@keyframes glowing4 {
    0% {box-shadow: inset 0 0 3px #FFA2A2, 0 0 3px #FFA2A2; }
    50% {box-shadow: inset 0 0 15px #FF0000, 0 0 15px #FF0000; }
    100% {box-shadow: inset 0 0 3px #FFA2A2, 0 0 3px #FFA2A2; } 
}

button.blinkbutton {
    -webkit-animation: glowing4 1500ms infinite;
    -moz-animation: glowing4 1500ms infinite;
    -o-animation: glowing4 1500ms infinite;
    animation: glowing4 1500ms infinite;
}

.side_menu{
    border: 1px solid #B1B1B1;
    padding: 10px;
}

.marginBottom-0 {margin-bottom:0;}

.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 6px;
    border-radius:0 6px 6px 6px;
}
.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:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.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;}

.shift_count{
    font-size: 40px;
}
.home_side{
    border-right: 1px solid #9E9E9E;
}
.home_side:last-child{
    border-right: 0;
}
#bar-chart-example{
    float:right;
}
.nav-stacked > li{
    background-color: #0E9A6D;
    border-radius: 5px;
}
.nav-pills > li > a{
    color:#000;
}
.nav-stacked > li:focus{
    color:#000 !important;
}

#example_length label .form-control,#example_filter label .form-control{
    display: inherit;
    width: inherit;
}
#example2_length label .form-control,#example2_filter label .form-control{
    display: inherit;
    width: inherit;
}
#example4_length label .form-control,#example4_filter label .form-control{
    display: inherit;
    width: inherit;
}
#example0_length label .form-control,#example0_filter label .form-control{
    display: inherit;
    width: inherit;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 0px solid #D2D2D2 !important;
}
table.dataTable.no-footer{
    border-bottom: 1px solid #ddd !important;
}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button.current, .table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #FFF !important;
    background: #31b0d5 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #B1B1B1 !important;
}
#loadingmessage{
    z-index: 99999;
    position: absolute;
    margin: 15% 48%;
}
#loadingmessage img{ 
    width:55px;
}

.chosen-container.chosen-container-single{
    width: 100% !important;
}
/* Start page wise CSS */
#tracker_details .datas_val #example_wrapper table tbody tr td{
    font-size: 11px;
}
#track_report_head table.dataTable tbody td{
    font-size: 12px;
}
#tracker_details .datas_val #example_wrapper table tbody tr td:nth-child(2){
    width: 85px !important;
}

.page_header1
{
    margin:0px;
    padding:0px;
}

html {
    height: 100%;
}


a {
    text-decoration: none;
}

.github-link {
    float: right;
}

.github-link img {
    height: 44px;

    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;
}

.github-link img:hover {
    -webkit-filter: brightness(70%);
    -moz-filter: brightness(70%);
    -ms-filter: brightness(70%);
    -o-filter: brightness(70%);
    filter: brightness(70%);

    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;

    cursor: pointer;
}

.title {
    font-size: 48px;
    color: #f5f5f5;
}

section {
    padding: 20px 20px 0 20px;
}

.section-title {
    font-size: 28px;
}

pre {
    background-color: #FAFAFB;
    display: inline-block;
    padding: 10px;
    margin-left: 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.subsection {
    margin: 10px 0;
}

.subsection-title {
    font-size: 18px;
}

.example-code, .example-chart {
    width: 47%;
    float: left;
    margin: 15px;
}

.example-code pre {
    width: 500px;
    height: 300px;
    margin: 0;
    box-sizing: border-box;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* End page wise CSS */
.badge.bg-green{
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
    padding: 3px 7px;
    position: absolute;
    right: -1px;
    top: -5px;
    background: #3c763d;
    color: #fff;
}
.secnd{
    right: 9px !important;
    top: -4px !important;
}
.badge.escort{
    right: 2px !important;
}
.badge.os{
    right: 6px !important;
}
.badge.asf{
    right: 9px !important;
}
.badge.divalert{
    right: 2px !important;
}
.badge.bd{
    right: 12px !important;
    top: -3px;
}
.thumb-image
{
    width:110px;
    height:100px;
}
#first_route{
    background: #CACACA;
}
#diviationtable{
    background: #79d187;
    color: #fff;
}
#asftable{
    background-color: #fb580e;
    color: #fff;
}
#overtimetable{
    background-color: rgba(255, 0, 0, 0.54);
    color: #fff;
}
#escorttable{
    background-color: #2cc0ab;
    color: #fff;
}
#overspeedtable{
    background-color: rgba(252, 90, 17, 0.57);
    color: #fff;
}
.panictable{
    background-color: #689E0A;
    color: #fff;
}
#wapptable{
    background-color: #9DA1A5;
    color: #fff;
}
#breakdowntable{
    background-color: rgba(85, 107, 47, 0.65);
    color: #fff;
}
.errormsg{
    position: relative;
    width: 25%;
    text-align:center;
    margin: 0 auto;
}
.altmsg{
    margin: 5px;
}
.read_only_char
{
    background:white !important; 
}
.page-heading
{
	margin:-2% 0 0.1% 0 !important;
	border: none;
}
.heading-row
{
	width:100% !important;
	margin-bottom: -14px;
}

.dataTables_wrapper .dataTables_processing {
    z-index: 999 !important;
    padding: 10px !important;
    background: rgb(255, 150, 80) !important;
    width: 15% !important;
    color: rgb(255, 255, 255) !important;
    margin-left: -7% !important;
}
.border-boxes
{
	border: 1px solid #E0DFDF;
    padding: 20px;
    border-radius: 10px;
}


#empnameflash {
    -webkit-animation: glowing0 1500ms infinite;
    -moz-animation: glowing0 1500ms infinite;
    -o-animation: glowing0 1500ms infinite;
    animation: glowing0 1500ms infinite;
}

#empnameflash {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation:blink 1s infinite; 
    margin-bottom: 0;
}
@keyframes blink {
        0%   {color: red;}
    25%  {color: yellow;}
    50%  {color: blue;}
    100% {color: green;}
}
@-webkit-keyframes blink {
       0%   {color: red;}
    25%  {color: yellow;}
    50%  {color: blue;}
    100% {color: green;}
}
.ui-dialog
{
	width:90% !important;
}
#dialog
{
	height:400px !important;
}

#example_length
{
	position:absolute;
}