*:focus {outline:0;}

textarea {
    resize: none;
}

a{
    cursor: pointer !important;
}

h1,h2,h3{
    font-family: 'ChRobot'
}

.online_green{
	color: #81e021;
}

.offline_red{
	color: #de2b28;
}

.modal-header h5{
    display:inline-block;
    font-size:17px;
}
.close{
    display: inline-block;
    float:right;
}

#delivery_map_itens{
    width:100%;
    height:320px;
    /*background-color:#000;*/
}

.deliverybox h4,.deliverybox hr{
    padding:3px !important;
    margin:3px !important;
}

.deliverybox{
    width:12.5%;
    min-width:150px;
    max-width:200px;
}

#delivery_date_filter ._720kb-datepicker-calendar{
    margin-top:37px;
}

.integra_label_title{
    /* border-left:3px solid #6996d1;
     border-bottom: 1px solid #6996d1;*/
    padding:6px;
    width:100%;
    /*background-color: #5478a7;*/
    /*border-left: 3px solid #5478a7;*/
    /*background-color: #000;*/
    background-image: linear-gradient(to top, #e7e7e7, #e9e9e9, #eaebea, #ececec, #eeeeee);
    font-weight: normal;
    color:#707070;
    box-shadow: 1px 3px 3px #dddd;
    border-radius: 0px;
    font-size: 17px;
    margin-left: -6px !important;
    padding-left:10px;
    padding: 6px 3px 3px 10px;
}

.integra_panel, .integra_panel .btn {
    background-color: #5478a7 !important;
    border: 1px solid #5478a7 !important;
    color: #fff !important;
}

/*.btn-gw-color,.btn-gw-color:focus{
    background-color: #6996d1;
    border:1px solid #6996d1;
    color: #fff;
}*/

.btn-gw-color,.btn-gw-color:focus {
    background-color: #5478a7;
    border: 1px solid #5478a7;
    color: #fff;
}

.btn-gw-color:hover,.btn-gw-color:active{
    background-color: #6996d1;
    border:1px solid #6996d1;
    color: #fff;
}

.btn-gw-color:disabled{
    background-color: #aebed3;
    border:1px solid #aebed3;
    color: #fff;
}

.nav-bar-gw-color {
    /*background-color: #6996d1;*/
    background-color: #000;
    /*border-bottom:3px solid #6996d1;*/
    /*background-image: radial-gradient(closest-side,
      #424242 0%, #000 100%);*/
    color: #fff;
}

.navbar-default .sidebar{
    margin-top:50px;
	transition: 0.3s ease-in-out;
}

.navbar-default .sidebar a {
    color: #000;
}

.navbar-default .sidebar ul li a:hover, .sidebar-nav .active{
    border-right:3px solid #4470aa !important;
    color: #4470aa !important;
}

.navbar-static-top a.dropdown-toggle{
    color: #ccc;
}

.navbar-static-top a.dropdown-toggle:hover,
.navbar-static-top a.dropdown-toggle:active,
.navbar-static-top a.dropdown-toggle:focus,
.navbar-static-top .dropdown.open .dropdown-toggle{
    background-color: #000 !important;
    color: #fff !important;
}

.customer_name{
    margin-right: 20px !important;
}

#copyright {
    margin-top:100px;
    font-size: 13px;
}

#copyright p{
    text-align: center;
}

#gwlogo{
    display: block;
    margin-top:10px;
    margin-right: auto;
    margin-left: auto;
    width:150px;
    height: auto;
}

.dmargins{
    margin: 10px;
}

.dpadding{
    padding:10px;
}

.navbar-brand img{
    width:129px;
    height:auto !important;
    margin-top:-9px !important;
    border:1px solid transparent;
}

.centerinfo-bordered{
    text-align: center;
    box-shadow: 0px 0px 10px #ccc;
    padding:10px;
    margin:10px;
}

.shadowborder{
    box-shadow: 0px 0px 10px #ccc;
    padding:10px 0 10px 0;
    margin: 10px 0 10px 0;
}

._720kb-datepicker-active{
    background-color: #3f9eff !important;
    color: #fff;
}

.delivered_color{
    color: #4db53c;
}

.devolved_color{
    color: #f7d01b;
}

.denied_color{
    color: #dd634f;
}

.waiting_color{
    color: #ccc;
}

.tooltip > .tooltip-inner{
    text-align:left;
}

.tooltip-inner span.delivered_color, .tooltip-inner span.denied_color, .tooltip-inner span.devolved_color{
    display: inline-block;
    width: 100%;
    float:left;
    margin: 0 0 0 0;
    text-align: center;
}

.sidebar-nav{
    width:100%;
}

.navbar-toggle{
    border: none !important;
}

.navbar-toggle:active,.navbar-toggle:focus,.navbar-toggle:hover{
    background-color: #000 !important;
}
.navbar-toggle span{
    background-color: #fff !important;
}

.panel-heading{
    height: auto;
    overflow: auto !important;
}

.report_graph_legend{
    border:1px solid #ccc;
    padding: 30px;
    margin-left:15px;
    margin-bottom:30px;
}

.morris-hover-point{
    color: #000 !important;
}

.vehicle-panel{
    min-width:325px;
    padding:10px;
}

.wj_driver_box{
    min-width:220px;
}

#message-data{
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

#message-data h4{
    margin-top:0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.new_message_color{
    color: #267cf2;
}

#message-data #msg_text{
    max-width: 100%;
    word-break: break-all;
}

.rowactive{
    background-color: #e8f1fe;
}

.table{
    max-width:99.4%;
}

.filter-dropdown{
    padding:20px;
    width:250px;
    margin-left:-96px;
    margin-top:10px;
}

.panel-messages{
}

.panel-messages-filters{
    background-color: #7596c4;
    border-radius: 3px;
    overflow: hidden;
}

.panel-messages-filters .btn{
    background-color: inherit;
    color: #fff;
    border-radius: 0 !important;
}

.panel-messages-filters .btn:hover,
.panel-messages-filters .btn.active{
    background-color: #132d52 !important;
}

.panel-messages .panel-messages-search{
    margin-top:5px;
}

.panel-messages .messages-list{
    margin-top: 15px;
}

.panel-messages .messages-list table{
    border: 1px solid #d1d1d1;
    box-shadow: 0 0 15px #eee;
}

 
#readMessageModal .modal-dialog, #newMessageModal .modal-dialog{
  margin-top: 100px;
  border-radius: 0 !important;
}

#readMessageModal .modal-header, #newMessageModal .modal-header{
  padding: 5px 10px !important;
  background-color: #132d52;
}

#readMessageModal .modal-footer, #newMessageModal .modal-footer{
  padding: 6px 10px !important;
  border-radius: 0 !important;
  background-color: #fff;
}

#readMessageModal .modal-header h5, #newMessageModal .modal-header h5 {
	color: #fff;
}

#readMessageModal .modal-header h5 .color_integra, #newMessageModal .modal-header h5 .color_integra{
  color: #7596c4 !important;  
}

#readMessageModal .modal-header h5 span, #newMessageModal .modal-header h5 span{
  color: #fff !important;  
}

#readMessageModal .modal-header .close, #newMessageModal .modal-header .close{
    color: #fff !important;
    opacity: 1 !important;
    margin-top: 0px;
}
 

.fontbold{
    font-weight: bold !important;
}

.custom-panel-wall
{
  border: 1px solid #ccc;
  height: auto;
  overflow:auto;
  padding:0 10px;
  border-left:4px solid #1768bc;
  margin-left:15px;
  margin-right:15px;
  box-shadow: 0px 0px 3px #ccc;
}

#counters_panels .panel{
  padding:0 !important;
  margin: 0 !important;
}

#counters_panels .col-lg-3{
  padding:0 5px;
}

#app_location_data .col-lg-6{
  padding:0 5px;
}

#panel-map .panel-body{
	padding:0 !important;
}

#app_location_data .col-lg-12{
  padding:0 5px!important;
}

#app_location_data .col-lg-6{
  padding: 0 !important;
}

#app_location_data .panel-body{
  padding:0 !important;
}

#app_location_data #location_table{
  padding:10px 15px !important;
}

#app_location_data .panel-heading{
  /*background-color: #132d52;*/
  background-color:#000;
  color :#fff;
}

#app_location_data .panel{
  border: 1px solid #000;
}

#counters_panels .panel-primary .panel-heading{
  background-image: linear-gradient(to top, #133564, #214374, #2d5184, #3a5f94, #466ea5);
}

#counters_panels .panel-primary{
  border: 1px solid #466ea5 !important;
}

#counters_panels .panel-green .panel-heading{
  background-image: linear-gradient(to top, #237732, #328640, #40954f, #4ea55e, #5cb56d);
}

#counters_panels .panel-green{
  border: 1px solid #5cb56d !important;
}

#counters_panels .panel-red .panel-heading{
  background-image: linear-gradient(to top, #772329, #873338, #964348, #a65258, #b56268);
}

#counters_panels .panel-red{
  border: 1px solid #b56268 !important;
}

#counters_panels .panel-yellow .panel-heading{
  background-image: linear-gradient(to top, #ba871a, #c29330, #cb9e44, #d3aa56, #dbb668);
}

#counters_panels .panel-yellow{
  border: 1px solid #dbb668 !important;
}

.form-control{
    border-radius: 0;
}

.form-control:hover,.form-control:focus,.form-control:active{
    box-shadow: none !important;
    border-color: #4470aa !important;
}

.btn{
    border-radius: 0;
}

.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 6px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}
/*.btn { margin-bottom:10px; }*/

table td a,
.deliverybox a{
  color: #767676;
}

table td a:hover,table td a:focus,table td a:active,
.deliverybox a:hover,.deliverybox a:active,.deliverybox a:focus{
  color: #000;
}

.leaflet-popup .leaflet-popup-content-wrapper{
  border-radius: 0px !important;
  border-left: 3px solid #1768bc;
}

.leaflet-popup .leaflet-popup-content{
  padding:0 !important;
  margin: 5px 20px 3px 5px !important;
}

#deliveryMapModal .modal-dialog{
  margin-top:100px;
}

#deliveryMapModal .modal-header{
  background-color: #000;
  padding:10px 15px;
  color: #fff;
  overflow: hidden;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
}

#deliveryMapModal .close{
	color: #fff;
	opacity:1;
}

#deliveryMapModal .modal-body{
  padding: 0 !important;
}

#deliveryMapModal .modal-body .map_infos{
  padding:10px 15px;
}

.deliverybox a .fa{
    font-size: 17px;
    margin-left:8px;
    margin-right:8px;
}

.sidebar.alternative ul li:hover .menu-text{
  color: #fff;
  opacity: 0.85;
  border-radius: 4px;
  position: absolute;
  white-space: nowrap;
  width: auto;
  padding: 5px 10px;
  display:block !important;
  margin-left:40px;
  margin-top:-25px;
  background-color: #000;
  z-index: 9999;
  transition: 0.3s ease-in-out;
}

.sidebar.alternative{
  width:50px;
  transition: 0.3s ease-in-out;
}

/*
.sidebar.alternative .menu-text{
  display:none;
  transition: 0.3s ease-in-out;
}
*/

.sidebar.alternative a{
  color: #767676;
  transition: 0.3s ease-in-out;
}

.sidebar.alternative a:hover,.sidebar.alternative a:active, .sidebar.alternative .active{
	transition: 0s ease-in-out;
}

#wrapper.alternative #page-wrapper{
  margin-left:50px;
  transition: 0.3s ease-in-out;
}

.bg-primary{
  background-color: #307bbb;
}

.bg-warning{
  background-color: #dd9d22;
}

.bg-success{
  background-color: #5fd400;
}

#wrapper #page-wrapper{
   transition: 0.3s ease-in-out;
}

.alert-table-unread{
    background-color: #eee;
    border-left: 7px solid #dd634f;
    font-weight: bold;
    font-size: 13px;
}

.alert-table-read{
    border-left: 7px solid #fff;
}

#readMessageModal p{
   position: relative !important;
   max-width: 100%;
   overflow-wrap: break-word;
}

.filter_container{
  padding:15px 0px;
  border:1px solid #ccc;
  margin: 0px 0px 20px 0px;
  box-shadow: 1px 1px 10px #dddd;
}

.modal.color_black .modal-header{
  background-color: #000;
  padding:10px 15px;
  color: #fff;
  overflow: hidden;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
}

.modal.color_black .close{
	color: #fff;
	opacity:1;
}

.modal .modal-header{
  background-color: #fff;
  padding:8px 13px;
  color: #000;
  overflow: hidden;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
}

.modal .modal-footer{
  padding:8px 13px;
}

.modal .close{
	color: #767676;
	opacity:1;
  margin-top:2px;
}

.route_opts a .fa{
  margin: 5px !important;
}

.modal-md-s{
	width: 60% !important;
}

.modal-hug-s{
	width: 80% !important;
}

.panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
  content: "\e114";    /* adjust as needed, taken from bootstrap.css */
  float: right;        /* adjust as needed */
  color: grey;         /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.roadtrip_row_item{
  position: relative;
  display: inline-block;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.roadtrip_row_item:not(:first-of-type){
  padding-left: 15px;
}

@media screen and (min-width: 240px) and (max-width:1024px){
    .mobo-pad-top{
        padding-top: 10px;
    }
    .filter-dropdown{
        margin-left:0;
    }
}
@media screen and (min-width:240px) and (max-width:480px){
    .deliverybox{
        display: inline-block !important;
        min-width: unset !important;
        max-width: unset !important;
        width:43% !important;
    }
    .navbar-default .sidebar{
        margin-top:0px;
    }
    .navbar-top-links{
        float:right;
    }
}
@media screen and (min-width:481px) and (max-width:640px){
    .deliverybox{
        display: inline-block !important;
        min-width: unset !important;
        max-width: unset !important;
        width:30% !important;
    }
    .navbar-default .sidebar{
        margin-top:0px;
    }
    .navbar-top-links{
        float:right;
    }
}
@media screen and (min-width:760px) and (max-width: 1025px){
    .deliverybox{
        display: inline-block !important;
        min-width: unset !important;
        max-width: 155px !important;
        width:30% !important;
    }
    .wj_driver_box{
        display: inline-block !important;
        min-width: unset !important;
        max-width: unset !important;
        width:48% !important;
    }
    .mobo-pad-top{
        padding-top: 10px;
    }
    
    datepicker{
        height: auto !important;
        width: 100% !important;
        float: none !important;
    }
}

@media screen and (min-width: 1124px) {

    .modal-dialog{
        width:50%;
    }

}

@media screen and ( min-width: 1026px) and (max-width: 1199px) {

    .mobo-pad-top{
        padding-top: 10px;
        display: block !important;
        overflow: normal !important;
        height: auto !important;
    }
    datepicker{
        height: auto !important;
        width: 100% !important;
        float: none !important;
    }
    .deliverybox{
        display: inline-block !important;
        min-width: unset !important;
        max-width: 155px !important;
        width:30% !important;
    }
    .wj_driver_box{
        display: inline-block !important;
        min-width: unset !important;
        max-width: unset !important;
        width:48% !important;
    }
    .mobo-pad-top{
        padding-top: 10px;
    }
}