/*Design by Free CSS Templateshttp://www.freecsstemplates.orgReleased for free under a Creative Commons Attribution 2.5 License*/
body {
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #464032;
}
h1, h2, h3 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #221D1D;
}
h1 {
    font-size: 2em;
}
h2 {
    font-size: 2.4em;
}
h3 {
    font-size: 1.6em;
}
p, ul, ol {
    margin-top: 0;
    line-height: 180%;
}
ul, ol {
}
a {
    text-decoration: none;
    color: #ED3A00;
}
a:hover {
}
#wrapper {
    /* width: 1000px;
    - NT Changes */
    margin: 0 auto;
    padding: 0;
}
/* Header */
#header {
    /* width: 1000px;
    - NT Changes */
    height: 70px;
    margin: 0 auto;
}
/* Logo */
#logo {
    float: left;
    height: 40px;
    margin: 0;
    color: #000000;
}
#logo h1, #logo p {
    margin: 0;
    padding: 0;
}
#logo h1 {
    float: left;
    padding-left: 20px;
    letter-spacing: -1px;
    text-transform: lowercase;
    font-size: 3.8em;
}
#logo p {
    float: left;
    margin: 0;
    padding: 26px 0 0 10px;
    font: normal 14px Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    color: #5E4E38;
}
#logo p a {
    color: #5E4E38;
}
#logo a {
    border: none;
    background: none;
    text-decoration: none;
    color: #A83A01;
}
/* Search */
#search {
    float: right;
    width: 280px;
    height: 60px;
    padding: 20px 0px 0px 0px;
    background: #E9E3CB;
    border-bottom: 4px solid #FFFFFF;
}
#search form {
    height: 41px;
    margin: 0;
    padding: 10px 0 0 20px;
}
#search fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
#search-text {
    width: 170px;
    padding: 6px 5px 2px 5px;
    border: none;
    background: #FFFFFF;
    text-transform: lowercase;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #464032;
}
#search-submit {
    width: 50px;
    height: 23px;
    border: 1px solid #525252;
    background: #525252;
    font-weight: bold;
    font-size: 10px;
    color: #FFFFFF;
}
.sidebarul {
    position: relative;
}
/* Menu */
#menu {
    /* width: 1000px;
    - NT Changes */
    height: 36px;
    margin: 0 auto;
    padding: 0;
    background: #0E566C;
    border-top: 4px solid #0ABC8A;
    margin-bottom: 3px;
}
#menu ul {
    /*margin: 0px 0px 0px 10px;
    */
    padding: 0;
    list-style: none;
    line-height: normal;
}
#menu li {
    float: left;
}
#menu a {
    display: block;
    height: 26px;
    margin-bottom: 10px;
    padding: 10px 20px 0px 20px;
    text-decoration: none;
    text-align: center;
    border: none;
    color: #C6EEFA;
    font-family: Roboto-Light;
    text-transform: capitalize;
    font-size: 12px;
}
#menu a:hover, #menu .current_page_item a {
    background: #006666;
    text-decoration: none;
}
#menu .current_page_item a {
    background: #2A5C2A;
    color: #FFFFFF;
}
/* Page */
#page {
    min-width: 960px;
    margin: 0 auto;
    padding: 0;
}
#full-screen-background-image {
    z-index: -999;
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.7;
}
#page-bgtop {
    /* padding: 20px 0px;
    margin-top:10px;
    */
}
#page-bgbtm {
}
/* Content */
#content {
    float: right;
    width: 75%;
    padding: 0px 0px 0px 0px;
    margin-right: 10px;
}
.usefullpage #content {
    float: none;
    width: 98%;
    padding: 10px;
}
.post {
    /*margin-bottom: 15px;
    */
}
.post-bgtop {
}
.post-bgbtm {
}
.post .title {
    margin-bottom: 10px;
    padding: 12px 0 0 0px;
    letter-spacing: -.5px;
    color: #000000;
}
.post .title a {
    color: #221D1D;
    border: none;
}
.post .meta {
    height: 30px;
    /* border-bottom: 1px solid #DBDBDB;
    */
    background: #11627F;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    /* font-weight: bold;
    */
}
.post .meta .date {
    float: left;
    height: 24px;
    padding: 3px 15px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Roboto-Light;
}
.post .meta .posted {
    float: right;
    height: 24px;
    padding: 3px 15px;
    color: #464032;
}
.post .meta a {
    color: #464032;
}
.post .entry {
    padding: 0px 0px 20px 0px;
    padding-bottom: 20px;
    text-align: justify;
}
.links {
    padding-top: 20px;
    font-size: 12px;
    font-weight: bold;
}
/* Sidebar */
#sidebar {
    float: left;
    width: 22%;
    padding: 0px;
    color: #787878;
    margin-top: -21px;
    margin-left: 9px;
}
#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#sidebar li {
    margin: 0;
    padding: 0;
}
#sidebar li ul {
    margin: 0px 0px;
    box-shadow: 0px 1px 4px #666;
    text-transform: uppercase;
}
table {
    box-shadow: none !important;
}
#sidebar li li {
    line-height: 35px;
    border-bottom: 1px dotted #E5E0C6;
    margin-top: 2px;
    border-right: none;
}
#sidebar li a {
    padding-left: 10px;
    color: #000;
}
#sidebar li li span {
    display: block;
    margin-top: -20px;
    padding: 0;
    font-size: 10px;
    font-style: italic;
}
form:not(#edit_order , #getestimate) {
    background: #fff;
    /*padding: 9px 5px 4px 8px;
    */
    margin-top: 5px;
}
#sidebar h2 {
    padding-left: 16px;
    padding-top: 6px;
    padding-bottom: 4px;
    background: #0E566C;
    letter-spacing: 0.5px;
    font-size: 13px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: Roboto-Light;
}
#sidebar p {
    margin: 0 0px;
    padding: 10px 30px 20px 30px;
    text-align: justify;
}
#sidebar a {
    border: none;
    color: #898989;
}
#sidebar a:hover {
    color: #6E6E6E;
}
/* Calendar */
#calendar {
}
#calendar_wrap {
    padding: 20px;
}
#calendar table {
    width: 100%;
}
#calendar tbody td {
    text-align: center;
}
#calendar #next {
    text-align: right;
}
/* Footer */
#footer {
    /* width: 1000px;
    height: 50px;
    margin: 0 auto;
    padding: 0px 0 15px 0;
    border-top: 3px solid #0ABC8A;
    font-family: Arial, Helvetica, sans-serif;
    */
    padding: 0px 0 15px 0;
    border-top: 3px solid #0ABC8A;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
}
#footer p {
    margin: 0;
    padding-top: 20px;
    line-height: normal;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}
#footer a {
    color: #464032;
}
/* Custom Styles */
.hidden {
    display: none;
}
.forprint {
    display: none;
}
.headerstart {
    /* background: #faa400;
    */
    height: 3px;
    width: 940px;
    margin-left: 10px;
    margin-top: 10px;
}
.Fr {
    float: right;
}
.iFr {
    float: right;
}
.Fl {
    float: left;
}
.iFl {
    float: left !important;
}
.CR {
    clear: both;
}
#menu .Fr {
    float: right !important;
}
.underline {
    /* background: #faa400;
    */
    height: 3px;
}
#invoiceform {
    margin-top: 20px;
}
.field {
    padding: 5px;
}
.field span {
    margin-right: 40px;
}
/** Tables*/
table.full {
    width: 100%;
}
table.fancy {
    font-size: 0.9em;
}
table.fancy thead th a {
    color: #fff;
    text-decoration: none;
}
table.fancy thead tr th,table.fancy tfoot tr th {
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
    background: #666 url('../images/button_overlay.png') repeat-x;
    height: 22px;
    line-height: 22px;
    font-weight: bold;
    text-align: left;
    padding: 0 6px;
    color: #fff;
}
.section table.fancy thead tr th {
    text-shadow: 0 1px 1px #fff;
    background: #eee url('../images/button_overlay.png') repeat-x;
}
.section table.fancy thead tr th,.section table.fancy thead tr th a {
    color: #222;
}
table.fancy thead tr th {
    border-bottom: 1px solid #ddd;
}
table.fancy tfoot tr th {
    border-top: 1px solid #ddd;
}
table.fancy tbody tr td {
    padding: 3px 6px;
    height: 18px;
    line-height: 18px;
    border-bottom: 1px solid #ddd;
}
table.fancy thead tr th.right,table.fancy tfoot tr th.right,table.fancy tbody tr td.right {
    float: none;
    text-align: right;
}
table.fancy.right th,table.fancy.right td {
    float: none;
    text-align: right;
}
table.fancy tfoot th.actions a {
    text-decoration: none;
    border: 1px solid #ddd;
    padding: 1px 4px;
    background: #fff;
}
table.fancy tfoot th.actions a:hover {
    background: #eee;
}
table.fancy tfoot th.actions span {
    display: none;
}
/** Linkable and checked tables*/
table.linkable tbody tr.hover td {
    background: #FFFFBF;
    /* old browsers */
    background: -moz-linear-gradient(top, #FFFFBF 0%, #FFFF82 100%);
    /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFBF), color-stop(100%, #FFFF82));
    /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFBF', endColorstr='#FFFF82', GradientType=0);
    /* ie */
    cursor: pointer;
}
table.linkable tbody tr a {
    text-decoration: none;
}
table.linkable tbody tr a:hover {
    text-decoration: underline;
}
table tbody tr.checked td {
    background: #ffc;
}
table thead th.selection {
    width: 15px;
}
/** Table header*/
.table-selected-actions,.table-actions {
    padding: 5px;
    background: #eee;
    margin: 1px 0;
}
.table-selected-actions {
    display: none;
}
.top.table-selected-actions {
    border-bottom: 1px solid #ddd;
}
.table-header {
    background: #ddd;
    height: 26px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -moz-border-top-left-radius: 3px;
}
.table-header ul li {
    list-style: none;
    margin-left: 6px;
    float: left;
    line-height: 26px;
}
.table-header ul li a {
    padding: 2px 8px;
    background: #aaa;
    font-weight: bold;
    font-size: 0.8em;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.table-header ul li a:hover {
    background: #888;
}
.table-header ul li.current a {
    background: #666;
}
.table-header ul li.right {
    float: right;
    margin-right: 6px;
}
.button, .button:visited {
    display: inline-block;
    padding: 4px 10px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    position: relative;
    cursor: pointer;
    outline: none;
}
.button:hover {
    background-color: #111;
    color: #fff;
}
.button:active {
    top: 1px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}
.small.button {
    padding: 2px 8px 3px 8px;
}
.gray.button, .gray.button:visited {
    background-color: #666;
}
.gray.button:hover {
    background-color: #444;
}
.green.button, .green.button:visited {
    background-color: #166622;
}
.green.button:hover {
    background-color: #0e5518;
}
.blue.button, .blue.button:visited {
    background-color: #17548c;
}
.blue.button:hover {
    background-color: #0a3f6f;
}
.red.button, .red.button:visitedG {
    background-color: #900;
}
.red.button:hover {
    background-color: #C00;
}
.magenta.button, .magenta.button:visited {
    background-color: #a9014b;
}
.magenta.button:hover {
    background-color: #630030;
}
.orange.button, .orange.button:visited {
    background-color: #ff5c00;
}
.orange.button:hover {
    background-color: #d45500;
}
.yellow.button, .yellow.button:visited {
    background-color: #ffb515;
}
.yellow.button:hover {
    background-color: #fc9200;
}
#fade {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    display: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
/* table{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
*/
form #statement-config label {
    text-align: right;
    width: 85px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    margin: 0;
    display: inline;
    float: left;
    overflow: hidden;
}
form #statement-config input, form #statement-config select {
    margin: 0 0 0 5px;
    width: 150px;
}
#statement-config {
    margin-bottom: 1em;
}
#statement table.fancy tfoot tr td {
    text-align: right;
    padding: 4px 0;
}
#statement table.fancy tbody td.line_total {
    width: 75px;
}
#statement table.fancy td.line_total, #statement table.fancy th.line_total {
    padding-right: 6px;
    text-align: right;
}
#statement table.fancy tbody td {
    padding: 6px 8px 10px 0;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
.div-table {
    display: table;
    width: auto;
    background-color: #eee;
    border: 1px solid #666666;
    border-spacing: 5px;
    /*cellspacing:poor IE support for this*/
}
.div-table-row {
    display: table-row;
    width: auto;
    clear: both;
}
.div-table-col {
    float: left;
    /*fix for buggy browsers*/
    display: table-column;
    width: 200px;
    background-color: #ccc;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.invoicefooter1 {
    font-size: 0.9em;
    font-weight: bold;
}
#totalamount {
    margin-left: 28px;
    margin-right: 7px;
}
.totalcap {
}
.errorinput {
    border-color: #e9322d !important;
    -webkit-box-shadow: 0 0 6px #e9322d !important;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #e9322d !important;
    color: #b94a48 !important;
    border-radius: 3px;
    border: 1px solid #e9322d;
}
#statement-config {
    margin-top: 12px;
}
.full_width {
    margin-top: 10px;
}
.fg-toolbar {
    font-size: 12px !important;
}
.margin13 {
    margin-top: 13px;
}
.current {
    color: #0ABC8A !important;
    /* text-decoration: underline;
    */
}
.icons {
    float: left;
    width: 166px;
    height: 184px;
    text-align: center;
    margin-bottom: 12px;
}
.icons .caption {
    font-weight: bold;
    color: #0e5518 !important;
    margin-top: 22px;
}
.icons img {
    border: 0px;
}
.successinvoice {
    font-weight: bold;
    margin: 42px;
}
.WOB li {
    position: relative;
}
.WOB img {
    position: absolute;
    left: 5px;
    top: 13px;
}
.WOB a {
    margin-left: 36px;
}
.notif {
    border-radius: 45px;
    background-color: red;
}
.view_products1 {
    -webkit-border-radius: 2px;
    color: #000;
    font-size: 36px;
    font-weight: bold;
    overflow: hidden;
    padding-bottom: 1px;
    position: absolute;
    right: -12px;
    top: 4px;
    z-index: 101;
}
.view_products1 span {
    background-color: #07B184;
    border: 1px solid #07B184;
    border-radius: 22px;
    -pie-border-radius: 22px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 39, 121, .77);
    display: block;
    padding: 5px;
    font-size: 11px;
    behaviour: url(pie.htc);
    min-width: 13px;
    color: #fff;
}
.generate_invoice, .list_invoice, .add_customer, .add_driver, .add_product, .my_profile, .address_book, .view_products, .fuel, .invoice_ready, .edit_order, .view_drivers, .view_bills, .changepassword, .viewbillingcustomer {
    background: url(../images/main.png) no-repeat -570px -25px;
    width: 128px;
    height: 128px;
    text-align: center;
    margin-left: 152x;
    cursor: pointer;
}
.viewbillingdriver {
    background: url(../images/main.png) no-repeat -752px -22px;
    height: 134px;
    width: 123px;
    margin-left: 35px;
}
.viewbillingcustomer {
    background: url(../images/main.png) no-repeat -830px -325px;
    height: 134px;
    width: 105px;
    margin-left: 39px;
}
.list_invoice {
    background: url(../images/main.png) no-repeat -388px -183px;
    height: 134px;
    width: 100%;
}
.add_customer {
    background: url(../images/main.png) no-repeat -41px -20px;
    height: 134px;
    width: 100%;
}
.add_driver {
    background: url(../images/main.png) no-repeat -374px -25px;
    height: 134px;
    width: 100%;
}
.add_product {
    background: url(../images/main.png) no-repeat -47px -187px;
    height: 134px;
}
.view_products {
    background: url(../images/main.png) no-repeat -367px -324px;
    height: 134px;
    width: 100%;
}
.fuel {
    background: url(../images/main.png) no-repeat -817px -161px;
    height: 134px;
    width: 100%;
}
.invoice_ready {
    background: url(../images/main.png) no-repeat -805px -162px;
    height: 134px;
}
.my_profile {
    background: url(../images/main.png) no-repeat -208px -20px;
    height: 134px;
}
.address_book {
    background: url(../images/main.png) no-repeat -33px -315px;
    height: 134px;
}
.edit_order {
    background: url(../images/main.png) no-repeat -209px -321px;
    height: 134px;
}
.view_drivers {
    background: url(../images/main.png) no-repeat -688px -325px;
    height: 134px;
}
.view_bills {
    background: url(../images/main.png) no-repeat -555px -25px;
    height: 134px;
    width: 100%;
}
.changepassword {
    background: url(../images/main.png) no-repeat -845px -28px;
    height: 134px;
}
#timedate {
    margin-left: 9px;
    width: 157px;
    float: left;
}
.action a {
    color: #0e5518 !important;
    font-weight: bold !important;
}
img.delete {
    cursor: pointer;
}
#customerinfo label, #driverinfo label, #orderinfo label, #salesinfo label, #cntusinfo label, #cr_cnt_us label, #cr_exp label, #formfield label, #cr_doc_cen label, #cr_career_salesinfo label {
    float: left;
    margin-right: 12px;
    margin-top: 2px;
    min-width: 40px;
}
#customerinfo .formfield, #driverinfo .formfield, #orderinfo .formfield, #driveraction .formfield, #orderaction .formfield, #salesinfo .formfield, #cntusinfo .formfield, #cr_cnt_us .formfield, #cr_exp .formfield, #dispatchinfo .formfield, #cr_doc_cen .formfield, #cr_dispatchinfo .formfield, #cr_career_salesinfo .formfield, #create_reg_driver .formfield {
    margin-bottom: 14px;
    line-height: 180%;
    float: left;
    width: 170px;
    margin-top: 10px;
}
/*#customerinfo .formfield {
	margin-bottom: 0px !important;
	width: 100% !important;
}
#customerinfo .formfield input , #customerinfo .formfield select {
	width: 100% !important;
}
*/
#orderinfo .formfield div {
    font-weight: bold;
}
.formfield.textareaclass {
    width: 48%;
}
.margin48px {
    margin-right: 47px !important;
}
.height20 {
    height: 20px;
}
.margin66 {
    margin-right: 51px !important;
}
textarea {
    resize: none;
}
.height5 {
    height: 5px;
}
.height25 {
    height: 25px;
}
.height15 {
    height: 15px;
}
select, input[type="file"] {
    height: 28px;
    line-height: 20px;
}
.customertype {
    margin: 14px 33px 20px;
    font-size: 1em;
    font-weight: bold;
}
#suffix {
    display: inline-block;
    float: left;
    text-align: left;
    margin: 5px -43px;
}
#orderinfo fieldset {
    margin: 8px 0;
}
.vieworder {
    border: 2px solid #0ABC8A;
    border-radius: 6px;
    height: auto;
    margin-top: 2px;
    overflow: hidden;
}
.portion {
    padding: 3px;
    float: left;
}
.portion .sets {
    padding: 2px;
    min-height: 20px;
    margin-right: 4px;
    float: left;
}
.sets .caption {
    width: 175px;
    height: 15px;
    float: left;
    font-weight: bold;
    background: #77A;
    color: #fff;
    padding: 4px;
}
.sets .value {
    width: 275px;
    float: left;
    font-weight: bold;
    background: #ccc;
    padding: 4px;
    text-transform: capitalize;
    min-height: 15px;
}
.headersider {
    padding-left: 16px;
    padding-top: 6px;
    padding-bottom: 4px;
    background: #0e5518;
    letter-spacing: 3.5px;
    font-size: 13px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 6px;
    border-bottom: 3px solid #faa400;
}
.contentsider {
    padding-bottom: 7px;
    margin-top: 10px;
    float: left;
}
#orderupdate .sets .value, #orderaction .sets .value {
    width: 128px;
}
#orderupdate .value, #orderaction .value {
    cursor: text;
}
.dataTables_length {
    margin-bottom: 15px;
}
.dataTables_info {
    padding-top: 0;
    position: absolute;
}
.dataTables_paginate {
    padding-top: 20px !important;
    border-radius: 12px !important;
}
.css_right {
    float: right;
}
.dataTables_wrapper table.compact {
    margin-top: 20px !important;
}
#example_wrapper .fg-toolbar, #example_wrapper2 .fg-toolbar, #example_wrapper1 .fg-toolbar, #example_wrapper12 .fg-toolbar, #example_manage .fg-toolbar, #example_vieworders_wrapper .fg-toolbar, #example_dispatcher_wrapper .fg-toolbar, #example_card_wrapper .fg-toolbar {
    font-size: 0.8em;
    background: #dee1ce !important;
    color: #000;
}
#example2_wrapper label, #example2_wrapper .fg-toolbar, #example_manage label, #example_manage .fg-toolbar,#example_vieworders_wrapper label,#example_vieworders_wrapper label,#example_dispatcher_wrapper label,#example_card_wrapper label,#example_card_wrapper .fg-toolbar {
    color: #000 !important;
}
#theme_links span {
    float: left;
    padding: 2px 10px;
}
#example_wrapper, #example2_wrapper, #example12_wrapper, #example_wrapper1, #example_manage, #example_vieworders, #example_dispatcher_wrapper, #example_card_wrapper {
    -webkit-box-shadow: 2px 2px 6px #666;
    box-shadow: 2px 2px 6px #666;
    border-radius: 5px;
}
#example tbody, #example2 tbody, #example12 tbody, #billedsignals tbody, #billed tbody, #example_report tbody, #example_order tbody, #example_manage tbody, #example_vieworders tbody #example_dispatcher tbody, #example_card_wrapper tbody {
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
}
#example_info, #example_length, #example_filter, #billed_info, #billed_length, #billed_filter, #billedsignals_info, #billedsignals_length, #billedsignals_filter, #example_report_info, #example_report_length, #example_report_filter, #example12_info, #example12_length, #example12_filter, #example_order_info, #example_order_length, #example_order_filter, #example_manage_info, #example_manage_length, #example_manage_filter,#example_vieworders_info, #example_vieworders_length, #example_vieworders_filter,#example_dispatcher_info, #example_dispatcher_length, #example_dispatcher_filter,#example_card_info, #example_card_length, #example_card_filter {
    color: #000;
}
#example thead th:first-child, #example12 thead th:first-child, #billedsignals thead th:first-child, #billed thead th:first-child, #example_report thead th:first-child, #example_order thead th:first-child, #example_vieworders thead th:first-child, #example_card thead th:first-child {
}
#example thead th:last-child, #example12 thead th:last-child, #billed thead th:last-child, #billedsignals thead th:last-child, #example_report thead th:last-child, #example_order thead th:last-child, #example_vieworders thead th:last-child, #example_card thead th:last-child {
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 2px solid #0E566C !important;
}
.full_width {
    width: 100%;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
/* h3{
	border-bottom:0px !important;
}
*/
tr.odd {
    /* background-color: #dee1ce !important;
    */
}
/* tr.odd td.sorting_1 {
	background-color: #6B7B59;
	color: #fff;
}
tr.even td.sorting_1 {
	background-color: #890;
	color: #000;
}
*/
table.dataTable.no-footer {
    border-bottom: 0px !important;
}
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}
.ui-timepicker-div dl {
    text-align: left;
}
.ui-timepicker-div dl dt {
    height: 25px;
    margin-bottom: -25px;
}
.ui-timepicker-div dl dd {
    margin: 0 10px 10px 65px;
}
.ui-timepicker-div td {
    font-size: 90%;
}
.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
.ui-timepicker-rtl {
    direction: rtl;
}
.ui-timepicker-rtl dl {
    text-align: right;
}
.ui-timepicker-rtl dl dd {
    margin: 0 65px 10px 10px;
}
.sets input {
    float: left;
    width: 136px;
    margin-top: 1px;
    height: 23px;
    margin-left: 9px;
}
.classnotes {
    width: 292px !important;
}
.hiddenimp {
    display: none !important;
}
.updatinput {
    padding: 61px 25px 37px;
}
#updatefuel {
    width: 60px;
    margin-right: 10px;
}
.minheight400 {
    min-height: 400px;
}
.allcaps {
    text-transform: uppercase;
}
.pointer {
    cursor: pointer;
}
.createorderoption {
    color: #fff;
    font-weight: bold;
    border-radius: 6px;
    padding: 8px;
    overflow: hidden;
    behavior: url(PIE.htc);
    background: #6b7c0c;
}
.Frimport {
    float: right !important;
}
.notes {
    font-weight: bold;
    margin-top: 14px;
    text-transform: uppercase;
}
#sidebar ul.WOB li a {
    padding: 8px 1px;
    display: block;
    font-family: Roboto-Regular;
    font-size: 12px;
}
#example tbody td, #example2 tbody td, #example_report tbody td, #example_order tbody td, #example_vieworders tbody td {
    text-transform: capitalize;
}
.iFr {
    float: right !important;
}
.checkall, .uncheckall, .changemanaually {
    font-size: 11px;
    letter-spacing: 0px;
}
.iHidden {
    display: none !important;
}
.assigndriveraction {
    background: #FAA25D;
    margin-top: 15px;
    padding: 6px;
    color: black;
    border-radius: 4px;
    text-transform: uppercase;
}
.dynorderid {
}
.dynbutton {
    margin-top: 2px;
    margin-left: 23px;
    padding: 4px !important;
    text-transform: capitalize !important;
    background: white !important;
    color: black !important;
}
.minheight307 {
    min-height: 307px !important;
}
.imppage-bgtop {
    padding: 11px 0px !important;
}
.notes {
    color: #17548c;
    font-weight: bold;
    font-style: italic;
}
.addbook, .addnewbook, .distance {
    margin-left: 27px;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
}
.address {
    color: #0e5518;
}
.address div.list {
    width: 400px;
    white-space: nowrap;
}
.editorderinput {
    width: 103%;
    height: 23px;
    padding: 4px;
    color: #464032;
    font-weight: bold;
}
img {
    border: 0px;
}
#example td, #example_report td, #billed td, #example_order td, #example_vieworders td {
    white-space: nowrap;
}
#error {
    color: red;
}
.caption div {
    float: left;
    min-width: 121px;
}
iFr {
    float: right !important;
}
.updateorderecton {
    padding: 7px;
    margin-top: 45px;
    overflow: hidden;
    clear: both;
}
.sucmsg {
    padding: 6px;
    margin-top: -44px;
    background: #0e5518;
    color: white;
    margin: -10px -1px 10px 0px;
    width: 46%;
    border-radius: 6px;
}
.totamt {
    position: absolute;
    bottom: 8px;
    font-weight: bold;
    color: #000;
    right: 243px;
}
.mailbill {
    margin-right: 20px;
}
.totamt2, .totamt1 {
    position: absolute;
    bottom: 10px;
    font-weight: bold;
    color: #000;
    right: 223px;
}
.totamt1 {
    right: 393px;
}
.recentshippment .caption {
    background-color: #0e5518;
    padding: 8px;
    color: #fff
}
.recentshippment {
    margin-bottom: 6px;
}
.recentshippment .shiporder {
    display: table;
}
.recentshippment .message {
    padding: 8px;
}
.recentshippment .options {
    padding: 8px;
    margin-left: 41px;
    color: #3447c9;
}
.marleft274 {
    margin-left: 274px;
}
.recentshippment .options div {
    margin-bottom: 4px;
    text-decoration: underline;
    position: relative;
}
.recetntable {
    padding: 3px;
    height: auto;
    overflow: auto;
}
.recetntable .head {
    background-color: #b2c3df;
    padding: 7px;
    width: 10%;
    text-align: center;
    float: left;
    margin-right: 3px;
}
.recetntable .header {
    margin-bottom: 36px;
    padding-left: 2px;
}
.part2 .createshippment span {
    margin-right: 7px;
}
.part2 .createshippment {
    margin-right: 2px;
}
.tabledata .odd div, .tabledata .even div {
    background-color: #d9e1ef;
    padding: 7px;
    margin-left: 2px;
    float: left;
    margin-right: 1px;
    text-align: center;
}
.tabledata .odd, .tabledata .even {
    padding-bottom: 37px;
}
.tabledata .even div {
    background-color: #f2f5fa;
}
.tabledata .odd div:first-child, .tabledata .even div:first-child {
    text-decoration: underline;
    cursor: pointer;
}
.createshippment {
    padding: 2px;
    float: right;
    color: white;
    margin: 10px;
    cursor: pointer;
    text-align: center
}
.createshippment span {
    background-color: #e1010c;
    padding: 6.2px;
    width: 206px;
    text-align: center;
}
.headercapyellow {
    background: #faa400 !important;
}
.timeinfo {
    background-color: #ECECF3;
    clear: both;
    overflow: hidden;
    padding: 7px;
    border-radius: 5px;
    margin-bottom: 9px;
}
.timeinfo:hover {
    background-color: #dee1ce;
}
.showadditional {
    background-color: transparent !important;
    color: #000 !important;
    text-decoration: underline;
    cursor: pointer;
}
.errordyanmic {
    width: auto !important;
    font-size: 9px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
}
iframe:not(#createorderiframe) {
    width: 100%;
    margin-top: 10px;
    height: 1136px;
}
.alreadybilled {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}
.changeserivename, .changecutofftime {
    cursor: pointer;
}
.changecutofftime {
    color: #0e5518 !important;
    font-weight: bold !important;
}
.deleteorder {
    cursor: pointer;
}
.passwordchange {
    width: 98%;
    padding: 8px;
    height: 24px;
}
.secondsubmenu {
    width: 1000px;
    clear: both;
    text-align: left;
    margin-bottom: -8px;
    overflow: hidden;
    background: #dee1ce;
}
.secondsubmenu a {
    display: block;
    height: 26px;
    padding: 10px 20px 0px 20px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    border: none;
}
.secondsubmenu ul {
    margin: 0px 0px 0px 10px;
    padding: 0;
    list-style: none;
    line-height: normal;
}
.secondsubmenu li {
    float: left;
}
.secondsubmenu a:hover {
    background: #006666;
    color: white;
    text-decoration: none;
}
.loaderimage {
    vertical-align: middle;
    padding: 100px 121px;
    margin-left: 25%;
    margin-top: 7%;
}
.driverstotal {
    display: inline-table;
    width: 82%;
    float: left;
    overflow: hidden;
    padding: 10px;
    font-weight: bold;
    text-align: right;
}
.deleteicondriver {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-top: -4px;
    cursor: pointer;
}
.imgmain {
    width: 106px;
    height: 103px;
    margin-bottom: 13px;
    margin-top: 19px;
}
.inbutout {
    visibility: hidden
}
.iFr {
    float: right !important;
}
.signalred {
    background: #900 !important;
    border-top: 1px dotted;
    color: #900 !important;
}
.signalyellow {
    background: #ffb515 !important;
    border-top: 1px dotted;
    color: #ffb515 !important;
}
.signalgreen {
    background: #166622 !important;
    border-top: 1px dotted;
    color: #166622 !important;
}
iframe.signal {
    border: none !important;
}
.compulsory {
    color: #F00;
}
.aswhocls input {
    margin-left: 20px;
    font-weight: bold;
    margin-right: 0px;
    vertical-align: top;
}
.aswhocls span {
    margin-left: 5px;
}
.listing {
    padding: 14px;
    float: left;
    width: 200px;
    margin-bottom: 15px;
}
.listing span {
    font-weight: bold;
    min-width: 170px;
    display: inline-block;
}
.listing input {
    vertical-align: middle;
    cursor: pointer;
}
#payment-form {
    padding: 25px;
}
.form-row {
    margin-bottom: 30px;
}
.form-row label span {
    width: 150px;
    display: inline-block;
}
.custompopup {
    position: absolute;
    z-index: 10;
    max-height: 300px;
    overflow-y: scroll;
    overflow: auto;
    width: 158px;
}
.custompopup span {
    background: #0E566C;
    width: 121px;
    display: block;
    font-family: Roboto-Light;
    color: #C6EEFA;
    padding: 10px;
    font-size: 12px;
    cursor: pointer;
    /* border-left:3px solid #0ABC8C;
    */
}
.custompopup span a {
    color: #C6EEFA;
    font-family: Roboto-Light;
}
.custompopup span:hover {
    background: #11627F;
}
#submenuhour, #submenumin, #submenucard {
    max-height: 150px;
    overflow: scroll;
    overflow-x: hidden;
    width: 53px;
}
#submenucard, #submenucard span {
    width: 302px !important;
}
td a:hover {
    cursor: pointer;
}
.DTTT_button {
    margin-right: 2px !important;
}
#progressdivmain {
    width: 100%;
    background: #11627F;
    border-radius: 10px;
}
.processingdiv {
    background: #0ABC8A;
    padding: 10px;
    border-radius: 4px;
    font-size: 17px;
    color: #fff;
    width: 1%;
}
.packagedetails {
    width: 550px;
    float: left;
}
.pricematric {
    width: 550px;
    float: right;
}
.selectcusomter, .selectpackage {
    padding: 10px;
    background: #07B184;
    margin-top: 4px;
}
.selectpackage {
    width: 528px;
    float: left;
    margin-right: 1px;
    position: relative;
}
.selectpackheader {
    background-color: #11627F;
    color: #fff;
    padding: 3px 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Roboto-Light;
    height: 24px;
    line-height: 23px;
}
.selectcusomter label, .selectpackage label {
    float: left;
    margin-right: 20px;
    line-height: 32px;
    color: #fff;
    letter-spacing: 1.4px;
    width: 233px;
}
.pincodedetails label {
    width: 50px;
}
.pincodedetails input {
    width: 150px;
}
.selectcusomter .selectpackage input {
    width: 200px;
}
#submenucustomerlist span {
    width: 136px;
}
.dataTables_wrapper tr {
    text-align: center !important;
}
.selectpackage input:not(.weight) {
    width: 100px;
    float: left;
    margin-right: 15px;
}
.selectpackage input.weight {
    width: 50px;
}
#distance_go {
    width: 53px;
    line-height: 19px;
}
.tabmenus {
    height: 50px;
    line-height: 40px;
    margin-top: 10px;
    background: #07B184;
    font-size: 15px;
}
.finished {
}
.tabmenus .menus {
    width: 82px;
    text-decoration: underline;
    padding: 5px;
    color: #fff;
    margin-right: 10px;
    float: left;
    margin-bottom: 5px;
    text-align: center;
}
.menus.current {
    background: #07B184;
}
.tabmenus .menus:not(.arrows):hover {
    background: #11627F;
    cursor: pointer;
}
.tabmenus .arrows {
    float: left;
    background: url(../images/icon_2.png) no-repeat -5px -56px;
    width: 49px;
    height: 50px;
}
.customername {
    color: #fff;
    height: 29px;
    display: inline;
    line-height: 33px;
    font-size: 15px;
    letter-spacing: 3px;
}
.customername .close {
    margin-left: 10px;
    background: #11627F;
    border-radius: 60px;
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 23px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.map {
    cursor: pointer;
    text-decoration: underline;
}
.previewprice {
    cursor: pointer;
}
.pricematric .selectpackage {
    height: 40px;
}
.pricematric .selectpackage:hover {
    cursor: pointer;
}
.pricematric .selectpackage label:hover {
    cursor: pointer;
}
.num1 {
    float: right;
    background: url(../images/icon_2.png) no-repeat -5px -5px;
    width: 48px;
    height: 41px;
}
#customerlist {
    background: #07B184;
    width: 100%;
    float: left;
}
#customerdetails label {
    width: 105px;
}
#customerlist .selectcusomter {
    width: 685px;
    float: left;
}
#timedetails .set {
    float: left;
}
#timedetails .set label {
    float: left;
    margin-right: 7px;
}
#timedetails {
    width: 598px;
    float: right;
    padding: 10px;
    margin-top: 4px;
    color: #fff;
    height: 36px;
}
span.answer {
    color: #fff;
    font-size: 16px;
    line-height: 31px;
}
#showcusdetails {
    cursor: pointer;
}
.webstreet, .webadd1, .webadd2, .webcity, .webprov, .webpostal {
    display: inline-block;
}
.picksearhc, .shipsearhc, .picksearhc_new, .shipsearhc_new {
    padding: 4px 4px;
    background: #fff;
}
.picksearhc legend, .shipsearhc legend, .picksearhc_new legend, .shipsearhc_new legend {
}
.shipsearchlisting .list {
    width: 500px;
    white-space: normal;
}
.picksearhc_new {
    float: left;
    width: 580px;
}
.shipsearhc_new {
    float: right;
    width: 580px;
}
.view_img {
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    text-decoration: underline;
    position: absolute;
    top: 16px;
    right: 39px;
}
.shorttxt {
    width: 70px;
}
#basicsecond .formfield {
    width: 111px;
}
#basicsecond .formfield:first-child {
    width: 170px;
}

.viewImage {
    position: absolute;
    right: 26px;
    width: 20px !important;
    top: 14px;
    cursor: pointer;
}
#dialog-modal-image {
    position: absolute;
    width: 300px;
    height: 220px;
    padding: 5px;
    background-color: rgb(17, 98, 127);
    color: #fff;
    z-index: 1000;
    border-radius: 10px;
}
table.pricematrix {
    width: 53%;
    font-size: 15px;
}
table.pricematrix tbody tr {
    border-bottom: 1px #07B184 dotted;
}
.serivenamecls {
    color: #17548c;
    font-weight: bold;
}
#dialog-modal-error {
    height: 30px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    padding: 5px;
    font-size: 19px;
    line-height: 26px;
    background: #11627F;
    color: #fff;
    z-index: 1000;
    border-top: 2px #0AA77C solid;
    box-shadow: -5px 5px 7px #888888;
    -webkit-box-shadow: -5px 5px 7px #888888;
    -moz-box-shadow: -5px 5px 7px #888888;
    -o-box-shadow: -5px 5px 7px #888888;
    -ms-box-shadow: -5px 5px 7px #888888;
}
table.reference {
    width: 100%;
}
table.reference tr:nth-child(odd) {
    background-color: #f1f1f1;
}
table.reference tr:nth-child(even) {
    background-color: #ffffff;
}
table.reference th {
    color: #ffffff;
    background-color: #0E566C;
    border: 1px solid #0E566C;
    padding: 3px;
    vertical-align: top;
    text-align: left;
}
table.reference td {
    border: 1px solid #d4d4d4;
    padding: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    vertical-align: middle;
}
table.reference th {
    color: #ffffff;
    background-color: #0E566C;
    border: 1px solid #0E566C;
    padding: 5px;
    vertical-align: top;
    text-align: left;
}
.hSRGPd-haAclf {
    border-top: 1px solid #e5e5e5;
    position: absolute;
    bottom: 0;
    width: 250px;
}
.hSRGPd-haAclf .hSRGPd:hover {
    background: #07B184;
    cursor: pointer;
}
.hSRGPd-haAclf .hSRGPd {
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Roboto-Light;
    margin: 6px 10px;
    padding: 4px 10px;
    text-decoration: none;
}
.wholesearchli {
    margin: 4px 6px 20px -2px;
    margin-top: 7px \9;
}
.searchiconmain {
    background-image: url(https://ssl.gstatic.com/gb/images/v1_b444d4f7.png)
}
#gbqfb {
    border: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 26px;
    outline: none;
    padding: 0 0;
    width: 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #4285f4;
    background: -webkit-linear-gradient(top, #4387fd, #4683ea);
    background: linear-gradient(top, #4387fd, #4683ea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4387fd, endColorstr=#4683ea, GradientType=1);
}
.gbqfi {
    background-position: 0 -1786px;
    display: inline-block;
    height: 30px;
    width: 30px;
}
.gb_o {
    background-image: url('//ssl.gstatic.com/gb/images/v1_b444d4f7.png');
    background-size: 112px 1828px;
    margin: 3px 3px 5px 1px;
}
.groupone {
    width: 53px;
    height: 36px;
    display: block;
    margin-left: 6px;
}
.stripesmain .stripescode {
    padding: 1px;
    margin-bottom: 3px;
    height: 2px;
    background-color: #FFF;
    width: 23px;
    border-radius: 2px;
}
.stripesmain {
    margin: 9px 5px 16px 3px;
    cursor: pointer;
}
.firstmenu {
    overflow: auto;
    max-height: 84.6%;
}
.menubarmoveleft {
    margin-left: 0px !important;
}
.QA0Szd-Bz112c {
    background-size: 20px 20px;
    display: inline-block;
    height: 20px;
    margin: 0 10px 2px 0;
    opacity: .55;
    vertical-align: middle;
    width: 20px;
}
.QA0Szd-Bz112c-zKlir {
    background-image: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgd2lkdGg9IjE4cHgiIHZlcnNpb249IjEuMSIgeT0iMHB4IiB4PSIwcHgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICA8cGF0aCBkPSJtOSAxYy00LjYgMC04LjQgMy42LTguNCA4IDAgNC4xIDMuMiA3LjUgNy4zIDggMC44IDAgMS40IDAuMSAxLjkgMCAwLjMtMC4xIDAuNS0wLjQgMC42LTAuNXYtMC4xYzAuMi0wLjUgMC4yLTEtMC4xLTEuNXMtMS4yLTEtMC40LTEuN2MwLjktMC44IDMuNCAwLjIgNS41LTAuNyAxLjItMC41IDEuOS0xLjkgMS45LTMuNHYtMC4xYzAuMS00LjQtMy43LTgtOC4zLTh6bS0zLjcgNy4xYy0wLjIgMC43LTAuOSAxLTEuNiAwLjlzLTEtMC45LTAuOC0xLjZjMC4yLTAuNyAwLjktMS4xIDEuNi0wLjkgMC42IDAuMiAxIDAuOSAwLjggMS42em0zLTIuOGMtMC4yIDAuNy0wLjkgMS0xLjYgMC44LTAuNy0wLjEtMS4xLTAuOC0wLjktMS41czAuOS0xLjEgMS42LTAuOSAxIDAuOSAwLjkgMS42em0yLjUgMS4yYy0wLjctMC4yLTEuMS0wLjktMC45LTEuNnMwLjktMS4xIDEuNi0wLjkgMS4xIDAuOSAwLjkgMS42LTAuOSAxLjEtMS42IDAuOXptMi45IDMuMmMtMC43LTAuMi0xLjEtMC45LTAuOS0xLjZzMC45LTEuMSAxLjYtMC45IDEuMSAwLjkgMC45IDEuNmMtMC4zIDAuNy0xIDEuMS0xLjYgMC45eiIvPgo8L3N2Zz4K);
}
.QA0Szd-Bz112c-zM6fo {
    background-image: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iMjBweCIgdmlld0JveD0iLTEgLTAuNSAyMCAyMCIgd2lkdGg9IjIwcHgiIHZlcnNpb249IjEuMSIgeT0iMHB4IiB4PSIwcHgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xIC0wLjUgMjAgMjAiPgogIDxwYXRoIGQ9Im0xNC44IDcuOGMwLTAuMS0wLjEtMC4yLTAuMS0wLjItMC42IDAuNS0yLjkgMC42LTUuNyAwLjZzLTUuMS0wLjEtNS43LTAuN2MtMC4xIDAuMS0wLjEgMC4yLTAuMSAwLjNsMC41IDkuM2MwIDAuOCAwLjggMS45IDUuMyAxLjlzNS4zLTEuMSA1LjQtMS44bDAuNC05LjR2MHptLTMuMS00Ljl2LTIuMmMwLTAuNC0wLjMtMC43LTAuNy0wLjdoLTQuMmMtMC40IDAtMC43IDAuMy0wLjcgMC43djIuMmMtMi4yIDAuMy0zLjcgMC44LTMuNyAxLjN2MS4xYzAgMC4yIDAuMiAwLjQgMC42IDAuNiAxLjEgMC41IDMuMyAwLjggNiAwLjhzNC45LTAuMyA2LTAuOGMwLjQtMC4yIDAuNi0wLjQgMC42LTAuNnYtMS4xYzAtMC42LTEuNy0xLjEtMy45LTEuM3ptLTEuMS0wLjFoLTEuNi0xLjYtMC4ydi0wLjljLTAuMS0wLjQgMC0wLjkgMC4xLTAuOWgzLjFjMC4xIDAgMC4xIDAuNSAwLjEgMC45djAuOWgwLjF6IiBmaWxsPSIjMDEwMTAxIi8+Cjwvc3ZnPgo=);
}
.QA0Szd-Bz112c-JqEhuc {
    background-image: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOSAxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCAxOSAxNyIgd2lkdGg9IjE5cHgiIHZlcnNpb249IjEuMSIgeT0iMHB4IiB4PSIwcHgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAgPCFbQ0RBVEFbCiAgICAgIC5zdDB7ZmlsbDojMDEwMTAxO30KICAgIF1dPgogIDwvc3R5bGU+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0ibTE4LjggMi45bC0yLjgtMi4zaC0xMi45bC0yLjggMi40LTAuMiAwLjJ2MTMuMmgxOC45di0xMy4ybC0wLjItMC4zem0tOS4zIDEwLjdsLTQuMi00LjdoMnYtMi4yaDQuM3YyLjFoMi4ybC00LjMgNC44em0tOC4xLTEwLjRsMS45LTEuOGgxMi4zbDIuMSAxLjhoLTE2LjN6Ii8+Cjwvc3ZnPgo=);
}
.QA0Szd-Bz112c-fSxGw {
    background-image: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iMjBweCIgdmlld0JveD0iLTEuNSAtMSAyMCAyMCIgd2lkdGg9IjIwcHgiIHZlcnNpb249IjEuMSIgeT0iMHB4IiB4PSIwcHgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xLjUgLTEgMjAgMjAiPgogIDxwYXRoIGQ9Im0zLjUgOC4zbC0yLjUgNS44aDE1bC0yLjUtNS44di0zYzAtMi42LTEuMy01LjItNS01LjJzLTUgMi43LTUgNS4ydjN6bTguNiA3LjJoLTYuOWMwLjUgMS41IDEuOSAyLjUgMy41IDIuNSAxLjUgMCAyLjgtMSAzLjQtMi41eiIgZmlsbD0iIzAxMDEwMSIvPgo8L3N2Zz4K);
}
.QA0Szd-Bz112c-JqEhuc {
    background-image: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iMjBweCIgdmlld0JveD0iLTEuMTY3IDIuODMzIDIwIDIwIiB3aWR0aD0iMjBweCIgdmVyc2lvbj0iMS4xIiB5PSIwcHgiIHg9IjBweCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTEuMTY3IDIuODMzIDIwIDIwIj4KICA8cGF0aCBkPSJtMTMuNzAyIDQuODUzYy0xLjI0NC0xLjI0Ny0yLjk2NC0yLjAyLTQuODYzLTIuMDJoLTAuMDA0LTAuMDA1Yy0xLjkgMC0zLjYyIDAuNzcyLTQuODY0IDIuMDItMS4yNDQgMS4yNDYtMi4wMTUgMi45Ny0yLjAxNSA0Ljg3MyAwIDEuMTI4IDAuMjcxIDIuMTkzIDAuNzQ5IDMuMTMzIDAuNDc5IDAuOTM5IDEuMzE1IDEuNzU0IDIuMDA0IDIuMzgxdjQuODM2IDEuMzc5aDEuMzc2djEuMzc5aDUuNTA4di0xLjM3OWgxLjM3NnYtMS4zNzktNC44MzZjMC42ODgtMC42MjcgMS41MjQtMS40NDEgMi4wMDMtMi4zODFzMC43NS0yLjAwNSAwLjc1LTMuMTMzYy0wLjAwMS0xLjkwMy0wLjc3MS0zLjYyNy0yLjAxNS00Ljg3M3ptLTIuMTE1IDE1LjU2NmgtNS41MDd2LTEuMDM1aDUuNTA4djEuMDM1em0wLTIuMDY4aC01LjUwN3YtMS4wMzVoNS41MDh2MS4wMzV6bTIuMTU2LTYuMTJjLTAuMzc5IDAuNzQ0LTAuOTM1IDEuNDA1LTEuNjA0IDEuOTA3bC0wLjU1MSAwLjQxMnYxLjczaC01LjUwOHYtMS43M2wtMC41NTEtMC40MTJjLTAuNjY5LTAuNTAzLTEuMjI0LTEuMTYzLTEuNjA0LTEuOTA3LTAuMzk2LTAuNzgxLTAuNTk5LTEuNjIyLTAuNTk5LTIuNTA2IDAtMS40NzMgMC41NzMtMi44NTcgMS42MTEtMy44OTcgMS4wMzktMS4wNDQgMi40MjEtMS42MTYgMy44OTItMS42MTZoMC4wMDQgMC4wMDVjMS40NzEgMCAyLjg1MiAwLjU3MiAzLjg5MiAxLjYxNiAxLjAzOCAxLjAzOSAxLjYxIDIuNDI0IDEuNjEgMy44OTcgMCAwLjg4NS0wLjIwMSAxLjcyNi0wLjU5NyAyLjUwNnoiLz4KPC9zdmc+Cg==);
    /* background: url(../images/571202.jpg) no-repeat -367px -324px;
    height: 14px;
    width:20px;
    */
}
.QA0Szd-ibnC6b.gk6SMd .QA0Szd-Bz112c {
    opacity: 1;
}
.firsttimeuser {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.82);
    opacity: 4.9;
    z-index: 10000;
    top: 0;
    left: 0;
}
#mainsidemenubar {
    margin-top: -3px;
    background-color: #11627F;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    margin-left: -290px;
    position: fixed;
    top: 60;
    left: 0;
    bottom: 10;
    max-height: 94%;
    height: 94%;
    overflow-x: hidden;
    -webkit-transition-duration: .436s;
    transition-duration: .436s;
    -webkit-transition-property: margin-left;
    transition-property: margin-left;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 250px;
    z-index: 10000;
}
.leftsidemenu {
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid transparent;
    height: 19.7px;
    line-height: 20px;
    margin-right: 1px;
    min-width: 0;
    padding: 0;
    border: 1px solid transparent;
    font-size: 14px;
    padding: 13px 15px 12px 19px;
    color: #000;
    display: block;
    overflow: hidden;
    color: #fff;
    font-family: Roboto-Light;
}
.leftsidemenu a {
    color: #fff;
}
.leftsidemenu.submenu {
    padding-left: 40px;
}
.leftmenuimage {
    background-size: 20px 20px;
    display: inline-block;
    height: 23px;
    margin: 9px 14px 0px 0;
    vertical-align: middle;
    float: left;
    width: 20px;
    background-image: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KPCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4xLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQnPgo8c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAtMy41IDIwIDIwIiB3aWR0aD0iMjBweCIgdmVyc2lvbj0iMS4xIiB5PSIwcHgiIHg9IjBweCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAtMy41IDIwIDIwIj4KICA8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMyIgZmlsbD0iIzAxMDEwMSIvPgogIDxyZWN0IHk9IjUiIHdpZHRoPSIyMCIgaGVpZ2h0PSIzIiBmaWxsPSIjMDEwMTAxIi8+CiAgPHJlY3QgeT0iMTAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIzIiBmaWxsPSIjMDEwMTAxIi8+Cjwvc3ZnPgo=);
    cursor: pointer;
}
.leftsidemenu:hover {
    background: #07B184;
    cursor: pointer;
}
.subicon {
    width: 136px;
    height: 134px;
    background: #07B184;
    color: #000;
    float: left;
    margin: 58px 11px 18px 19px;
    border-radius: 31px;
}
.parttwo .caption {
    height: 17px;
    background: #11627F;
    padding: 11px;
    text-align: center;
    font-size: 15px;
    font-family: Roboto-Light;
    color: #C6EEFA;
}
.parttwo .answer {
    text-align: center;
    padding: 17px;
    font-family: Roboto-Light;
    font-size: 52px;
    color: #fff;
}
.driver_caption {
    height: 13px;
    background: #11627F;
    padding: 12px;
    font-size: 15px;
    font-family: Roboto-Light;
    color: #C6EEFA;
}
.driver_section {
    background: #07B184;
    height: 40px;
    padding: 9px;
    margin-bottom: 20px;
}
.driver_section .total {
    width: 148px;
    float: left;
    margin-right: 10px;
}
.driver_section .total .headers {
    padding: 8px;
    font-size: 17px;
    color: #fff;
    font-family: Roboto-Light;
    width: 81px;
    float: left;
    margin-top: -10px;
}
.driver_section .count {
    font-family: Roboto-Light;
    font-size: 21px;
    color: #fff;
    background: #11627F;
    float: right;
    border-radius: 54px;
    padding: 7px;
}
#menu ul {
    height: 15px;
}
.wholeset [class^="part"] {
    width: 49.9%;
    float: left;
    height: 295px;
    height: 310px;
    border: 1px solid #0ABC8A;
    border-bottom: 0px;
    border-right: 0px;
}
.partfour a {
    font-family: Roboto-Light;
    font-size: 14px;
    color: #11627F;
    margin-bottom: -5px;
    display: block;
}
.partfour #side_bar a {
    display: block;
    float: left;
    margin: 10px;
}
.inboxTick {
}
.inboxComp {
    width: 20%;
}
.inboxPhone {
    width: 15%;
}
.inboxPri {
    width: 15%;
}
.inboxDept {
}
.inboxHeader {
    border-bottom: 1px solid #fff;
}
.partone .post .meta .date {
    text-align: center;
}
.partone .post .meta {
    height: 33px;
    padding: 0px 0px;
    line-height: 22px;
}
.inboxRows {
    border-bottom: 1px solid #0ABC8A;
    cursor: pointer;
}
.inboxRows:hover {
    background: #0ABC8A;
}
.partone .inboxRows:nth-child(odd) {
}
.partone .inboxRows:nth-child(even) {
}
.partone {
    max-height: 400px;
    overflow: scroll;
    overflow-x: hidden;
}
/* quick order - #11627F */
#previousorders {
    margin: 5px 19px 0px 26px
}
.orders_holder {
    padding: 0px;
    margin: 0px;
    height: 400px;
}
.singleorder {
    height: auto;
    width: 181px;
    background: #0E566C;
    float: left;
    cursor: pointer;
    margin: 5px 5px 5px 0px;
    color: #C6EEFA;
}
.content .ordsaddress {
    text-align: justify;
}
.orders_holder .content {
    padding: 5px;
}
.content div {
    margin-bottom: 10px;
    text-align: justify;
}
.singleorder .orderid {
    height: 16px;
    background: #0ABC8A;
    padding: 4px;
}
.pickadd .caps, .shipedto .caps {
    display: inline-block;
    font-size: 14px;
    color: #0ABC8A;
}
.content .trans {
    margin-bottom: 0px;
}
#custompopup {
    width: 500px;
    height: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #0ABC8A;
    border: 1px solid #0ABC8A;
}
#custompopup .title {
    height: 20px;
    padding: 5px;
    background-color: #0E566C;
    color: #C6EEFA;
}
#custompopup .header {
    float: left;
}
#custompopup .close {
    float: right;
    cursor: pointer;
    font-size: 17px;
    line-height: 18px;
}
.recreateoptions {
    margin-top: 10px;
}
.recreateoptions input[type="radio"] {
    vertical-align: top;
}
.recreateoptions div {
    margin-bottom: 14px;
}
.iconrecrete:hover {
    background-color: none;
}
.lefthandsiderbarul li {
    position: relative;
}
.lefthandsiderbarul li span {
    position: absolute;
    right: 21px;
    color: #C6EEFA;
    font-weight: bold;
    top: 29px;
    border-radius: 103px;
    background: #0E566C;
    padding: 4px !important;
    line-height: 24px;
    height: 24px;
    width: auto;
    text-align: center;
    min-width: 8%;
    font-style: normal !important;
}
.lefthandsiderbarul li span:empty {
    background: #fff;
}

.curPointer {
    cursor: pointer;
}
.sharedshops, .shopsrows {
    width: 100%;
    margin-bottom: 15px;
}
.shopsrows {
    margin-bottom: 60px;
    clear: both;
}
.sharedshops .header1 {
    margin-bottom: 20px;
}
.col1, .col2 {
    width: 50%;
}
.col2 input {
    float: right;
}
.sharedshops .shopsrows {
    padding: 20px;
    margin-bottom: 5px;
}
.loader {
    font-weight: bolder;
    font-size: 11px;
    margin-top: 10px;
}
.lb_mandtry {
    color: #FF0000;
    margin-left: 5px;
}
.fg-toolbar {
    background: #dee1ce !important;
}
.tabEnabled {
    background: #DEE1CE !important;
}
.formTab {
    background: #11627F;
    color: #ffffff !important;
    cursor: pointer !important;
    float: right;
    list-style-type: none;
    padding: 5px 15px;
    border-top: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    margin-right: 5px;
    font-weight: bold;
    z-index: 1;
}
.tabnavigation li span {
    background: #0e566c none repeat scroll 0 0;
    border-radius: 103px;
    color: #c6eefa;
    font-style: normal !important;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 4px !important;
    right: 21px;
    text-align: center;
    /* top: 29px;
    */
    margin-left: 5px;
}
.trackdrivers {
    width: 33%;
}
.bold {
    font-weight: bold;
}
.tracklist, .trackorderlist {
    max-height: 509px;
    overflow: auto;
    overflow-x: hidden;
}
.tracklist .tdrivers, .trackorderlist .tdriversorder {
    border-bottom: 1px dotted #666;
    padding: 10px;
    color: #fff;
    cursor: pointer;
    background: #0ABC8A;
    text-transform: capitalize;
}
.listDrivers {
    margin-top: 12px;
}
.assigndri {
    cursor: pointer;
}
.cyg {
    color: yellowgreen;
}
.listDrivers .sub {
    min-height: 20px;
    padding-top: 10px;
    padding-bottom: 0px;
    text-transform: capitalize;
}
.listDrivers .name {
    padding-right: 20px;
}
.paging_full_numbers span.paginate_button {
    background: url("images/ui-bg_glass_45_0078ae_1x400.png") repeat-x scroll 50% 50% #0078AE;
    border: 1px solid #77D5F7;
    color: #FFFFFF;
    font-weight: normal;
}
.paging_full_numbers span.paginate_button:hover {
    background: url("images/ui-bg_glass_75_79c9ec_1x400.png") repeat-x scroll 50% 50% #79C9EC;
    border: 1px solid #448DAE;
    color: #0268890;
    font-weight: normal;
}
.paging_full_numbers span.paginate_active {
    background: url("images/ui-bg_gloss-wave_50_6eac2c_500x100.png") repeat-x scroll 50% 50% #6EAC2C;
    border: 1px solid #ACDD4A;
    color: #FFFFFF;
    font-weight: normal;
}
#example_vieworders_wrapper, #billed_wrapper, #billedsignals_wrapper, #example2_wrapper, #example_wrapper:first-of-type {
    padding: 10px !important;
}
.spinner {
    margin: 100px auto;
    width: 50px;
    height: 60px;
    text-align: center;
    font-size: 10px;
    position: fixed;
    margin-top: 23%;
    margin-left: 50%;
    z-index: 1002;
}
.spinner > div {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}
@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    background-color: #000000;
}
.modal-backdrop {
    opacity: 0.65;
    filter: alpha(opacity=65);
}
#orderinfo #basic, #communication {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.callback,.simple,.offset {
    font-size: 20px;
    background: #27ae60;
    padding: 0.5em 0.7em;
    color: #ecf0f1;
    margin-bottom: 50px;
    -webkit-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
}
.offset {
    margin-bottom: 10px;
}
.callback {
    cursor: pointer;
}
.styled {
    margin-bottom: 50px;
}
.styled div {
    display: inline-block;
    margin-left: 10px;
    font-size: 30px;
    font-weight: 100;
    line-height: 1;
    text-align: right;
}
/* Driver SLA */
.ordersla div {
    font-family: Roboto-Light;
}
.ordersla .subitems {
    display: flex;
    flex-direction: column;
}
.ordersla .subitems span:nth-child(2) {
    font-size: 12px;
    font-weight: 500;
    margin-top: 5px;
}
.ordersla .order {
    padding: 5px;
    background: #00796b;
    color: #e0f2f1;
    margin-bottom: 4px;
}
.ordersla .order .section {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    font-size: 15px;
}
.timer {
    display: inline-block;
    margin-left: 10px;
    font-size: 23px;
    font-weight: 100;
    line-height: 1;
    text-align: right;
}
.ordersla .order span.item {
    display: flex;
    font-weight: bold;
}
.ordersla .order .addr span.item {
    flex: 1;
    font-size: 14px;
    text-transform: capitalize;
}
.ordersla .order .addr [class^="icon-"] {
    margin-right: 10px;
    color: #FFC107;
    font-size: 18px;
    margin-top: -2px;
}
.ordersla .order span.item.addr {
    text-transform: uppercase;
    font-size: 13px;
}
.timed div span {
    display: block;
    border-top: 1px solid #cecece;
    padding-top: 3px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
}
.timed {
    display: inline-block;
    margin-left: 10px;
    font-size: 30px;
    font-weight: 100;
    line-height: 1;
    text-align: right;
    color: #fff;
}
.timed.ended {
    color: #e53935;
}
.timed div {
    margin-left: 10px;
}
/* End of Driver SLA */
td.details-control {
    background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('https://datatables.net/examples/resources/details_close.png') no-repeat center center;
}
.timerd {
    color: #0E566C;
}
.timerd div {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
}
.item.timerd.ended {
    color: red
}
.referral-banner {
    background-color: #0cbc8b;
    font-family: Roboto-bold;
    width: 465px;
    margin: 0px auto;
    text-align: center;
    color: #fff;
    padding: 5px 0px 5px 0px;
}
.referral-banner .button {
    font-size: 23px;
    width: 194px;
    background-color: orange;
    padding-top: 7px;
    margin: 7px;
}
.referral-banner h3 {
    font-size: 1.8em;
    color: #fff;
}