@charset "utf-8";
/* CSS Document */

.cls-space .dxm-content {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.blu_all_asgnmnt .trp_hdng_left {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

/* New Styles start 15-06-2017 */
#ImgASPxPopupMenu {width:34px; height:28px;}
.grn_trp_hdng_gry {padding: 2px !important;}
.grn_trp_hdng_gry #btnExpand.blu_btn {padding:0px 4px !important; margin-top: 3px;}
.dxbButton.serach-icon.dxbButtonSys{ padding:3px !important; border-radius:2px !important; }
input#pnlHeaderDriver_btnExpand {margin-top: 2px;}
.drvr_srch_box{ min-height:1px; height:32px;}
.grn_trp_hdng_gry_fltr{ margin-top:3px;}
/* New Styles end 15-06-2017  */
.butns_left.border_bottm { border-bottom: 1px solid #818181; padding: 5px; clear: both; overflow: hidden; }
.butns_left { overflow:hidden; }
.floatleft { float: left; padding: 0px 5px 0px 2px; margin: 5px 5px 5px 5px; /*  border-right: 1px Solid #CFCFCF; */ }
.floatleft:last-child { border: none; }
#btnPickup, #btnDroppedOff, #btnUndoPickedUp, #ddlPopupDriver_ET, #btnDriverReady, #btnSendText, #btnRemove, #btnDriverSearch, #ddlDriverFind_ET, #ddlPopupDriver, #ddlDriverFind, #ImgASPxPopupMenu, .float_left_logout, .drvr_ntfctn, #btnMessage { /*float: left;*/ margin: 0; }
#btnDriverSearch { margin: 4px 4px 4px 0px; }
#ddlDriverFind_ET { margin: 4px 0 4px 4px; }
#btnPickup .dxbButton, #btnDroppedOff .dxbButton, #btnUndoPickedUp .dxbButton, #ddlPopupDriver_ET .dxbButton, #btnDriverReady .dxbButton, #btnSendText .dxbButton, #btnRemove .dxbButton { color: #fff; }
/*#btnDriverReady {
    margin: 3px 3px 3px 0;
}*/

#ddlPopupDriver_ET, #ddlPopupDriver, #ddlDriverFind { margin: 3px 0px 3px 3px; }
.dxeEditArea_SoftOrange, input[type="text"].dxeEditArea_SoftOrange, input[type="password"].dxeEditArea_SoftOrange { font: normal 11px Tahoma, Geneva, sans-serif !important; }
.drvr_blu_btns_top { overflow: hidden; clear: both; display: block; margin:4px 0 2px 0; }
 .drvr_blu_btns_top input[type="submit"],.drvr_blu_btns_top input[type="button"]  { border: 1px solid #00ADEF; color: #fff; padding-top: 22px; padding-bottom: 2px; width: 19%; font: normal 1.1em 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif; }
.drvr_blu_btns_top input[type="submit"]:hover, .drvr_blu_btns_top input[type="button"]:hover { border:1px solid #037BA8; }
.drvr_blu_btns_tp1 { clear:both; margin-bottom:5px; }
/*.dxbButton:hover { background: #e21d1d; } */

.drvr_blu_btns_top .pckdup { background:#00ADEF url(../img/pick_up.png) no-repeat center 2px; }
.drvr_blu_btns_top .drpdoff { background:#00ADEF url(../img/drpdoff.png) no-repeat center 2px; }
.drvr_blu_btns_top .remove { background:#00ADEF url(../img/remove.png) no-repeat center 2px; }
.drvr_blu_btns_top .assign_driver { background:#00ADEF url(../img/assign_driver.png) no-repeat center 2px; } 
.drvr_blu_btns_top .message { background:#00ADEF url(../img/message.png) no-repeat center 2px; }
/*#btnDroppedOff.dxbButton, #btnMessage.dxbButton {
     background: #33B5E5 url(../img/ok.png) no-repeat center top;
} 
#btnDroppedOff.dxbButton:hover, #btnMessage.dxbButton:hover {
    background:#01aaeb url(../img/ok.png) no-repeat center top;
}
  
#btnPickup:hover {
    background: #99CC00;
}

#btnDroppedOff.dxbButton {
    background: #33B5E5;
    border: 1px solid #16a5d7;
    padding: 2px 4px;
}

#btnSendText.dxbButton div.dxb {
    padding: 25px 0 0 0;
}

#btnSendText.dxbButton {
    background: #33B5E5 url(../img/ok.png) no-repeat center top;
    border: 1px solid #16a5d7;
}

#btnSendText:hover {
    background: #16a5d7 url(../img/ok.png) no-repeat center top;
}

#btnDroppedOff:hover {
    background: #16a5d7;
}

#btnUndoPickedUp.dxbButton { background: #6CDFEA; border: 1px solid #60c7d1; padding: 2px 4px; }
#btnUndoPickedUp:hover { background: #60c7d1; } */
#btnDriverSearch.dxbButton { background: #FF6600; border: 1px solid #E75E03; }
#btnRemove .dxbButton { background: #FF4444; border: 1px solid #e21d1d; }
#btnRemove .dxbButton:hover { background: #e21d1d; }
.popup div { margin-bottom: 1px !important; line-height: 27px; }
/* .dxbButton { background: #33B5E5; border:none; color:#fff; }*/
.dxbButton:hover { -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2); }
.dxbButtonHover { color: #fff !important; }
.clear { clear: both; }
.float_left_logout a { color: #FF6600; font: 12px Tahoma; padding: 5px 0 0 0; line-height: 30px; }
.float_left_logout a:hover { color: #666; }
.drivermargintop { margin-top: 0px; min-height: 25px; height: auto; padding-top:6px; /*position: fixed; 
    top: 0;*/ width: 100%; background: #fff; /* border-bottom: 1px solid #ccc; */ text-align: center; }
.drvr_mn_blu_lnks { background: #33B5E5; }
.drivermargintop .dxbButton.dxbButtonSys.dxbTSys { float: /*left*/; border-left:1px solid #fff; margin-bottom:1px; }
.drivermrgntp_scrl { margin-top: 0px; min-height: 25px; height: auto; clear: both; cursor: pointer; color:#808080; font: normal 13px/16px Arial; }
.drivermrgntp_scrl h4 { font: bold 12px/20px tahoma, sans-serif; margin: 0; float: left; }
.drivermrgntp_scrl span { /* float: right; */ font: normal 1em 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif; }
.drivermrgntp_scrl span.font1em { font: normal 1em 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif; }
/*.positionfixed {
    margin-top: 2%;
    overflow: auto;
}*/


#btnDriverReady.dxbButton div.dxb, #btnDriverSearch.dxbButton div.dxb, .dxbButton_iOS div.dxb { border-width: 0; padding: 2px 8px 1px 4px; }
/* .butns_left
        {
            float: left;
            width: 60%;
        }
        .logout_right
        {
            float: right;
            width: 25%;
            text-align: left;
        } */
.pup_rdio_snd_txt { float: left; margin: 5px; }
.pop_main { border: 1px Solid #fff; margin: 5px 0 5px 0; padding: 5px; }
.pop_main h5 { font: bold 11px Tahoma, Geneva, sans-serif; margin: 5px; }
#ASPxButton1 { float: right; margin: 5px 15px 0px 2px; }
#ddlDriverFind_ET, #Panel2 { float: left; }
.float_left_logout { float: left; }
.dxbButton div.dxb { padding: 0 !important; }
.hdng_assigned { overflow: hidden; margin: 5px 0 0 0; min-height: 20px; padding: 2px 10px 2px 5px; -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3); box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .3); background: rgb(254,254,254); /* Old browsers */ background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(243,243,243,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(243,243,243,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(243,243,243,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(243,243,243,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(243,243,243,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(243,243,243,1) 100%); /* W3C */ clear: both; border: 1px solid #CCCCCC; background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(243,243,243,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(243,243,243,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(243,243,243,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(243,243,243,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(243,243,243,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(243,243,243,1) 100%); /* W3C */ clear: both; border: 1px solid #CCCCCC; }
.dxbButton { font: 11px Tahoma, Geneva, sans-serif; }
.float_left_logout { float: right; margin-right: 1%; }
#popUserMessage_btnClose { margin: 6px 0 0 0; }
.left_align { float: left; margin: 2% 1% 2% 1%; }
.drivermrgntp_scrl span.left { float: left; padding: 0 0 0 5px; }
.drivermrgntp_scrl span.bold { font: bold 11px Arial; }
.color_means { float: left; }
.color_means { float: left; width: 300px; }
.color_means ul { list-style: none; margin: 0; padding: 0; }
.color_means ul li { float: left; margin: 0; padding: 1px; display: block; min-width: 98px; }
.btn_mrgn_all { margin-top:10px; }
.btn_mrgn_all table { float: left; min-height: 30px; margin: 5px 3px 12px 0; }
.color_means .pickedup { background: #99CC00; border: 1px Solid #666; width: 25px; height: 15px; display: inline-block; float: left; }
#popupSendText_txtCustomMessage { clear: both; }
.color_means .over_due { background: #FF4444; border: 1px Solid #666; width: 25px; height: 15px; display: inline-block; float: left; }
.color_means .warn { background: #FFBB33; border: 1px Solid #666; width: 25px; height: 15px; display: inline-block; float: left; }
.color_means .color_text { min-width: 70px; float: left; line-height: 13px; padding: 0 0 0 1%; font: bold 12px arial; }
.popup-maincontainer { width: auto; margin: 0 auto; overflow: hidden; padding: 0 0 6px 0; }
div#popupSendText_btnSendMessage_CD, div#popupSendText_btnSendMessageClose_CD { line-height: normal; }
.grn_trp_hdng_mn { min-height: 25px; padding:1px 6px; background: #9ac947; display: block; clear:both; overflow: hidden; }
.grn_trp_hdng_mn .fa { color:#fff; }

.blu_all_asgnmnt { background:#00adef; }
.orng_asgnd_trps { background:#fba81a; }


.demo th { text-align: left;/* display:none !important;*/ }
.mobile_icon_view { display: none; }
.mible_show { display: block; }
/************** Added New from 28-10-2014 ***************/
.select_all { width:19%; background:#00adef; color:#fff; font: 1.2em "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif; border:none; padding:12px 0; }
.fa { color: #333333; }
.driver_hder { display:block; border-bottom: 1px solid #d9d9d9; background: #f2f2f2; min-height: 40px; margin: 0; }
.drvr_hdr_lft ul { list-style: none; margin: 0; padding: 0; }

.drvr_hdr_lft ul.navbar-nav > li { float:left !important; display:inline-block; padding:5px; }
.drvr_hdr_lft ul li a, div.hdr_all { display: block; padding:2px 5px; padding-top: 10px; padding-bottom: 10px; }
.drvr_hdr_lft ul ul.dropdown-menu li { float:none; display:inline; }
.drvr_hdr_lft .dropdown-menu li adxbButton:hover, .drvr_hdr_lft .dropdown-menu > li > a.dxbButton:focus { 11px Tahoma, Geneva, sans-serif }
.drvr_hdr_lft .navbar-nav.navbar-right:last-child { margin-right: 0px; }

.drvr_hdr_lft ul ul.dropdown-menu li a { padding:5px 20px 5px 15px; text-align:left; }
.drvr_hdr_lft .navbar-right ul.dropdown-menu { margin:6px 0 0 0; }

.chat_count { font-size: 70%; top: -0.9em; margin-left: -5px; margin-right: -5px; color: #ffffff; display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #ffffff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background: #999999; border-radius: 10px; background: #f8576c; position: relative; }
.account_sttngs { border: 1px solid transparent; margin: -1px 0; float: right; display: block; }
.account_sttngs a { display: block; color: #333; text-decoration: none; padding: 10px 50px 10px 10px; position: relative; }
.account_sttngs img { max-width: none; height: 80%; position: absolute; right: 5px; top: 10%; border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.drvr_logo { display: block; background: #fff; text-align: center; }
.drvr_logo a { display: block; }
.drvr_contnt_body { background: #00335c; overflow: hidden; clear: both; }
.drvr_contnt_box_mn { width: 98%; margin: 5px auto 5px auto; padding: 10px; color: #fff; font: normal 100% "Open Sans", Helvetica, Arial, sans-serif; overflow: hidden; }
.drvr_contnt_box_mn .fa { color: #fff; font: normal 20px 'FontAwesome'; padding: 10px 10px 0 0; }
.drvr_contnt_box_left { /*background:#9ac947;*/ float: left; width: 75%; padding: 5% 5% 3% 5%; display: flex; min-height: 138px; font: 300 100% "Open Sans", Helvetica, Arial, sans-serif; }
.grn { background: #9ac947; }
.blu_drk { background: #35a6f1; }
.blu_lght { background: #00adef; }
.vilt { background: #698c9f; }
.orng { background: #fba81a; }
.gry_drk { background: #808080; }
.gry_lgt { background: #bbbcbe; }
.drvr_contnt_box_mn h2 { margin: 0; padding: 0; }
.drvr_contnt_box_left h2 a { font: 300 100% "Open Sans", Helvetica, Arial, sans-serif; }
.drvr_contnt_box_left_count { float: right; }
.drvr_contnt_box_left_inr { width: 100%; }
.drvr_contnt_box_rgt { float: right; width: 25%; padding: 0; text-align: right; }
.drvr_contnt_box_rgt_1 { float: left; width: 100%; padding: 10% 5% 9% 1%; margin: 0px 1px 1px 0; display: block; }
.drvr_contnt_box_rgt_2 { float: left; width: 100%; padding: 10% 5% 9% 1%; margin: 0px 1px 1px 0; display: block; }
.drvr_contnt_box_rgt_3 { float: left; width: 100%; padding: 10% 5% 9% 1%; margin: 0px 1px 1px 0; display: block; }
.drvr_contnt_box_left h2 { margin: 0; padding: 0; }
.drvr_contnt_box_grn_left { }
.drvr_contnt_box_left aside { float: left; }
.drvr_contnt_box_left50 .imgcenter { width: 25px; height: 25px; margin: 10px; }
.drvr_contnt_box_left50 { /*background:#9ac947;*/ float: left; width: 52%; padding: 5% 5% 2% 5%; display: flex; min-height: 130px; font: 300 100% "Open Sans", Helvetica, Arial, sans-serif; }
.drvr_contnt_box_rgt50 { float: right; width: 48%; padding: 0; font: 700 20px "Open Sans", Helvetica, Arial, sans-serif; text-align: center; }
.drvr_contnt_box_rgt_2rw_1 { float: left; width: 100%; padding: 7% 5% 7% 5%; margin: 0px 1px 1px 0; display: block; }
.drvr_contnt_box_rgt_2rw_2 { float: left; width: 100%; padding: 6% 5% 6% 5%; margin: 0px 1px 1px 0; display: block; }
.drvr_contnt_box_rgt_2rw_ft1 { float: left; width: 100%; padding: 18% 5% 17% 5%; margin: 0px 1px 1px 0; display: block; }
.drvr_contnt_box_rgt_2rw_ft2 { float: left; width: 100%; padding: 18% 5% 17% 5%; margin: 0px 1px 1px 0; display: block; }
.drvr_contnt_box_100 { width: 100%; padding: 5% 5% 3% 5%; min-height: 138px; }
.trp_hdng_left { float:left; font: 400 18px/25px "Open Sans", Helvetica, Arial, sans-serif; color:#fff; }
.trp_hdng_right { float:right; font: 400 18px/25px "Open Sans", Helvetica, Arial, sans-serif; color:#fff; }
.driver_hder .navbar-profile { padding:10px 0 5px 0; }
.table.demo thead tr { display:none; }  

.grn_trp_hdng_gry { min-height: 25px; padding: 0px; background: #babcbe; display: block; clear: both; overflow: hidden; margin:2px 0 2px 0; }
.grn_trp_hdng_gry_fltr { padding:3px 6px; float:left; border-right:1px solid #fff; }
/*.dxgvEditFormDisplayRow td.dxgv, .dxgvDataRow td.dxgv, .dxgvDataRowAlt td.dxgv, .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv { border:none; } */
.drvr_hdr_lft .nav.navbar-nav.navbar-left { float:left; }
.drvr_hdr_lft .nav.navbar-nav.navbar-right { float:right; }

 .drvr_srch_box { padding:5px; position:relative; float:left; width:300px; }
 input.drvr_srch[type="text"] { padding:2px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; color:#000; border:none; width:100%; }
 .drvr_search_icon { position:absolute; right:6%; top:8px; cursor:pointer; }
 .grn_trp_hdng_gry2 { min-height: 25px; padding: 5px 0 5px 0; background: #babcbe; display: block; clear: both; overflow: hidden; margin:2px 0 2px 0; color:#fff; }
 .grn_trp_hdng_gry2_mn { width:280px; margin:0 auto; }
 .grn_trp_hdng_gry_frm, .grn_trp_hdng_gry_to { display:inline-block; padding:0 10px; }
 .grn_trp_hdng_gry2 img { float:left; padding-right:10px; }
 .destination { color:#d43138; font-size:11px; }
 .dxgvCommandColumn.dxgv { vertical-align:top; }
 
 .table.demo { width:100%; }
 /* .table.demo td { width:15%; } */
 
 .table.demo td.lable_name { width:20%; }
 .table.demo td.drvr_icon { width:10%; }
 .table.demo td.lblWaitStatus { width:20%; }
 .table.demo td.Labels { width:19%; }
 .table.demo td.labelstwo { width:10%; }
 .dxgvDataRow td.dxgv, .dxgvDataRowAlt td.dxgv { padding-left:0 !important; padding-right:0 !important; }
 #gdvActiveParties .dxgvCommandColumn { display:inline !important; }
 
 
 .table.demo td.footable-last-column { width:30%; }
 .footable-row-detail-name { display:none; }
 
 .drvr_msg_mn { min-height:120px; display:none; }
 .drvr_btn_wht { background:#fff; border:1px solid #00a7e6; color:#00aeef; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; font:bold 14px Arial; text-transform:capitalize; }
 .drvr_assgn_hdng_mn { min-height: 25px; padding:1px 6px; background: #00aeef; display: block; clear:both; overflow: hidden; font: 400 18px/25px Arial, sans-serif; color:#fff; }
 .drvr_assgn_hdng_mn { min-height: 25px; padding:1px 6px; background: #00aeef; display: block; clear:both; color:#fff; font: 400 18px/25px Arial, sans-serif;
                       text-align:center; }
 .driver_main { margin:5px auto; width:99%; }
 select { padding:3px; min-height:15px; min-width:100px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; text-transform: capitalize; }
 .grn_trp_hdng_gry select { padding:3px; min-height:15px; width:99%; font:bold 14px Arial; text-transform:capitalize; 
                            border:none; margin:5px; }
.drvr_asst_pck_drpof { text-align:center; min-height:25px; }
.drvr_asst_pck_drpof a { float:none; display:inline-block; border-left:1px solid #fff; font:normal 20px/25px Arial; color:#fff; padding:2px 15px; }                              
.drvr_asst_pck_drpof a:first-child { border-left:0; }                              
.dsptch_mn { padding:20px 0 5px 0; color:#00aeef; text-align:center; font:normal 18px/20px Arial; }

.dsptch_nmbr { color:#808080; font:normal 60px/65px Arial;  padding:5px; /* width: 320px; border:1px solid #3fc2f3; */ margin:0 auto 30px auto; text-align: center; position:relative; } 
.btn_100 { width:100%; padding:12px 0; text-align:center; border:none; margin:2px 0; font:normal 25px/30px Arial; color:#fff; }
.orng_btn {  background:#fba81a; }
.grn_btn {  background:#9ac947;}

.drvr_adrsrvtn_frm_gry { color:#fff; font:normal 15px/20px Arial;  min-height: 18px; line-height:15px !important; padding:5px 3px; background: #d5d5d5; display: block; clear: both; overflow: hidden; margin:1px 0 1px 0; }
.drvr_adrsrvtn_frm_gry .pop-txt { color:#fff; font:normal 15px/20px Arial; }
.drvr_adrsrvtn_frm_gry select { border: medium none; font: bold 14px Arial; margin: 5px; width: 99%; }

.drvr_adrsrvtn_frm_gry label { padding:5px; font:normal 15px/20px Arial; }    
.drvr_adrsrvtn_frm_gry .nophone label { padding:0; }
.minutes { float:left; width:90px; }
.drvr_adrsrvtn_frm_gry .vip { float: right; margin: 0 0 0 1%; width:65px; text-align:right; }
.drvr_adrsrvtn_frm_gry .vip input[type="checkbox"] { width:auto; }

.drvr_ad_rsrvtn input { height: 15px; }
.popup label { display: inline-block; font-size: 12px; }
.phone-input input.dxeEditArea { width: 100px; }
/* .return, .time { width:160px; margin:0 0 0 5px; } */
.return { float: left; width: 90px; margin: 0 0 0 16px; }
.time { float: right; width: 270px; margin: 0 0 0 5px; }
.return label, .time label { float: left; width: 74px; padding: 0 3px 0 0px; text-align: right; }
.return label { width: 74px; }
.time label { width: 40px; }
.popup input[type="checkbox"] { width: 15px; margin: 0 4px 0 0; }
.popup input[type="radio"] { margin: 0; }
.pop-row-2nd input { width: 60px; }
.mrgn_rght { margin: 0 4px 0 0; }
.carmake_group { float: left; width: 135px; }
.carmake_group label { width: 55px; float: left; padding: 0 3px 0 0px; text-align: right; }
.carmake_group input { width: 60px; float: left; }
.return label { padding: 0 3px 0 0px; text-align: right; }
.pick_drop { padding: 0 8px 0 0px; float: left; }
.pick_drop label { font: normal 14px/25px 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; color: #363636; padding: 0 8px 0 0px; }
.adlt_chld_ada { width: 85px; float: left; font-size: 12px; }

.dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys, 
.drvr_adrsrvtn_frm_gry input, .drvr_adrsrvtn_frm_gry textbox { border: medium none; font: bold 14px Arial; margin: 0px; padding:1px 0 1px 3px; width: 99%; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px;  }
.drvr_adrsrvtn_frm_gry .pop-txt { width:auto; }

.drvr_adrsrvtn_frm_gry .labels { float:left; display:inline; width:30%; padding:5px 5px 0 5px; text-align:right; }
.drvr_adrsrvtn_frm_gry .fields { display:inline; width:69%; float:left; }
.drvr_adrsrvtn_frm_gry .fields3 { display:inline; width:24%; float:left; }
.fields_phone { width:89%; float:left; }
.first_nm_vip { width:88%; float:left; }
.phone-input.fields3 { width:25%; }
.phone-input.fields3 table { float: right; text-align:right; }
.drvr_adrsrvtn_frm_gry .fields3 label { padding:0; }

.party_size_parts { width:30%; float:left; }
.party_size_total { width:120px; float:right; text-align:right; }
.bgwhite { background:#fff; }
.drvr_tbl_left { float:left; }
.drvr_btns_btm_ad_rsrvtn { background: #00adef; overflow: hidden; clear: both; display: block; margin:2px 0 2px 0; }
.drvr_btns_btm_ad_rsrvtn .dxbButton { background:transparent; border: none; border-left:1px solid #fff !important; color: #fff; padding:10px 0; width: 16%; font: normal 1.2em 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif; }
.drvr_btns_btm_ad_rsrvtn .dxbButton:first-child{ border: none !important; } 
/* .dxeButtonEditButton_SoftOrange img { max-width:90%; } */
.driver_main_wraper { width:100%; margin:0; padding:0; }
.drvr_headings_blue_main h2 { font: normal 25px/28px Arial; text-align:center; color:#00aeef; }

.drvr_btns_btm_ad_party { background: #00adef; overflow: hidden; clear: both; display: block; margin:2px 0 2px 0; }
.drvr_btns_btm_ad_party .dxbButton { background:transparent; border: none; border-left:1px solid #fff !important; color: #fff; padding:10px 0; 
                                     margin-left:-4px; width: 20%; font: normal 1.2em 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif; }
.drvr_btns_btm_ad_party .dxbButton:first-child{ border: none !important; } 

.get_cost { width:18%; float:left; display:inline-block; }
.get_cost .dxbButtonSys { white-space:normal !important; }
.get_cost .dxbButton { background:#00adef; border: none; color: #fff; padding:3px 0 2px 0; width: 100%; font: normal 15pxem 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif; } 
.get_cost_field { float:left; width:81%; display:inline-block; margin-left:5px; }
table#rdblDirection { float:left; width:72%; }
.edt_rsrvtn_popup_hstry { float:right; width:20%; }

#rdblDirectionRese { float:left; width:72%; }

/* .get_cost_field .dxbButton { background:transparent; border: none; color: #fff; padding:2 0; width: 100%; } */ 
#btnTrips.dxbButtonSys, .edt_hstry_right .dxbButtonSys { white-space:normal !important; }
.drivermrgntp_scrl span.overdue { color: #d43138; font: normal 17px/20px Arial; }
.drivermrgntp_scrl span.warm { color:#fba81a; font: normal 17px/20px Arial; }

img.dxGridView_gvDetailCollapsedButton { position:absolute; right:2px; background:url(../img/newimages/expand.png) no-repeat !important; height: 25px; width: 25px; margin-top: -12px; }
img.dxGridView_gvDetailExpandedButton  { position:absolute; right:2px; background:url(../img/newimages/collapse.png) no-repeat !important; height: 25px; width: 25px; margin-top: -12px; }


/*#gdvActiveParties .dxgvDataRow .dxgvIndentCell.dxgv { display:none; }*/

.drivermrgntp_scrl .tble_expnd_mbl { width:100%; border:2px solid #fff; border-color:#fff; font-size:0.8em !important; }
.tble_expnd_mbl td { padding:5px; width:50%;  color:#7D7E81; border:2px solid #fff; }
.dxgvDetailRow { background:#f3f2f1; }
.grd_hder_grey { background:#a1a5ad; color:#fff; font: normal 100% 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif; white-space:normal !important; } 
.grd_hder_grey .dxgvGroupRow td.dxgv, .dxgvFocusedGroupRow td.dxgv  { white-space:pre-line !important; }
.flt_lft_mrgn5 { float:left; margin:0 5px 4px 5px; }
#SelCountParty, #SelSizeParty { color:#FF5959; font: normal 15px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif; padding:0 0 0 5px; } 
.drvr_logout { background:#49a2da url(../img/newimages/logout.png) no-repeat 10px center; padding: 6px 12px 6px 43px; font-size: 13px; line-height: 1.428571429;
               border:1px solid #0d7ac2; font: bold 18px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif; color:#fff; width:100%; cursor:pointer; /*text-align:left;*/ }

.width_34.drvr_red { background:#FF5959; }
.hdr_refresh { background:url(../img/newimages/refresh_icon.png) no-repeat center center; width:24px; height:24px; border:none;
               -webkit-box-shadow:none; box-shadow:none; }
.navbar-nav.navbar-right { position:inherit !important; }
.get_party_pstn_btn { font-size:15px !important; width:90px !important; }
.flt_lft { float:left; }
.error_msg { background: #e51400; border: 1px solid #cc1200; padding: 5px 10px; color: #fff; -ms-word-wrap: break-word; word-wrap: break-word; width: 100%; }
.dxgvGroupRow td.dxgv{white-space:normal !important}
#btnExpand.blu_btn { width:27px; padding:5px 4px; }
.dxWeb_edtCheckBoxUnchecked { background:url(../img/newimages/checkbox.png) no-repeat 0px -261px !important; width: 28px !important; height: 26px !important; }
.dxWeb_edtCheckBoxChecked { background:url(../img/newimages/checkbox.png) no-repeat -30px -261px !important; width: 28px !important; height: 26px !important; }
 input[type="checkbox"] { cursor:pointer; }
.table.demo td.locations { min-width:300px; }

.mbl_logo a { width: 190px; display: inline-block; }
.mbl_logo img { max-width:100%; height:auto; }
.drvr_blu_btns_top input[type="submit"].width100, .drvr_blu_btns_top input[type="button"].width100  { width:100%; }
.drvr_hdr_lft ul li a.hdr_all:hover { background:none; }
.drvr_hdr_lft ul li a.hdr_all input[type="button"] { height:25px; width:40px; background:#a1a5ad; border:1px solid #666; color:#fff; }
.drvr_hdr_lft ul li a.hdr_all input[type="button"].shiftin { width:auto; }
.drvr_hdr_lft ul li a.hdr_all input[type="button"]:focus, .drvr_hdr_lft ul li a.hdr_all input[type="button"]:hover { background:#fff; border:1px solid #666; color:#333; }
.navbar-devider { padding: 15px 0 5px 0; display: inline-block; }
.gm_box { /*background:#DBDDE1; display:block; margin-bottom:5px;*/ }
/*.gm_box span { border: 1px solid #108fe3; display:block !important; width:100%; }*/
.gm-font { font-size:15px; }
 
.drivermrgntp_scrl .select_all { display:block; margin:0 auto; width:auto; padding: 12px; }

.select_all.count_status { background:#e21d1d; text-decoration: blink; }

@keyframes blinker {  
  50% { opacity: 0.8; }
}
.count_status, .blink_green { 
  animation: blinker 1.7s cubic-bezier(1, 1, 1, 1) infinite alternate;   
}
@keyframes blinker {  
  from { opacity:.0.8; /*visibility: visible*/ }
  to { opacity: 1; /*visibility: hidden*/ }

  /* Alternatively you can do this:  
  0% { visibility: visible; }
  50% { visibility: hidden; }
  100% { visibility: visible; }
  if you don't want to use `alternate` */
}

.blink_green { color:#008000; }



 @media (min-width:600px) { /* ABOVE 600 */
.drvr_contnt_box_mn { width: 600px; }
}
/* @media (min-width:668px) {
.mible_show { display: block !important; }
} */
@media (max-width:1024px) { .fields_phone, .first_nm_vip { width:84%; } .footable-row-detail-inner { padding-right:2%; display:block; text-align:center; } .footable-row-detail-row { float:none; display:inline-block; padding:2px 5px; } }
 @media (max-width:800px) { .fields_phone, .first_nm_vip { width:80%; } }
 @media (max-width:768px) { .fields_phone, .first_nm_vip { width:79%; }  }
 @media (max-width:668px) 
 {
     .grd_hder_grey { font-size:12px; }
.drvr_blu_btns_top .dxbButton { font-size: 14px; }
.mobile_icon_view { display: block; cursor: pointer; float: right; }
.mible_show { display: none; clear: both; }
.paddingclear { margin-top: 5px; }
.footable-row-detail-name { display:none; }
.drivermrgntp_scrl .footable-row-detail-value span { float:none; }

/* .footable-toggle { width:20px; height:20px; display:block; background:#CCC; }
.footable-last-column { background:url(../img/add2.png) no-repeat right center; } */ 
/*.drvr_srch_box { width:76%; }*/

.drvr_srch_box { width:65%; }
.table.demo td.lable_name { /* width:50%; */ }
.footable-row-detail-value { padding:0 5px; }
.fields_phone, .first_nm_vip { width:75%; } 
.get_cost_field { width:80%; }
.phone-input.fields3 { float:right; width:auto; }
.drvr_adrsrvtn_frm_gry .fields3 { width:32%; }
}

 @media (max-width:600px) {
#btnPickup { clear: none; }
.drvr_contnt_box_left h2 { font: 300 16px "Open Sans", Helvetica, Arial, sans-serif; }
.drvr_contnt_box_left { width: 65%; }
.drvr_contnt_box_rgt { width: 34%; }
.drvr_btns_btm_ad_rsrvtn .dxbButton { width: 15%; }
}
 @media (max-width:480px) {
    .btn-align1 .select_all, .btn-align1 .drvr_blu_btns_top input[type="submit"], .btn-align1 .drvr_blu_btns_top input[type="button"] {
        width:50%; 
    }
    .btn-align1 .dxbButton {
        font-size: 14px !important;
    }
.float_left_logout { margin-right: 3%; }
#btnPickup { clear: both; }
.drvr_blu_btns_top .dxbButton { font-size: 13px; }
.drvr_btns_btm_ad_rsrvtn .dxbButton { width: 14%; }
.fields_phone, .first_nm_vip { width:68%; } 
.select_all, .drvr_blu_btns_top input[type="submit"], .drvr_blu_btns_top input[type="button"] { float:left; width:20%; font-size:10px; padding-left:1px; padding-right:1px; border-right: 1px solid #fff; }
.drvr_blu_btns_top, .drvr_blu_btns_tp1 { min-height:34px; }
}
 @media (max-width:420px) {
.dxbButton { font-size: 11px; }
.drvr_blu_btns_top .dxbButton { font-size: 11px; } 
.drvr_btns_btm_ad_rsrvtn .dxbButton { font-size: 12px; }
.fields_phone, .first_nm_vip { width:58%; }
.drvr_adrsrvtn_frm_gry .labels { padding-left:3px; font-size:14px; }
.party_size_total { width:85px; }
.footable-row-detail-inner { padding:0; text-align:left; }
.mbl_logo a { width: 110px; }
.dxbButton { font-size: 9px; }

}
 @media (max-width:320px) {

.drvr_blu_btns_top .dxbButton { font-size: 9px; }
#btnPickup { clear: none; }
.drvr_btns_btm_ad_rsrvtn .dxbButton, .drvr_btns_btm_ad_party .dxbButton { font-size: 11px; }
.get_cost { width:22%; }
.get_cost_field { width:75%; }
.fields_phone, .first_nm_vip { width:55%; } 
.party_size_total { width:77px; font-size:13px; }
.table.demo td.locations { min-width:190px; }

 }
 
/************** Added New from 28-10-2014 ***************/