@charset "utf-8";

/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
body { margin: 0px; font-family: 'Open Sans', serif; font-size: 14px; background: #fff; color: #333; }
table { width: 100%; border-collapse: collapse; }
td { font-size: 12px; border: 1px solid #fff; padding: 4px; background: #f1f1f1; }
th { font-size: 12px; text-align: left; background: #0066CC; padding: 4px; color: #fff; }
#table td { background: none; }
#table input,
textarea { padding: 5px; border: 1px solid #ccc; border-radius: 3px 3px 3px 3px; color: #333; }
img { border: none; }
#wrapper { width: 1003px; margin: 0px auto; }
#top-bar { height: 10px; background: #FFCC00; border-bottom: 1px solid #000; }
#header-bar { height: 150px; background-image: url(img/20years.png), url(img/right-trucks.png); background-position: center center, right -11px; background-repeat: no-repeat; background-color: #0063c7; }
#nav-bar { width: 100%; background: #FFCC00; float: left; }
#menu { width: 1003px; margin: auto; }
#menu ul { margin: 0px; padding: 0px; float: left; list-style: none; }
#menu ul li { float: left; display: inline; font-size: 14px; font-weight: bold; letter-spacing: 1px; margin-right: 5px; position: relative; text-transform: uppercase; }
#menu ul li a { float: left; display: block; color: #000; line-height: 40px; padding: 0 15px; position: relative; text-decoration: none; }
#menu ul li a:hover,
#menu ul li.active a,
#menu ul li:hover a { background-color: #021210; text-decoration: none; color: #fff;z-index: 1;position: relative; }
#menu ul li a:hover:before,
#menu ul li.active a:before,
#menu ul li:hover a:before { bottom: -1px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #f9f9f9; border-width: 10px; margin-left: -10px;z-index: -1; }
#menu ul li ul { display: none; position: absolute; left: 0px; top: 40px; width: 250px; z-index: 1111; }
#menu ul li:hover ul { display: block; }
#menu ul li ul li { display: block; float: left; width: 100%; text-transform: none; font-weight: normal; margin: 0px; }
#menu ul li ul li a { display: block; float: left; width: 230px; padding: 5px 10px; line-height: 22px; background-color: #0066CC !important; border-top: #042621 1px solid; }
#menu ul li ul li a:hover { background-color: #021210 !important; color: #FFF; }
#menu ul li ul li a:before { display: none; }
#content { float: left; font-size: medium; width: 750px; margin-top: 50px; margin-left: 30px; }
#content h1 { font-size: 24px; color: #06C; border-bottom: 1px solid #06c; }
#content h2 { font-size: 18px; color: #c00; letter-spacing: 0.1em; font-weight: 500; line-height: 20px; }
#content h2 span { font-size: 16px; display: block }
#content h3 { font-size: large; color: #c00; margin: 0px; }
.notes li { list-style: none; font-size: 12px; }
.ticker_font { color: #333; background-color: #fff; border: 0px; cursor: default; font-weight: bold; }
#right-panel { float: right; margin-top: 70px; }
#box { font-size: small; background: #f1f1f1; width: 250px; padding: 10px; border: 1px solid #ccc; }
#box a { text-decoration: none; font-weight: bold; }
#box a:hover { color: #c00; }
#footer { height: 45px; background: #0066CC; border-top: 5px solid #fc0; margin-top: 50px; color: white; font-size: small; text-align: center; padding-top: 5px; }
#footer a { color: #fff; }

/* CSS Popout Menu */

/*Images Converted to css*/

.ticketInfo { box-sizing: border-box; }
.globalBox p { padding: 8px; margin: 0; font-size: 14px; font-weight: 600; }
.globalBox a { text-decoration: none; display: inline-block; }
.yellowBox { background: #ffcc00; /* Old browsers */ background: -moz-linear-gradient(top, #ffcc00 0%, #feff00 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffcc00 0%, #feff00 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffcc00 0%, #feff00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#feff00', GradientType=0); /* IE6-9 */ color: #333; border-top-right-radius: 8px; border-top-left-radius: 8px; padding: 0; margin: 0; }
.yellowBox h5 { background: #0066cb; /* Old browsers */ background: -moz-linear-gradient(top, #0066cb 0%, #023d74 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #0066cb 0%, #023d74 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #0066cb 0%, #023d74 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066cb', endColorstr='#023d74', GradientType=0); /* IE6-9 */ color: #ffff00; border-top-right-radius: 8px; font-size: 22px; border-top-left-radius: 8px; text-align: center; line-height: 26px; padding: 4px 8px; margin: 0; text-shadow: 2px 2px 5px #333; }
.yellowBox p { color: #000; }
.extraBox { max-width: 308px; box-shadow: 3px 5px 6px #a6a6a4; margin-bottom: 20px; width: 100%; position: relative; }
.bussBg { background: url(img/buss-bg.png) no-repeat left top; background-size: cover; width: 85px; height: 85px; position: absolute; bottom: 0; right: 7px; }
.markOn { color: #c80300; padding: 0 8px; width: 100%; font-size: 16px; font-weight: 700; }
.markOn span { width: 100%; display: inline-block; }
.blueBox { background: #0066cb; /* Old browsers */ background: -moz-linear-gradient(top, #0066cb 0%, #023d74 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #0066cb 0%, #023d74 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #0066cb 0%, #023d74 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066cb', endColorstr='#023d74', GradientType=0); /* IE6-9 */ color: #fff; border-top-right-radius: 10px; border-top-left-radius: 10px; margin: 0 0 20px; }
.blueBox h5 { background: #ffcc00; /* Old browsers */ background: -moz-linear-gradient(top, #ffcc00 0%, #f6cd01 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffcc00 0%, #f6cd01 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffcc00 0%, #f6cd01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#f6cd01', GradientType=0); /* IE6-9 */ color: #fff; border-top-right-radius: 8px; border-top-left-radius: 8px; padding: 3px 8px; margin: 0; font-size: 20px; line-height: 24px; text-shadow: 2px 2px 5px #333; text-align: center; position: relative; text-indent: -24px; }
.blueBox h5::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 0; color: #fdcc03; font-size: 60px; }
.blueBox p { text-align: center; font-size: 12px; font-weight: bold; text-shadow: 2px 2px 5px #333; letter-spacing: 0.5px; }
.justPhone { color: #ffd107; font-size: 16px; font-weight: 700; text-shadow: 2px 2px 5px #333; display: inline-block; width: 100%; line-height: 20px; margin: 0 0 8px; text-align: center; }
.justPhone::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f098"; margin-right: 7px; font-size: 18px; }
.width200 { max-width: 200px; width: 100%; }
.contactUsBox h5::before { content: "\f12a"; }
.lostProperty h5::before { content: "\f128"; right: 5px; }
.lostProperty p,
.lostProperty a { font-size: 16px; }
.lostProperty p { padding-bottom: 0; }
.lostProperty a { color: #fff; text-shadow: 2px 2px 5px #333; font-weight: 700; letter-spacing: 0.5px; text-align: center; display: inline-block; width: 100%; margin-bottom: 8px; }
.clearfix { clear: both; }
.round-star-label { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 100px; height: 100px; position: relative; border: none; font: normal 100%/normal Arial, Helvetica, sans-serif; color: rgba(0, 0, 0, 1); text-align: center; -o-text-overflow: clip; text-overflow: clip; background: #e20001; outline: 1px solid #fff; outline-offset: -5px; float: right; margin: 20px; }
.round-star-label::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 100px; height: 100px; position: absolute; content: ""; top: 0; left: 0; border: none; font: normal 100%/normal Arial, Helvetica, sans-serif; color: rgba(0, 0, 0, 1); -o-text-overflow: clip; text-overflow: clip; background: #e20001; text-shadow: none; -webkit-transform: rotateZ(30deg); transform: rotateZ(30deg); outline: 1px solid #fff; outline-offset: -5px; }
.round-star-label::after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 100px; height: 100px; position: absolute; content: ""; top: 0; left: 0; border: none; font: normal 100%/normal Arial, Helvetica, sans-serif; color: rgba(0, 0, 0, 1); -o-text-overflow: clip; text-overflow: clip; background: #e20001; text-shadow: none; -webkit-transform: rotateZ(60deg); transform: rotateZ(60deg); outline: 1px solid #fff; outline-offset: -5px; }
.onlyText { position: relative; z-index: 9; height: 100px; width: 100px; line-height: 100px; display: inline-block; text-decoration: none; color: #fef600; font-size: 18px; font-weight: 400; text-shadow: 2px 2px 7px #e0dc24; background: #e20001; outline: 1px solid #fff; outline-offset: -5px; }
.responsiveImages { max-width: 100%; }
.formGroup { float: left; margin: 0 0 10px; width: 100%; }
.formGroup label { float: left; display: block; width: 100%; margin: 0 0 10px; font-weight: 700; font-size: 14px; }
.formGroup input,
.formGroup textarea { box-sizing: border-box; float: left; line-height: 30px; padding: 0 10px; width: 100%; z-index: 9; border: 1px solid #ccc; }
/*===========================================*/
.gallarybox *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.gallarybox ul{margin:0;padding:0;list-style:none;margin:20px -10px;}
.gallarybox ul:after,.gallarybox ul:before{content:'';display:block;clear:both;}
.gallarybox ul li{float:left;width:33.3334%;padding:10px;}
.gallarybox ul li a{display:block;padding:10px;border:1px solid #ccc;}
.gallarybox ul li img{max-width:100%;}
@media (max-width:600px){
  .gallarybox ul li{float:left;width:50%;}
}
@media (max-width:500px){
  .gallarybox ul li{float:left;width:100%;}
  .gallarybox ul li img{width:100%;}
}
/*Media Queries*/
@media (max-width:1024px) {
  #wrapper { max-width: 1000px; width: 100%; box-sizing: border-box; }
  #menu { max-width: 1000px; width: 100%; }
  #content { max-width: 750px; width: 70%; margin: 0; padding: 0 16px 0 16px; box-sizing: border-box; }
  #right-panel { width: 30%; box-sizing: border-box; padding: 0 16px 0 16px; }
  .width200 { max-width: 100%; }
  #header-bar {background-size: 0, 350px; }
}
@media (min-width:831px) {
  .smHideShow2 { display: none; }
}
@media (max-width:830px) {
  #header-bar {background-size: 0, 300px; background-position: 0, right 0; }
  .smHideShow2 { display: block; margin-bottom: 20px; }
  .hideOnSmall2 { display: none; }
  table.this-stack { width: 100%; border-collapse: collapse; display: block; overflow: auto; }
  table.this-stack > tbody { width: 690px; float: left; }
  table.stack-two tr td { display: block; float: left; width: 50%; box-sizing: border-box; }
}
@media (max-width:880px) {
  #menu ul li a { padding: 0 9px; font-size: 13px; }
  .wrapMyResponsive table.myResponsive tr td::before { display: none !important; }
}
@media (min-width:768px) {
  .sidebar-toggle { display: none; }
  #right-panel.inFooter { display: none; }
  .smHideShow { display: none; }
}
@media only screen and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
  #menu ul li a { padding: 0 8px; font-size: 12px; }
  .blueBox h5 { font-size: 18px; }
  #menu ul li a:hover:before,
  #menu ul li.active a:before,
  #menu ul li:hover a:before,
  #menu ul li a:before { display: none; }
}
@media (max-width:768px) and (min-width:767px) {
  #menu ul li a { padding: 0 8px; font-size: 12px; }
  .blueBox h5 { font-size: 18px; }
  #menu ul li a:hover:before,
  #menu ul li.active a:before,
  #menu ul li:hover a:before,
  #menu ul li a:before { display: none; }
}
@media (max-width:767px) {
  #content h1 { font-size: 20px; }
  #menu ul li a { padding: 0 8px; font-size: 12px; }
  p { font-size: 14px; }
  #header-bar img { width: 50%; }
  #content { width: 100%; max-width: 100%; float: none; }
  #right-panel { width: 100%; margin: 20px 0 0; float: none; }
  #right-panel.inFooter { display: block; margin: 0; }
  #right-panel.inHeader { display: none; }
  .extraBox { max-width: 100%; margin-bottom: 0; }
  #footer { margin: 0; }
  .customPos { position: relative; float: right; padding: 10px; }
  #nav-bar { float: none; display: inline-block; width: 100%; box-sizing: border-box; }
  .notes,
  #box { margin-bottom: 20px; }
  .smHideShow { display: block; margin-bottom: 20px; }
  .hideOnSmall { display: none; }
  tr>td:first-child span.bt-content { font-weight: 700; }
  tr>td { width: 100%; }
  #menu ul li a:hover:before,
  #menu ul li.active a:before,
  #menu ul li:hover a:before,
  #menu ul li a:before { display: none; }
}
@media (max-width:600px) {
  #header-bar { height: auto; padding: 10px; box-sizing: border-box; background: #0066ca; }
  #header-bar img { width: 70%; padding: 0 !important; }
  .hideSmall { display: none; }
}
@media (max-width:400px) {
  #header-bar img { width: 100%; }
  .round-star-label { float: none; margin: 30px auto; }
}

/*menu*/
aside.sidebar ul { padding: 0; }
.sidebar-overlay { visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #000; z-index: 1034; -webkit-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
.sidebar-overlay.active { opacity: 0.5; visibility: visible; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; }
.sidebar { position: relative; display: block; min-height: 100%; overflow-y: auto; overflow-x: hidden; border: none; -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); }
.sidebar:before,
.sidebar:after { content: " "; display: table; }
.sidebar:after { clear: both; }
.sidebar::-webkit-scrollbar-track { border-radius: 2px; }
.sidebar::-webkit-scrollbar { width: 5px; background-color: #F7F7F7; }
.sidebar::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #BFBFBF; }
.sidebar .sidebar-header { position: relative; height: 157.5px; margin-bottom: 8px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sidebar .sidebar-header:hover .sidebar-toggle { opacity: 1; }
.sidebar .sidebar-toggle { position: relative; float: right; margin: 16px; padding: 0; background-image: none; border: none; height: 40px; width: 40px; font-size: 20px; opacity: 0.7; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sidebar .sidebar-toggle:before,
.sidebar .sidebar-toggle:after { content: " "; display: table; }
.sidebar .sidebar-toggle:after { clear: both; }
.sidebar .sidebar-image img { width: 54px; height: 54px; margin: 16px; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sidebar .sidebar-brand { position: absolute; bottom: 0; left: 0; right: 0; display: block; height: 48px; line-height: 48px; padding: 0; padding-left: 16px; padding-right: 56px; text-decoration: none; clear: both; font-weight: 500; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sidebar .sidebar-brand:hover,
.sidebar .sidebar-brand:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; }
.sidebar .sidebar-brand .caret { position: absolute; right: 24px; top: 24px; }
.sidebar .sidebar-brand .sidebar-badge { position: absolute; right: 16px; top: 12px; }
.sidebar .sidebar-brand:hover,
.sidebar .sidebar-brand:focus { text-decoration: none; }
.sidebar .sidebar-badge { display: inline-block; min-width: 24px; height: 24px; line-height: 24px; padding: 0 3px; font-size: 10px; text-align: center; white-space: nowrap; vertical-align: baseline; }
.sidebar .sidebar-badge.badge-circle { border-radius: 50%; }
.sidebar .sidebar-divider,
.sidebar .sidebar-nav .divider { position: relative; display: block; height: 1px; margin: 8px 0; padding: 0; overflow: hidden; }
.sidebar .sidebar-text { display: block; line-height: 1.5rem; padding: 0; padding-left: 16px; padding-right: 16px; text-decoration: none; clear: both; font-weight: 500; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sidebar .sidebar-text:hover,
.sidebar .sidebar-text:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; }
.sidebar .sidebar-text .caret { position: absolute; right: 24px; top: 24px; }
.sidebar .sidebar-text .sidebar-badge { position: absolute; right: 16px; top: 12px; }
.sidebar .sidebar-icon { display: inline-block; margin-right: 16px; min-width: 40px; width: 40px; text-align: left; font-size: 20px; }
.sidebar .sidebar-icon:before,
.sidebar .sidebar-icon:after { vertical-align: middle; }
.sidebar .sidebar-nav { margin: 0; padding: 0; }
.sidebar .sidebar-nav li { position: relative; list-style-type: none; }
.sidebar .sidebar-nav li a { position: relative; cursor: pointer; user-select: none; display: block; height: 48px; line-height: 48px; padding: 0; padding-left: 16px; padding-right: 56px; text-decoration: none; clear: both; font-weight: 500; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sidebar .sidebar-nav li a:hover,
.sidebar .sidebar-nav li a:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; }
.sidebar .sidebar-nav li a .caret { position: absolute; right: 24px; top: 24px; }
.sidebar .sidebar-nav li a .sidebar-badge { position: absolute; right: 16px; top: 12px; }
.sidebar .sidebar-nav li a:hover { background: transparent; }
.sidebar .sidebar-nav .dropdown-menu { position: relative; width: 100%; margin: 0; padding: 0; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.sidebar-default { background-color: #fff; }
.sidebar-default .sidebar-toggle { color: #212121; background-color: transparent; }
.sidebar-default .sidebar-brand { color: #B71C1C; background-color: transparent; }
.sidebar-default .sidebar-brand:hover,
.sidebar-default .sidebar-brand:focus { color: #212121; background-color: rgba(0, 0, 0, 0.1); }
.sidebar-default .sidebar-divider,
.sidebar-default .sidebar-nav .divider { background-color: #bdbdbd; }
.sidebar-default .sidebar-text { color: rgba(0, 0, 0, 0.55); }
.sidebar-default .sidebar-nav li > a { color: #212121; background-color: transparent; }
.sidebar-default .sidebar-nav li > a i { color: #757575; }
.sidebar-default .sidebar-nav li:hover > a,
.sidebar-default .sidebar-nav li > a:hover { color: #212121; background-color: #e0e0e0; }
.sidebar { width: 0; -webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); }
.sidebar.open { min-width: 280px; width: 280px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.sidebar-fixed-left { position: fixed; top: 0; bottom: 0; z-index: 1035; left: 0; box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.35); }
.menu-item-has-children::before { top: 15px; right: 15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 10px; z-index: 9; }
.sidebar-toggle { display: none; }
span.sidebar-toggle.customPos { font-size: 32px; }
span.sidebar-toggle.customPos > span { position: relative; z-index: 9; }
span.sidebar-toggle.customPos > span::before { position: relative; z-index: -1; }
@media (max-width:767px) {
  #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 { display: none !important; }
  .sidebar-toggle { display: block; }
  #menu { display: none; }
  .sidebar .sidebar-header { height: 135px; }
  .sidebar .sidebar-image img { width: 44px; height: 44px; }
  .sub-menu { display: none; }
  .btn-icon-only { height: 40px; width: 40px; line-height: 40px; margin: 16px; float: left; text-align: center; }
  .btn-icon-only span { line-height: 40px; }
  .flaticon-show-menu-button::before { color: #fff; margin-left: 0; }
  .top-header .lb-logo { width: 200px; }
  .top-header .lb-nav { width: 25px; float: right; margin-left: 20px; cursor: pointer; margin-top: 50px; }
  .top-header .lb-search { margin-top: 50px; }
  .top-header .lb-search [class^="flaticon-"]:before,
  .top-header .lb-search [class*=" flaticon-"]:before { font-size: 22px; }
}
@media (max-width:500px) {
  .sidebar.open { min-width: 85%; width: 85%; }
}
.sidebar-default .sidebar-nav li > a { color: #fff; background-color: transparent; text-transform: uppercase; }
.sidebar-default { background: #0066cb; /* Old browsers */ background: -moz-linear-gradient(top, #0066cb 0%, #023d74 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #0066cb 0%, #023d74 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #0066cb 0%, #023d74 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066cb', endColorstr='#023d74', GradientType=0); /* IE6-9 */ }
.sidebar-default .sidebar-nav li:hover > a,
.sidebar-default .sidebar-nav li > a:hover { color: #fff; background-color: #ffcc00; }
.sidebar-default .sub-menu li a { padding-left: 25px; padding-right: 15px; }
.sidebar-default .sidebar-toggle,
.sidebar-default .sidebar-toggle span::before { font-size: 16px; color: #002838; }
.sidebar-default .btn-icon-only,
.sidebar-default .btn-icon-only span::before { font-size: 22px; color: #fff; }

/*responsive tables*/