@font-face {
	font-family: 'Chrobot';
	src:  url('fonts/Chrobot.ttf.woff') format('woff'),
	url('fonts/Chrobot.ttf.svg#Chrobot') format('svg'),
	url('fonts/Chrobot.ttf.eot'),
	url('fonts/Chrobot.eot?#iefix') format('embedded-opentype'); 
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ProFontWindows';
	src:  url('fonts/ProFontWindows.ttf.woff') format('woff'),
	url('fonts/ProFontWindows.ttf.svg#ProFontWindows') format('svg'),
	url('fonts/ProFontWindows.ttf.eot'),
	url('fonts/ProFontWindows.eot?#iefix') format('embedded-opentype'); 
	font-weight: normal;
	font-style: normal;
}

.btn:hover {
    color: #F25922;
}

.controlDays {
    background-color: transparent;
}

.controlDays button {
    background-color: transparent;
}

.user-icon-wrapper {
    position: relative;
    display: inline-block;
}

.user-tooltip {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 30px; /* Use top desde o início, não bottom */
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    background: #F25922;
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 8px 25px rgba(242, 89, 34, 0.4);
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    z-index: 1000;
    border: 2px solid rgba(255, 255, 255, 0.2);
    text-align: center;
}

.user-tooltip::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #F25922;
}

.user-icon-wrapper:hover .user-tooltip {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) scale(1);
}


.user-setting {
    display: flex;
    flex-direction: row;
    text-align: center;
    width: 135px;
    margin: 5px 0;
    align-items: center;
}

.user-setting p{
    margin: 0;
    font-size: 10px;
    margin-left: 5px;
}

.rowWithDriver {
    position: relative;
}

.driver-content {
    display: block;
    padding-right: 30px;
    word-wrap: break-word;
}

.iconImgDriver {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.btn-bgOrange {
    background-color: #F25922;
    color: white;
}

.btn-bgOrange:hover {
    background-color: #F25922;
    color: white;
}

.user-icon-wrapper .fa-user-circle {
    cursor: pointer;
    transition: transform 0.2s ease;
    border: 1px solid #ccc !important;
}

.user-icon-wrapper:hover .fa-user-circle {
    transform: scale(1.1);
}

#voxlocalizawrapper{
	background-image: linear-gradient(to top, #00256c, #033d88, #0957a3, #1372be, #208dd9);
	box-shadow: inset 0 0 200px #000;
	text-align: center;
	padding-top:10px;
}

#btn-logout{
	background: linear-gradient(to bottom, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
	color: white !important;
}

#splitter-horizontal{
	height:7px;
	background-color: #F25922;
	cursor: row-resize;
}

.stick {
	position: fixed !important;
	top: 0;
	z-index: 9999;
    width: 100vw;
}

.botoes_bar {
	z-index: 10;
	background-color: indianred;
	height: 50px;
	width: 100%;
	vertical-align: middle;
}

.card-header{
	padding: 0px 10px 1px 10px;
}

.close{
	opacity: 1;
}

.close span{
	font-size: 20px !important;
	opacity: 1 !important;
	color: #000;
	border-color: #000;
}

.key-menu {
	position:absolute !important; 
	margin-left:-225px !important;
	margin-top:-23px !important;
	z-index:1001 !important;
}

.leaflet-control-layers{
    margin-right: 20px !important;
}
  
.DynarchCalendar-day-selected:hover{
  margin-right: 2px !important;
}

.DynarchCalendar-day-today.DynarchCalendar-day-selected:hover{
  margin-right: unset !important;
  margin-right: 2px !important;
}

input:focus {outline:0 !important;}
button:focus {outline:0 !important;}

body{
    max-width: 100%;
    overflow-x: hidden;
    background-color: #fff;
}

.borderedvox{
	border-bottom: 3px solid #c1c1c1 !important;;
}
 
.leaflet-label{
    /*top:12px !important;
    left:23px;*/
	top:-1px !important;
	padding:0px 2px 0px 3px !important;
	opacity: 0.8 !important;
	color: #00256C !important;
	border:1px solid #eee !important;
}
  
 
.table {
    background-color: #fff;
    border-top: 0px;
}

a{
	cursor: pointer !important;
}

.row h1,
.row h2,
.row h3,
.row h4{
    margin-bottom:0;
}

.checkboxdiv{
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
}

.checkboxdiv label:hover{
  color: #00256c;
}

.nome_motorista{
	color: #337ab7; /*#1fb4c1; */
	font-weight: normal;
}

.tooltip-inner {
    /* white-space:pre-wrap; */
}

.tooltip{
	opacity: 1 !important;
}

.dropdown-menu.no-close{
   max-width: unset !important;
   width: auto !important;
   white-space: nowrap !important;
}

.dropdown-menu input[type=checkbox]{
    margin: 0px 10px;
}

.dropdown-menu.no-close>li>label{
    margin: 0 10px 0 0;
}

.displayblock{
	display: block !important;
    float: none !important;
}

.dropdown{
    display: inline-block !important;
    width: unset !important;
    height:unset !important;
}

label{
    font-weight: normal;
}

.dmargins{
    margin: 10px 15px;
}

.dpadding{
  padding: 10px;
}

#panel-heading .col-lg-1,
#panel-heading .col-lg-2,
#panel-heading .col-lg-3,
#panel-heading .col-lg-4,
#panel-heading .col-lg-5,
#panel-heading .col-lg-6,
#panel-heading .col-lg-7,
#panel-heading .col-lg-8,
#panel-heading .col-lg-9,
#panel-heading .col-lg-10{
    min-height:50px;
}

.default-text-input{
  position: relative;
  padding: 4px 5px;
  border:1px solid #ccc;
  border-radius: 4px;
  margin:0 !important;
  top: 1px !important;
  min-width: 350px;
}

.vermelhogradiente{
    background: linear-gradient(to bottom, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
	color: white !important;
}
 

button.vermelhogradiente{
    background: linear-gradient(to bottom, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
    color: white !important;
}

button.vermelhogradiente:hover{
    background: linear-gradient(to bottom, rgba(241,4,59,1) 0%, rgba(201,3,49,1) 44%, rgba(153,0,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1043b', endColorstr='#990024', GradientType=0 );
    color: white !important;
}

.colorvox{
    color: #00256c;
}

#panel-subheader .col-lg-1,
#panel-subheader .col-lg-2,
#panel-subheader .col-lg-3,
#panel-subheader .col-lg-4,
#panel-subheader .col-lg-5,
#panel-subheader .col-lg-6,
#panel-subheader .col-lg-7,
#panel-subheader .col-lg-8,
#panel-subheader .col-lg-9,
#panel-subheader .col-lg-10{
    min-height:50px;
}

#panel-subheader .btn{
    margin-top: -3px;
}

#panel-heading button{
    /*padding: 10px;*/
}

input[type=button].gradientbackground,input[type=submit].gradientbackground,button.gradientbackground{
    border:1px solid #ccc !important;
}

.panel.gradientbackground{
    border:1px solid #ccc !important;
}

.col-lg-1.gradientbackground,
.col-lg-2.gradientbackground,
.col-lg-3.gradientbackground,
.col-lg-4.gradientbackground{
}

.panel .panel-default {
    padding: 10px 10px 5px 10px;
}

.borderOrange {
    border-color: #000 !important;
}

.backgroundvoxsat, .backgroundvoxsat:hover, .backgroundvoxsat:active{
	background-color: #F25922;
	color: black;
}

.dropdown-menu li a:hover {
    background-color: #dcdcdc;
}

input[type=button].gradientbackground:hover,input[type=submit].gradientbackground:hover,button.gradientbackground:hover{
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
} 

.darkgradient{
    background-color: #F25922;
    color:#fff;
}

.pesquisar {
    display: flex;
}

.pesquisar button {
    margin-left: 50px;
}

.darkgradient:hover{
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    color: #fff;
}

.darkgradient:active,.darkgradient:focus{
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    color: #fff;
}


.panel-default label:first-of-type {
    margin-left:10px;
}

.revisoesM {
    display: flex;
    align-items: center;
    text-align: center;
}

.revisoesM .col-lg-2{
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: center;
}

.revisoesM .col-lg-2 p{
    margin: 0;
}

input[type="text"]:focus, textarea.form-control:focus {
    outline: none;
    border-color: #F25922;
    background: white;
    box-shadow: 0 0 0 3px rgba(242, 89, 34, 0.1);
}

.gradientbackground {
    border:1px solid transparent;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FFFFFF),
        color-stop(1, #E0E0E0)
    );
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E0E0E0 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #E0E0E0 100%);
    border-bottom:2px;
    color: #000;
}

.fa {
    color: #F25922;
}

.header {
    background-color: #fff ;
    background-image: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.header-center {
    display: flex;
    flex-direction: row;
    align-items: center;
    /* 
    align-items: center; */
}

.header-drop {
    margin: 0 5px;
}

.header-info {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header-finalspacing {
    width: 150px;
}

#routes_menu img {
    padding-right: 2rem;
}

#logo-wrapper {
    position: relative;
    width:100%;
    border: 1px solid transparent;
}

#logo-interno {
    width: 200px;
    height: 60px;
    margin-left: 15px;
}

#map{
    width:100%;
    height:600px;
}

#map:hover + #map-controls{
   right: 0;
   -webkit-transition: all 200ms ease;
   -moz-transition: all 200ms ease;
   -o-transition: all 200ms ease;
   -ms-transition: all 200ms ease;
   transition: all 200ms ease;
}

#map-controls{
    right: -105px;
   -webkit-transition: all 200ms ease;
   -moz-transition: all 200ms ease;
   -o-transition: all 200ms ease;
   -ms-transition: all 200ms ease;
   transition: all 200ms ease;
}

#map-controls:hover{
    right:0;
}

#map-controls{
    position: absolute;
    top:60%;
    width:105px;
    padding:10px;
    height:auto;
    right:-105px;
    text-align: left;
    background-color: rgba( 0,0,0, 0.7);
    z-index: 9999 !important;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}

#map-controls button{
    min-width:87px;
    font-size: 12px !important;
    display:block;
    margin:5px 0;
    border-radius:8px;
}

.notify_message{
	z-index: 999 !important;
}

#tablevehicles{
  z-index: 999 !important;
}

#ref-controls{
  position: absolute;
  z-index: 998;
  left:10%;
  margin-top:-32px !important;
  margin: 0 0 0 -100px;
  background-color: #000;
  opacity: 0.7;
  padding: 5px;
}

#ref-controls p, #ref-controls label{
  color:#fff;
  opacity: 1;
  padding:0;
  margin:0;
}

.panel{
    padding:0px !important;
    margin:0 !important;
}

.panel-default{
    padding:5px !important;
    margin:7px 10px 10px 0px !important;
}

.panel-default label{
    margin:0 !important;
}

button{
    font-size:12px !important;
    padding:5px !important;
}
/*
#panel-heading button{
    margin-top:10px;
    margin-bottom:10px;
}
*/

.fontsize11{
	font-size: 11px !important;
}

.fontsize14{
	font-size: 14px !important;
}

.fontsize15{
	font-size: 15px !important;
}

.fontsize16{
	font-size: 16px !important;
}

.fontsize17{
	font-size: 17px !important;
}

.fontsize20{
	font-size: 20px !important;
}

table.voxtable{
	white-space: nowrap;
}

.dropdown a{
	color: unset !important;
}
table.voxtable tr>th{
    text-align: center;
    background-color: #F25922;
    color: #fff;
    font-weight: normal;
    padding:2px !important;
    font-size:14px !important;
}

.voxtable tr>td{
    line-height: 1em !important;
    padding: 4px 10px !important;
    vertical-align: middle !important;
}

#main-search-vehicles2{
    margin-left:30px !important;
}

.mobileshow{
    display:none;
}

.leaflet-label {
	background: rgba(235, 235, 235, 0.81);
	background-clip: padding-box;
	border-color: rgba(0,0,0,0.25);
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	color: red;
	display: block;
	font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 1px 1px;
	position: absolute;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	pointer-events: none;
	white-space: nowrap;
	z-index: 6;
}
.leaflet-popup-content-wrapper{
	width: 400px;
	border-radius:3px !important;
}
.leaflet-popup-content{
	width:390px !important;
}
hr {
	margin-top:10px !important;
	margin-bottom:10px !important;
}
.driver_avatar{
	max-width: 100px !important;
	max-height:100px !important;
}
.driver_avatar img{
	width:100%;
}

#routes_menu,
#routes_filter{
    padding: 5px 5px 5px 20px !important;
}

.date-custom, .small-text-field{
    max-width: 200px;
    display: inline-block;
}

.logo-img{
    padding:5px;
}

.DynarchCalendar-topCont{
  /*margin-left:160px;*/
  font-size:11px !important;
}

.table .cactive1{
	background-color: #e8f1fe !important;
}

#pdf-msg-loading{
  background-color: #fff;
  font-size:20px;
  position: fixed;
  left:50%;
  top: 50%;
  margin: auto auto auto -150px;
  padding:30px;
  border-radius: 5px;
  box-shadow: 0 0 10px #000; 
}

.panel-green {
  border-color: #5cb85c;
}
.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
.panel-green > a {
  color: #5cb85c;
}
.panel-green > a:hover {
  color: #3d8b3d;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}

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

.mot_box{
  border:1px solid #000;
  padding:0 !important;
  margin-left:15px;
  margin-top:15px;
  background-color: #fff;
  border-radius: 6px;
  overflow:hidden;
  min-height: 178px !important;
}

.mot_box .col-lg-4{
	display:inline-block !important;
}

.mot_box .mot_foto{
  padding:0 !important;
  display:inline-block !important;
  float:left;
}

.mot_box .mot_foto img{
  width: 100%;
  display:inline-block !important;
  float:left;
}
 
.mot_box h5{
    margin-bottom: 8px;
	font-weight:bold;
}

.suport_contact{
position: fixed;
bottom:15px;
left:17px;
z-index: 999;
max-height: 41px;
}
.suport_contact #suport_icon{
float:left;
cursor:pointer;
}
.suport_contact #suport_icon img{
border-radius: 4px;
}
.suport_contact #suport_call_text{
float:right;
background-image: linear-gradient(to bottom, #00256c, #003377, #004280, #004f89, #135d90);
margin-left:-4px;
border-radius: 4px; max-width: 100%;
width:0;
overflow: hidden;
transition: 0.15s linear !important;
}
.suport_contact #suport_call_text p{
padding:10px;
color: #fff;
margin: 0 !important;
overflow:hidden;
min-width:130px;
}
.suport_contact #suport_icon:hover+#suport_call_text{
width: 120px;
transition: 0.15s linear;
}

#suporteModal .modal-header{
    padding:0;
}

#suporteModal .modal-header h5{
    display: inline-block !important;
    padding:5px 10px;
}

#suporteModal .modal-header .close{
    font-size: 23px;
    margin-top: 10px;
    margin-right:10px;
}

.leaflet-popup .col-lg-9 span{
  color: #003377 !important;
}

.nav-tabs li a{
    color: #004f89;
}

.nav-tabs li.active a{
    background-color: #004f89 !important;
    color: #fff !important;
    border-radius: 0px !important;
}

.relatorio-title {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.relatorio-title h3{
    margin-top: 0px;
    margin-right: 10px;
}

@media screen and (min-width:240px) and (max-width:600px)
{
	#panel-heading .col-lg-1,
	#panel-heading .col-lg-2,
	#panel-heading .col-lg-3,
	#panel-heading .col-lg-4,
	#panel-heading .col-lg-5,
	#panel-heading .col-lg-6,
	#panel-heading .col-lg-7,
	#panel-heading .col-lg-8,
	#panel-heading .col-lg-9{
		min-height: 65px;
	}
	
	.leaflet-popup-content-wrapper{
		width: 250px;
	}
	
	.leaflet-popup-content-wrapper *{
		max-width:240px;
	}
	
    .dropdown{
       width:46% !important;    
       margin: 0px 6px 0px 6px; 
    }
    .dropdown button{
        width:100% !important;
        margin-left:0 !important;
    }
    #panel-heading button{
        position: relative !important;
        width: 46%;
        margin: 5px 5px 0px 5px;
    }
    
    #panel-heading #main-search-vehicles2{
        margin:5px !important;
        min-width: 100px;
        width:97%;
    }
    
    .mobilehide{
        display:none;
    }
    .mobileshow{
        display:inline-block;
    }
    #logo-wrapper{
        width:40%;
        float:left;
    }    
    #mobile-logout{
        width:auto !important;
        float:right;
        margin-right:10px !important;
        margin-top: 10px !important;
    }
    #search-vehicle{
        width:99% !important;
    }
    #main-search-vehicles{
        margin: auto 15px auto 15px !important;
        width:90%;
    }
}

@media screen and (min-width:801px) and (max-width:899px)
{
    #map-controls{
        display:none !important;
    }
    .mobilehide{
        display:none;
    }
    .mobileshow{
        display: inline-block;
    }
    #logo-wrapper{
        width:40% !important;
        display: inline-block;
    }
    #mobile-logout{
        display: inline-block;
        float: right;
        margin: 15px !important;
    }
    #main-search-vehicles2{
        margin:0 10px 10px 10px !important;
        width: 97%;
    }
    #panel-heading .dropdown:first-of-type{
        margin-left:10px;
    }
}

@media screen and (min-width: 601px) and (max-width:800px)
{
    .mobilehide{
        display: none;
    }
    
    .mobileshow{
        display:inline-block;
    }
    
    #logo-wrapper{
        width:50% !important;
        display: inline-block;
    }
    #mobile-logout{
        float:right;
        width:10%;
        margin:10px;
    }
    #main-search-vehicles2{
        margin: 0 10px 10px 10px !important;
        width: 96%;
    }
    #panel-heading .col-lg-5 .dropdown:first-of-type{
        margin-left:10px;
    }
    #main-search-vehicles{
        width:96%;
        margin: auto 10px auto 10px;
    }
}

@media screen and (min-width: 900px) and (max-width:1000px)
{
    #map-controls{
        display:none !important;
    }
    .mobilehide{
        display:none;
    }
    .mobileshow{
        display: inline-block;
    }
    #logo-wrapper{
        width:40% !important;
        display: inline-block;
    }
    #mobile-logout{
        display: inline-block;
        float: right;
        margin:10px !important;
    }
    #main-search-vehicles2{
        margin:0 10px 10px 10px !important;
        width: 97%;
    }
    #panel-heading .dropdown:first-of-type{
        margin-left:10px;
    }
}

@media screen and (min-width:1001px) and (max-width:1030px)
{
   .mobilehide{
        display:none;
    }
    
    .mobileshow{
        display: inline-block !important;
    }
    
    
    #panel-heading .col-lg-5 .dropdown:first-of-type{
        margin-left:15px;
    }
    
    #logo-wrapper{
        width:50% !important;
        display: inline-block;
    }
    #mobile-logout{
        float:right;
        width:auto;
        margin:10px;
    }
}

@media screen and (min-width:1031px) and (max-width:1060px)
{
   .mobilehide{
        display:none;
    }
    
    .mobileshow{
        display: inline-block !important;
    }
    
    
    #panel-heading .col-lg-5 .dropdown:first-of-type{
        margin-left:15px;
    }
    
    #logo-wrapper{
        width:50% !important;
        display: inline-block;
    }
    #mobile-logout{
        float:right;
        width:auto;
        margin:10px;
    }
}

@media screen and (min-width:1061px) and (max-width:1090px)
{
   .mobilehide{
        display:none;
    }
    
    .mobileshow{
        display: inline-block !important;
    }
    
    
    #panel-heading .col-lg-5 .dropdown:first-of-type{
        margin-left:15px;
    }
    
    #logo-wrapper{
        width:50% !important;
        display: inline-block;
    }
    #mobile-logout{
        float:right;
        width:auto;
        margin:10px;
    }
}

@media screen and (min-width:1091px) and (max-width:1124px)
{
    .mobilehide{
        display:none;
    }
    
    .mobileshow{
        display: inline-block !important;
    }
    
    
    #panel-heading .col-lg-5 .dropdown:first-of-type{
        margin-left:15px;
    }
    
    #logo-wrapper{
        width:50% !important;
        display: inline-block;
    }
    #mobile-logout{
        float:right;
        width:auto;
        margin:10px;
    }
}

@media screen and (min-width:1125px) and (max-width:1140px)
{
    .mobilehide{
        display:none;
    }
    
    .mobileshow{
        display: inline-block !important;
    }
    
    
    #panel-heading .col-lg-5 .dropdown:first-of-type{
        margin-left:15px;
    }
    
    #logo-wrapper{
        width:50% !important;
        display: inline-block;
    }
    #mobile-logout{
        float:right;
        width:auto;
        margin:10px;
    }
}

@media screen and (min-width:1141px) and (max-width:1160px)
{
    .mobilehide{
        display:none;
    }
    
    .mobileshow{
        display: inline-block !important;
    }
    
    
    #panel-heading .col-lg-5 .dropdown:first-of-type{
        margin-left:15px;
    }
    
    #logo-wrapper{
        width:50% !important;
        display: inline-block;
    }
    #mobile-logout{
        float:right;
        width:auto;
        margin:10px;
    }
}

@media screen and (min-width:1161px) and (max-width:1190px)
{
    .mobilehide{
        display:none;
    }
    
    .mobileshow{
        display: inline-block !important;
    }
    
    
    #panel-heading .col-lg-5 .dropdown:first-of-type{
        margin-left:15px;
    }
    
    #logo-wrapper{
        width:50% !important;
        display: inline-block;
    }
    #mobile-logout{
        float:right;
        width:auto;
        margin:10px;
    }
}

@media screen and (min-width:1180px) and (max-width:1200px)
{
    #panel-heading .col-lg-1:first-of-type{
        width:10%;
        max-width: 120px;
    }
    #panel-heading .col-lg-1 #logo-interno, #panel-heading .col-lg-1 #logo-wrapper{
        width: 100px;
    }
    #panel-heading-btns{
        width:50%;
        min-width:660px !important;
    }
    #panel-heading #search-vehicle{
        width:25%;
        min-width:300px;
    }
    #panel-heading .col-lg-2{
        width:10%;
        min-width:50px;
    }
}

@media screen and (min-width:1191px) and (max-width:1199px)
{
    #panel-heading .col-lg-1:first-of-type{
        width:10%;
        max-width: 120px;
    }
    #panel-heading .col-lg-1 #logo-interno, #panel-heading .col-lg-1 #logo-wrapper{
        width: 100px;
    }
    #panel-heading-btns{
        width:50%;
        min-width:660px !important;
    }
    #panel-heading #search-vehicle{
        width:25%;
        min-width:300px;
    }
    #panel-heading .col-lg-2{
        width:11%;
        min-width:50px;
    }
}


@media screen and (min-width:1201px) and (max-width:1220px)
{
    #panel-heading .col-lg-1:first-of-type{
        width:10%;
    }
    #panel-heading .col-lg-1 #logo-wrapper, #panel-heading .col-lg-1 #logo-interno{
        max-width: 110px !important;
    }
    #panel-heading-btns{
        width:50%;
        min-width:660px !important;
    }
    #panel-heading #search-vehicle{
        width:29%;
    }
    #panel-heading .col-lg-2{
        width:9.5%;
        min-width: 50px;
        max-width: 80px;
    }
}

@media screen and (min-width:1221px) and (max-width:1230px)
{
    #panel-heading .col-lg-1:first-of-type{
        width:10%;
    }
    /* #panel-heading .col-lg-1 #logo-wrapper, #panel-heading .col-lg-1 #logo-interno{
        max-width: 110px !important;
    } */
    #panel-heading-btns{
        width:50%;
        min-width:660px !important;
    }
    #panel-heading #search-vehicle{
        width:29%;
    }
    #panel-heading .col-lg-2{
        width:9.5%;
        min-width: 50px;
        max-width: 90px;
    }
}

@media screen and (min-width:1231px) and (max-width:1260px)
{
    #panel-heading .col-lg-1:first-of-type{
        width:10%;
    }
    /* #panel-heading .col-lg-1 #logo-wrapper, #panel-heading .col-lg-1 #logo-interno{
        max-width: 110px !important;
    } */
    #panel-heading-btns{
        width:50%;
        min-width:660px !important;
    }
    #panel-heading #search-vehicle{
        width:29%;
    }
    #panel-heading .col-lg-2{
        width:9%;
        min-width: 50px;
        max-width: 100px;
    }
}

@media screen and (min-width:1261px) and (max-width:1290px)
{
/*     #panel-heading .col-lg-1:first-of-type{
        width:10%;
    }
    #panel-heading .col-lg-1 #logo-wrapper, #panel-heading .col-lg-1 #logo-interno{
        max-width: 110px !important;
    }
    #panel-heading-btns{
        width:50%;
        min-width:680px !important;
    }
    #panel-heading #search-vehicle{
        width:28%;
    }
    #panel-heading .col-lg-2{
        width:9.5%;
        min-width: 50px;
        max-width: 140px;
    } */
    
    /* #logo-interno{
        max-width: 100px !important;;
        margin-top:10px;
    } */
    
    #panel-heading .btn{
        font-size: 11px !important;
    }
}


@media screen and (min-width:1291px) and (max-width:1300px)
{
    #panel-heading .col-lg-1:first-of-type{
        width:10%;
    }
    /* #panel-heading .col-lg-1 #logo-wrapper, #panel-heading .col-lg-1 #logo-interno{
        max-width: 100px !important;
    } */
    #panel-heading-btns{
        width:50%;
        min-width:660px !important;
    }
    #panel-heading #search-vehicle{
        width:29%;
    }
    #panel-heading .col-lg-2{
        width:10%;
    }
}

@media screen and (min-width:1301px) and (max-width:1360px)
{
    #panel-heading .col-lg-1:first-of-type{
        width:10%;
    }
    /* #panel-heading .col-lg-1 #logo-wrapper, #panel-heading .col-lg-1 #logo-interno{
        max-width: 100px !important;
    } */
    #panel-heading-btns{
        width:50%;
        min-width:660px !important;
    }
    #panel-heading #search-vehicle{
        width:29%;
    }
    #panel-heading .col-lg-2{
        width:10%;
    }
}

@media screen and (min-width:1361px) and (max-width:1390px)
{
    /* #logo-interno{
        width: 130% !important;
        max-width: 130px !important;
        margin-top:10px;
    } */
}

@media screen and (min-width:1391px) and (max-width:1420px)
{
    #panel-heading .col-lg-1:first-of-type{
        width:10%;
    }
    #panel-heading .col-lg-1 #logo-interno, #panel-heading .col-lg-1 #logo-wrapper{
        max-width: 110px;
    }
    #panel-heading-btns{
        width:50%;
        min-width:660px !important;
    }
    #panel-heading #search-vehicle{
        width:34.5%;
    }
    #panel-heading .col-lg-2{
        width:5%;
    }
}

@media screen and (min-width:1421px) and (max-width:1460px)
{
    #panel-heading .col-lg-1:first-of-type{
/*         width:10%; */
    }
    #panel-heading .col-lg-1 #logo-interno, #panel-heading .col-lg-1 #logo-wrapper{
        max-width: 100% !important;
        padding: 0 !important;
        margin-top: 20px !important;
        margin-left: 5px;
    }
    #panel-heading-btns{
/*         width:50%;
        min-width:660px !important; */
    }
    #panel-heading #search-vehicle{
/*         width:34.5%; */
    }
    #panel-heading .col-lg-2{
/*         width:5%; */
    }
    
    #logo-interno{
/*         margin-top:5px !important; */
/*         max-width: 135px !important; */
    }
    
    #search-vehicle{
/*         max-width: 30% !important; */
    }
    
    #logout_btns_wrapper{
/*         width:10% !important; */
    }
}

@media screen and (min-width:1461px) and (max-width:1490px)
{
    #panel-heading .col-lg-1:first-of-type{
        width:10%;
    }
    #panel-heading .col-lg-1 #logo-interno, #panel-heading .col-lg-1 #logo-wrapper{
        max-width: 110px;
    }
    #panel-heading-btns{
        width:50%;
        min-width:660px !important;
    }
    #panel-heading #search-vehicle{
        width:34.5%;
    }
    #panel-heading .col-lg-2{
        width:5%;
    }
}

@media screen and (min-width:1491px) and (max-width:1520px)
{
    #panel-heading .col-lg-1:first-of-type{
        width:10%;
    }
    #panel-heading .col-lg-1 #logo-interno, #panel-heading .col-lg-1 #logo-wrapper{
        max-width: 110px;
    }
    #panel-heading-btns{
        width:50%;
        min-width:660px !important;
    }
    #panel-heading #search-vehicle{
        width:34.5%;
    }
    #panel-heading .col-lg-2{
        width:5%;
    }
}

@media screen and (min-width:1521px) and (max-width:1560px)
{
    #panel-heading .col-lg-1:first-of-type{
        width:10%;
    }
    #panel-heading .col-lg-1 #logo-interno, #panel-heading .col-lg-1 #logo-wrapper{
        max-width: 110px;
    }
    #panel-heading-btns{
        width:50%;
        min-width:660px !important;
    }
    #panel-heading #search-vehicle{
        width:34.5%;
    }
    #panel-heading .col-lg-2{
        width:5%;
    }
}

@media screen and (min-width:1561px) and (max-width:1590px)
{
    #panel-heading .col-lg-1:first-of-type{
        width:10%;
    }
    #panel-heading .col-lg-1 #logo-interno, #panel-heading .col-lg-1 #logo-wrapper{
        max-width: 110px;
    }
    #panel-heading-btns{
        width:50%;
        min-width:660px !important;
    }
    #panel-heading #search-vehicle{
        width:34.5%;
    }
    #panel-heading .col-lg-2{
        width:5%;
    }
}

@media screen and (min-width: 800px ){
/*     #main-search-vehicles{
        margin: auto 15px auto 15px !important;
        width:97%;
    } */
    .date-custom{
        width:80%;
    }
    h1{
        font-size: 2rem;
    }
    h2{
        font-size: 1.75rem;
    }
    h3{
        font-size: 1.5em;
    }
}

 

@media screen and (min-width:959px) and (max-width:1124px)
{
    #panel-heading .dropdown:first-of-type{
        margin-left:15px;
    }
    .mobilehide{
        display: none;
    }   
    .mobileshow{
        display: inline-block;
    }
    #logo-wrapper{
        display:inline-block;
        width: 50%;
    }
    #mobile-logout{
        float:right;
        margin: 10px !important;
    }
    #main-search-vehicles2{
        margin-left:5px !important;
    }
}

@media screen and (min-width:1591px ){
    /* #logo-interno{
       max-width: 155px !important;
       margin-top: 6px;
    } */
}