.margin1 { margin: 0 5px;}
.btn-text { font-size: 150%; }
.bg-orange { background: orange;}
.bg-silver { background: silver;}
.bg-lightgreen {background: lightgreen;}
.bg-one {background: #ffe6e6;}
.bg-two {background: #ffb3b3;}
.bg-three { background: #ff9999; }

/*date format*/
input[type="date"]::-webkit-datetime-edit, input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-clear-button {color: #fff; position: relative; }
input[type="date"]::-webkit-datetime-edit-year-field { position: absolute !important; border-left:1px solid #8c8c8c; padding: 2px; color:#000; left: 56px; }
input[type="date"]::-webkit-datetime-edit-month-field { position: absolute !important; border-left:1px solid #8c8c8c; padding: 2px; color:#000; left: 26px; }
input[type="date"]::-webkit-datetime-edit-day-field{ position: absolute !important; color:#000; padding: 2px; left: 4px; }

/* header */
.dropdown:hover .dropdown-menu { display: block; margin-top: 0; }
.clock {position: fixed; width: 125px; height: 125px; left: 0; top: 0px; z-index: 2;}
.topbar {position: relative; width: 100%; height: auto; background: darkcyan ; border-bottom: cyan 1px solid; color: white!important;} 
.logo_aside {position: relative; width: 10%; height: auto; float: left; margin-left: 150px;}
.search_box {position: relative; width: 20%; height: auto; float: left; padding-top: 0.8%; }
.search_box input {width: 35%; height: 27px; border: #09c 1px solid; border-radius: 5px; font-size: 150%; padding-left: 1%;}
.search_box button {width: 18%; height: 32px; border: #09c 1px solid; border-radius: 5px;}
.topbar_aside_right {position: relative; width: 20%; height: auto; float: left; padding-top: 0.8%;}
.linkfree {text-decoration: none!important; color: white;}

.new_bookings {position: relative; width: 15% ; height: auto; float: left; height: auto; }
.new_bookings_count {color: white; font-size: 80%; float: left; background: red;padding: 0.3em; border-radius: 0.4em; text-align: center;color: white; font-size: 130%; font-weight: bold; margin-left: 0.5em;}

/* pincode */
.rate_main {position: relative; width: 1000px; height: auto; margin: 0 auto;}
.editclm1, .pointer { cursor: pointer;}
.ui-autocomplete { z-index: 1150!important;}

.booking_count {float: right; background: lightgrey; padding: 0.2em; border-radius: 3px; font-size: 80%;}

/* bookings */
.driver_asign {position: relative; width: 97%; height: auto; padding: 1em; border: dashed 3px silver; border-radius: 8px; margin: 1em; background: white;}
.d_asign_cust {position: relative; width: 98%; height: auto; padding: 1%; background: aliceblue;text-align: center;}
.group_a {position: relative; display: block; width: auto; height: auto; float: left; padding: 1em; background: #C6EFCB; margin: 0.5em 0.5em 0.5em 0; border-radius: 0.5em;}
.group_a:hover {background: #ACD9B1;}
.group_b {position: relative; display: block; width: auto; height: auto; float: left; padding: 1em; background: #BAEAEC ; margin: 0.5em 0.5em 0.5em 0; border-radius: 0.5em;}
.group_b:hover {background: #99D4D7;}
.group_c {position: relative; display: block; width: auto; height: auto; float: left; padding: 1em; background: #C4CEEC ; margin: 0.5em 0.5em 0.5em 0; border-radius: 0.5em;}
.group_c:hover {background: #AAB4D1;}
.group_d {position: relative; display: block; width: auto; height: auto; float: left; padding: 1em; background: #ECC5E4 ; margin: 0.5em 0.5em 0.5em 0; border-radius: 0.5em;}
.group_d:hover {background: #D8ABCE;}



/* booking counts */
.feature_count {position: relative; width: 100% ; min-width: 1600px; height: auto; padding: 0.3em; background: lightgray;}
.booking_holder {position: relative; width: 100%; height: auto; }
.box {position: relative; width: 3.7%; height: auto ; float: left; margin: 3px;text-align: center; padding: 0.5em 0.3em; border-right: 1px solid silver;}
.box a,a:link {text-decoration: none!important;}
.box h3 {margin: 0; font-size: 180%; font-family: arial; line-height: 10%;}
.box span {margin: 0; font-size: 100%; font-family: arial;}

.blink_me { position: fixed ; padding: 0.5em; background: red; color: white; margin-right: 0; right: 0; top: 10%; font-size: 150%; text-decoration: blink; }

.uppercase {text-transform: uppercase;}
.capitalize {text-transform: capitalize;}

/* typehead auto suggest*/
.bs-example{position:relative;margin:100px;}
.typeahead,.tt-query,.tt-hint{ line-height:30px;outline:medium none;padding:2px 12px;width:396px;}
.typeahead{background-color:#FFFFFF;}
.typeahead:focus{border:2px solid #0097CF;}
.tt-dropdown-menu{background-color:#FFFFFF;border:1px solid rgba(0,0,0,0.2);border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,0.2);margin-top:12px;padding:8px 0;width:422px;}
.tt-suggestion{font-size:15px;line-height:24px;padding:3px 20px;}
.tt-suggestion.tt-is-under-cursor{background-color:#0097CF;color:#FFFFFF;}
.tt-suggestion p{margin:0;}

.driver-box { height: 400px; max-height: 400px; overflow-y: scroll;}

/* footer */
.footer {position: relative; width: 100%; height: auto; background: darkcyan; padding: 1%; margin-top: 2em;}
.footer link {color: white!important;}