/* phase 2 css new styles */
/*////////////////////////////////////////////////////////////////////////////////////////////*/



/* Responsive CSS */
.toggleMenu{
  padding-bottom: 18px !important;
  padding-top: 18px !important;
  margin-right: 20px !important;

}
.toggleMenu:hover{
  background: rgba(0, 0, 0, 0.1) !important;
  color: #f6f6f6;
}

.toggleMenu:focus{
  background: rgba(0, 0, 0, 0.1) !important;
  color: #f6f6f6;
}

.main-footer{
  -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  margin-left: 230px;
  z-index: 820;
}

@media screen and (min-width: 768px) {
    #top_menu_list{
      display:none !important;
    }



}





@media screen and (max-width: 767px) {
    .main-footer{
      margin-left: 0;
      text-align: center;
    }

    .content-wrapper {
        margin-left:0px;
    }
    .toggleMenu {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
        float:right;
    }
    #nav-menu-top{
      margin-right: 0px !important;
      background-color: #152e19;
      text-align: center;
      border-color: #152e19;
    }

}



@media screen and (max-width: 320px) {
    .content-wrapper {
        margin-left:0px;
    }
    .toggleMenu{
        display: "";
    }
}







/* client management pages */
.container_user>.user-menu{
  color:#227e3f;
  text-align:center;
  border-bottom: solid 2px #227e3f;
  padding-bottom:8px;
  margin-bottom:0px;
}
.btn-serviceLevel{
    border: #dedede dashed 1px ;
    background-color: #ededed;
    color: #2b542c;
    font-weight: bold;

}
.tab_menu>a{
  font-weight: bold;
  color: #ababab;

}
.btn-serviceLevel.active{
  background-color: #227e3f;
  color: #fff;
  font-weight: bold;
  border-color: #227e3f;

}
.btn-serviceLevel.active:hover{
  background-color: #227e3f;
  color: #fff;
  font-weight: bold;
  border-color: #227e3f;
}


.btn-serviceLevel:hover{
  /*border-bottom: #227e3f solid 1px ;*/
  background-color: #dff0d8;
  color: #2b542c;
  font-weight: bold;
}

/* dashboard page*/
.modal-bookingInfo{
  width: 80%;
}

.col-centered{
    float: none;
    margin: 0 auto;
}
.dashboard-container{
  margin-top: 10px;
}
.dashboard-item{
  border-bottom: 1px dashed #dbdbdb;
  border-right: 1px dashed #dbdbdb;
  text-align: center;
  height: 200px;
  color: #2b542c;
  padding-top: 14px;
}

.dashboard-item>i{
  margin-top:10px;
  margin-bottom: 10px;
}
.dashboard-item>span{
  font-size:30px;
  font-weight: bold;

}
.p-top{
  padding-top: 10px;
}
.noborder-right{
  border-right: 0;
}
.noborder-bottom{
  border-bottom: 0;
}


/* Track and Trace page  */
.list-driver-item.active{
  border-left:6px #227e3f solid;
  color:#227e3f !important;

  background-color: #dff0d8;
}

#map {

  height: 448px;
  width: 100%;

  }



.list-driver-item{

  transition: all .35s ;
}


.list-driver-item:hover{
  color:#227e3f !important;
  background-color: #dff0d8;

}

.left-container.header{
  height:580px;
  margin-top: 10px;
  background-color: #fff;
   text-align:center;
   padding:0px 12px 0px 12px;
   -webkit-box-shadow: 5px 5px 6px -3px rgba(150,150,150,1);
    -moz-box-shadow: 5px 5px 6px -3px rgba(150,150,150,1);
    box-shadow: 5px 5px 6px -3px rgba(150,150,150,1);
}

.left-container>.title{
  border-bottom:3px solid #454545;
  padding: 6px;
  margin-bottom: 4px;

}

.left-container>.body{
  overflow: scroll;
  height: 410px;
  overflow-x: hidden;

}

.list-group{

}

.list-group>.list-item{
  padding: 6px 0 6px 4px;
  cursor: pointer;
  border-bottom: 1px dashed #cbcbcb;
  color: #898989;
}



/*  Button Style  */
.btn-edit:hover{
  -webkit-transition: background-color 0.2s ease-out;
  background-color: #227e3f;
  color: #fff;
}
.btn-cancel:hover{
  -webkit-transition: background-color 0.2s ease-out;
  background-color: #ff4444;
  color: #fff;
}

.btn-exit:hover{
  -webkit-transition: background-color 0.2s ease-out;
  color:#fff;
  background-color: #4B515D;
}

.btn-print:hover{
  -webkit-transition: background-color 0.2s ease-out;
  color:#fff;
  background-color: #3F729B;
}

.btn-addBox{
  background-color: #ff4444;
  color: #fff;
}

.btn-confirmEdit{
  background-color: #227e3f;
  color: #fff;
}

.btn-addBox:hover{
  background-color: #ff4444;
  color: #fff;
}

.btn-confirmEdit:hover{
  background-color: #227e3f;
  color: #fff;
}

/*------------------------------------------*/
/* Search Text Box Input Style */
.nav-search{
  border-radius: 3px 0 0 3px;
  border-color:#fff !important;
}
.nav-search-btn{
  color:#a2a6ae;
  border-radius:0px 3px 3px 0 !important;
  border-color:#fff !important;
  border-left: #d2d6de solid 1px !important;

}

.nav-search-btn:hover{
  color:#323232;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10);

}

.nav-search:focus{
  box-shadow: 0px !important;
}

/*------------------------------------------------*/
/**/
.menu{

}

.menu.active,.menu.active a{
  color:#111;
}




/*--------------------------------------------------------*/




.no-padding{
  padding:0px;
}
.glyphicon-icon-rpad .glyphicon,.glyphicon-icon-rpad .glyphicon.m8,.fa-icon-rpad .fa,.fa-icon-rpad .fa.m8{ padding-right:8px; }
.glyphicon-icon-lpad .glyphicon,.glyphicon-icon-lpad .glyphicon.m8,.fa-icon-lpad .fa,.fa-icon-lpad .fa.m8{ padding-left:8px; }
.glyphicon-icon-rpad .glyphicon.m5,.fa-icon-rpad .fa.m5{ padding-right:5px; }
.glyphicon-icon-lpad .glyphicon.m5,.fa-icon-lpad .fa.m5{ padding-left:5px; }
.glyphicon-icon-rpad .glyphicon.m12,.fa-icon-rpad .fa.m12{ padding-right:12px; }
.glyphicon-icon-lpad .glyphicon.m12,.fa-icon-lpad .fa.m12{ padding-left:12px; }
.glyphicon-icon-rpad .glyphicon.m15,.fa-icon-rpad .fa.m15{ padding-right:15px; }
.glyphicon-icon-lpad .glyphicon.m15,.fa-icon-lpad .fa.m15{ padding-left:15px; }



ul.nav-menu-list-style .nav-header .menu-collapsible-icon{position:absolute; right:3px; top:16px; font-size:9px; }



ul.nav-menu-list-style{
  margin:0;
}
ul.nav-menu-list-style .nav-header{
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #e8e8e8;
  display:block;
  margin:0;
  line-height:42px;
  padding:0 10px;
  font-weight:600;
}
ul.nav-menu-list-style> li{
  position:relative; }
ul.nav-menu-list-style> li a{
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #e8e8e8;
  padding:0 10px;
  line-height:32px;
}
ul.nav-menu-list-style> li:first-child a{
}


ul.nav-menu-list-style{list-style:none; padding:0px; margin:0px;}
ul.nav-menu-list-style li .badge,ul.nav-menu-list-style li .pull-right,ul.nav-menu-list-style li span.badge,ul.nav-menu-list-style li label.badge{float:right; margin-top:7px;}
ul.bullets{
  list-style:inside disc;
  padding-left:10px;

}
ul.numerics{list-style:inside decimal}
.ul.kas-icon-aero{}
ul.kas-icon-aero li a:before{font-family: 'Glyphicons Halflings'; font-size:9px; content: "\e258"; padding-right:8px; }


/* end phase 2 css new styles */
/*////////////////////////////////////////////////////////////////////////////////////////////*/





.main-container{
  visibility: hidden;
}

.cur_p{
 cursor:pointer;
}

.img-sign{
    height: 300px;
    width: auto;
    margin: 0 auto;
}

.ui-autocomplete {
    z-index: 5000;
}


.no-padding{
  padding:0px;
}

.no-padding-r{
  padding-right: 0;
}

.no-padding-l{
  padding-left: 0;
}


.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: fixed; /* or absolute */
  top: 38%;
  left: 50%;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.m-left{
  margin-left: 10px;
}

.hidden{
  display: none;
}





/**/