#edit_booking .row, #add_booking .row{width: 50%; float:left;} a:hover{text-decoration:none;} .taxi_dispatcher_inner{position: relative;text-align: center;width: 100%;z-index: 9999;top: 0;} .taxi_dispatcher_inner .top_row{margin: 0; background: #171717; height: auto;} .taxi_dispatcher_inner .col-md-6{color: #fff; float: none; display: inline-block; width: auto;} .taxi_dispatcher_inner .col-lg-5{position: absolute; width: auto;} .container.taxi_dispatcher .col-md-8{margin-top: 0;height:100% !important;} .container.taxi_dispatcher .col-lg-9{width: auto; margin: 0 10px 10px;} .map_addbooking_outer, .manage_booking_filder{width: 100%; float: left;} .manage_booking_filder label{font: 12px arial; color:#333;} .lft_outer{float: left;height: 90%;position: relative;width: 100%;} .manage_booking_outer.col-md-12 .form-control{height: 25px; width: 150px; padding: 2px 12px;} .manage_booking_outer.col-md-12 .form-control_bott {float: left;width: 100%;} .col-lg-80 {margin-left: 15px;} .col-lg-80 > a {background: #0073b5;color: #fff;font: 12px arial;margin-right: 16px;padding: 6px 10px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;} .head_leftmenu a {background: none;padding: 0;display: inline-block;vertical-align: top;overflow: hidden;} .head_leftmenu a.head_dash {width: 22px;height: 22px;position: relative;} .head_leftmenu a.head_msgbook {width: 22px;height: 22px;position: relative;} .head_leftmenu a.head_setting {width: 22px;height: 22px;margin-top: 1px;position: relative;} .show_menu {position: absolute;left: 35px;top: 5px;} .head_leftmenu .head_dash:hover {padding-right: 100px;} .head_leftmenu .head_msgbook:hover {padding-right: 95px;} .head_leftmenu .head_setting:hover {padding-right: 95px;} .head_leftmenu .head_setting:hover .show_menu, .head_leftmenu .head_msgbook:hover .show_menu, .head_leftmenu .head_dash:hover .show_menu {left: 35px;top: 5px;} .head_leftmenu a.head_dash:hover .icon_22,.head_leftmenu a.head_dash.active .icon_22, .head_leftmenu a.head_msgbook:hover .icon_22,.head_leftmenu a.head_msgbook.active .icon_22, .head_leftmenu a.head_setting:hover .icon_22,.head_leftmenu a.head_setting.active .icon_22{fill: #ee3324;} .head_leftmenu a.head_dash:hover .show_menu,.head_leftmenu a.head_dash.active .show_menu, .head_leftmenu a.head_setting:hover .show_menu,.head_leftmenu a.head_setting.active .show_menu, .head_leftmenu a.head_msgbook:hover .show_menu,.head_leftmenu a.head_msgbook.active .show_menu {color: #ee3324;} /*.rgt_outer{width: 19%; position: absolute; right: 0; bottom: 0; background: #fff; height: 252px;}*/ .tab-content span{float: left;padding: 0 10px;width: 115px; font-size: 12px;} .tab-content ul{float: left; width: 100%; margin: 0 0 4px 0; padding:0; background: #fff;} .tab-content ul li{padding: 10px 0;list-style-type: none; float: left; width: 100%; border-bottom: 1px solid #ccc;} .container.taxi_dispatcher h4{position: fixed;} .tab-content ul li:first-child{margin-top: 37px;} .tab-content ul li:first-child span.status{text-align: right;} /*.tab-content ul li.no_driver{padding: 10px;margin-top: 40px;color: #2C2B2B;text-align: center;border: none;font-weight: bold; font-size: 13px;}*/ .tab-content ul li.no_driver{margin-top: 60px;padding: 10px;color: #ff0000;border: none;padding-top: 25px;height: 140px;background: url("../images/nodriver_found.png") no-repeat;background-position: center 65px;font: 15px arial;text-align: center;} .nodata td{padding: 10px 0; border: none;} .tab-content{font-size: 12px;} .driver_status_height{padding: 0 !important; width: 100% !important;} .recent_activity, .driver_status, .driver_status_bottom{float: left;width: 100%;} .recent_activity{padding: 0;} .container.taxi_dispatcher span.pro_pic{background: url("../images/status_icon.png") no-repeat -37px -29px; width: 23px; height: 23px; float: left; margin-right: 15px; font: 14px arial; color: #666; margin-top: 5px;} .container.taxi_dispatcher span.number{float: left; margin-right: 15px; font: 14px arial; color: #666; margin-top: 9px;} .container.taxi_dispatcher span.phone_icon{background: url("../images/status_icon.png") no-repeat -60px -27px; width: 40px; height: 32px; float: right; margin-right: 15px; font: 14px arial; color: #666;} .container.taxi_dispatcher h4, .driver_details h4, .container.taxi_dispatcher .caller_id h4, .container.taxi_dispatcher .recent_activity h4{background: #f9c213;color: #222222;font: 16px arial;margin: 0;padding: 10px 1%;} .caller_id ul{padding: 0;} .caller_id ul li{padding: 10px; float: left; list-style-type: none; width: 100%;} .recent_activity ul{margin: 0;overflow: hidden !important;padding: 0 !important;width: 100% !important;} .recent_activity ul li:first-child{border: none;} .recent_activity ul li{list-style-type: none; padding: 10px;border-top: 1px solid #b2b2b2; float: left; width: 100%;} .container.taxi_dispatcher #free_out_driver li span, .container.taxi_dispatcher #active_driver li span{width: 120px;} .container.taxi_dispatcher #free_in_driver li span{width: 115px;} .recent_activity ul li.rec_active{background: #dfdfdf;} .recent_activity ul li span{color: #666666;float: left;width: 130px;} .overflow-block thead tr td{padding: 5px; font: bold 11px arial;background:#ddd;color: #222;line-height: 15px;} .overflow-block .dispatch_icons tr td{font: bold 12px arial;background:#fff;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} #taxi_scroll_one, #taxi_scroll_manage{padding: 0 !important;} .manage_booking_outer.col-md-12{width: 100% !important;} .manage_booking_outer.col-md-12.map_manage_booking_scroll{height:auto;} .overflow-block .dispatch_icons label{float: left;font-size: 12px;font-weight: normal;margin: 0;color: #666; padding: 8px 5px 0 5px;} .dispatch_icons tr td div{float: left;padding:5px 10px;width: auto;} /*.heading_icon_one{background: #1298ff;} .heading_icon_two{background: #1339f9;} .heading_icon_three{background: #eb13f9;} .heading_icon_four{background: #12ff00;} .heading_icon_five{background: #f9c213;} .heading_icon_six{background: #ff9600;} .heading_icon_sevan{background: #07841e;} .heading_icon_eight{background: #f91313;} .heading_icon_nine{background: #844d06;}*/ .heading_icon_one{background: #63c9fb;} .heading_icon_two{background: #66dde3;} .heading_icon_three{background: #80c783;} .heading_icon_four{background: #ad72fc;} .heading_icon_five{background: #f46dd0;} .heading_icon_six{background: #efbb69;} .heading_icon_sevan{background: #bad356;} .heading_icon_eight{background: #78b2ca;} .heading_icon_nine{background: #ea6e64;} .dispatch_table .table_body .assign_icon .tbl_status div,.dispatch_table .table_body .assign_icon .tbl_status a div{background: url(../images/status_icon.png) no-repeat;width: 23px;height: 24px;text-indent: -9999px;display: inline-block;} .dispatch_table .table_body .reassign_icon .tbl_status div,.dispatch_table .table_body .reassign_icon .tbl_status div{background: url("../images/status_icon.png") no-repeat -30px 0;height: 21px;text-indent: -9999px;width: 19px;display: inline-block;} .dispatch_table .table_body .waiting_response_icon .tbl_status div,.dispatch_table .table_body .waiting_response_icon .tbl_status div{background: url("../images/status_icon.png") no-repeat -30px 0;height: 21px;text-indent: -9999px;width: 19px;display: inline-block;} .dispatch_table .table_body .confirm_icon .tbl_status div,.dispatch_table .table_body .confirm_icon .tbl_status div{background: url("../images/status_icon.png") no-repeat -75px 0;height: 21px;text-indent: -9999px;width: 21px;display: inline-block;} .dispatch_table .table_body .start_to_pickup_icon .tbl_status div,.dispatch_table .table_body .start_to_pickup_icon .tbl_status div{background: url("../images/status_icon.png") no-repeat -100px 0;height: 14px;text-indent: -9999px;width: 25px;display: inline-block;} .dispatch_table .table_body .inprogress_icon .tbl_status div,.dispatch_table .table_body .inprogress_icon .tbl_status div{background: url("../images/status_icon.png") no-repeat -129px 0;height: 15px;text-indent: -9999px;width: 23px;display: inline-block;} .dispatch_table .table_body .complete_icon .tbl_status div,.dispatch_table .table_body .complete_icon .tbl_status div{background: url("../images/status_icon.png") no-repeat -151px 0;height: 18px;text-indent: -9999px;width: 19px;display: inline-block;} .dispatch_table .table_body .waiting_payment_icon .tbl_status div,.dispatch_table .table_body .waiting_payment_icon .tbl_status div{background: url("../images/status_icon.png") no-repeat -170px 0;height: 19px;text-indent: -9999px;width: 20px;display: inline-block;} .dispatch_table .table_body .cancel_icon .tbl_status div,.dispatch_table .table_body .cancel_icon .tbl_status div{background: url("../images/status_icon.png") no-repeat -190px 0;height: 14px;text-indent: -9999px;width: 15px;display: inline-block;} .dispatch_table .table_body .no_driver .tbl_status div,.dispatch_table .table_body .no_driver .tbl_status div{background: url("../images/no_driver.png") no-repeat;height: 24px;text-indent: -9999px;width: 23px;display: inline-block;background-size:100%;} .info-content button.btn.btn-outline.btn-primary.btn-xs{margin: 5px 0 0;} .container.taxi_dispatcher span.driver_status_busy, .container.taxi_dispatcher span.driver_status_out, .container.taxi_dispatcher span.driver_status_in, .container.taxi_dispatcher span.driver_status_active{margin-left: 10px;} .container.taxi_dispatcher span.driver_status_busy, .container.taxi_dispatcher span.driver_status_out, .container.taxi_dispatcher span.driver_status_in, .container.taxi_dispatcher span.driver_status_active, .overflow-block.overflow-block_outer tr td button{width: auto; border-radius: 4px; color: #fff; box-shadow: 0 0 1px #ffffff inset; padding: 2px 8px; cursor: default;} .tab-content span.driver_status_out, .overflow-block.overflow-block_outer tr td button.btn.btn-outline.btn-primary.btn-xs.update_dispatch{border: none; border-radius: 4px; color: #fff;cursor: pointer; padding: 2px 8px; background: #46b9f2;} .tab-content .driver_details span.driver_status_in{background: #07c445;} .tab-content .driver_details span.driver_status_active{background: #ee7408;} .tab-content .driver_details span.driver_status_out{background: #46b9f2;} .tab-content .driver_details span.driver_status_busy{background: #ff0000;} /*.overflow-block.overflow-block_outer tr.cancel_icon td button{border:none;color: #fff;background: #ea6e64;} .container.taxi_dispatcher span.driver_status_active, .overflow-block.overflow-block_outer tr.inprogress_icon td button{border: none;color: #fff;background: #efbb69;} .overflow-block.overflow-block_outer tr.start_to_pickup_icon td button{border:none;color: #fff;background: #f46dd0; } .container.taxi_dispatcher span.driver_status_in{color: #fff;background: #bad356;} .container.taxi_dispatcher span.driver_status_busy, .overflow-block.overflow-block_outer tr.waiting_payment_icon td button{color: #fff;background: #78b2ca;border: none;} .overflow-block.overflow-block_outer tr.confirm_icon td button{border: none;color: #fff;background: #ad72fc; } .overflow-block.overflow-block_outer tr.complete_icon td button{border: none;color: #fff;background: #bad356;}*/ .dispatch_table .table_body .assign_icon button{border: none;color: #fff;background: #63c9fb;} .dispatch_table .table_body .complete_icon button{border: none;color: #fff;background: #bad356;} .dispatch_table .table_body .confirm_icon button{border: none;color: #fff;background: #ad72fc;} .dispatch_table .table_body .cancel_icon button{border: none;color: #fff;background: #ea6e64;} .dispatch_table .table_body .driver_status_busy button, .dispatch_table .table_body .waiting_payment_icon button{border: none;color: #fff;background: #78b2ca;} .dispatch_table .table_body .driver_status_in button{border: none;color: #fff;background: #bad356;} .dispatch_table .table_body .start_to_pickup_icon button{border: none;color: #fff;background: #f46dd0;} .dispatch_table .table_body .driver_status_active button, .dispatch_table .table_body .inprogress_icon button{border: none;color: #fff;background: #efbb69;} .col-md-4.col-md-4-inner .enscroll-track.track3{display: none;} .col-md-4.col-md-4-inner:hover .enscroll-track.track3{display: block;} .col-lg-5.rgt_menu {float: none;margin-top: 15px;position: absolute;right: 10px;top: 0;} .col-lg-5.rgt_menu ul li{float: left; width: auto; margin: 0 10px;list-style: none;} .col-lg-5.rgt_menu ul li a{display: inline-block;vertical-align: top;text-decoration: none;} .col-lg-5.rgt_menu ul li a.goto_admin {width: 20px;height: 20px;} .icon_20{width: 20px;height: 20px;fill: #fff;} .icon_22{width: 22px;height: 22px;fill: #fff;} .col-lg-5.rgt_menu ul li a:hover .icon_20{fill: #ee3324;} .goto_company{background: url(../images/company.png) no-repeat; width: 20px;height: 20px;} .col-lg-5.rgt_menu ul li a.logout {width: 20px;height: 20px;} .icon-menu { color: #fff;cursor: pointer;font-family: 'Open Sans', sans-serif;font-size: 16px;padding: 0;height: 100% !important;text-decoration: none;text-transform: uppercase;} .icon-menu i {position: relative;display: inline-block;} .icon-menu i:before{position: absolute;border-right: 8px solid #fff;border-top: 8px solid transparent;border-bottom: 8px solid transparent;top: -10px;left: 10px;content: "";} .icon-menu i:after{position: absolute;border-right: 8px solid #e36159;border-top: 8px solid transparent;border-bottom: 8px solid transparent;top: -10px;left: 12px;content: "";} .lft_outer {float: left;height: 100%;position: relative;width: 100%;} .manage_booking_bottom_outer{float: left;position: relative;width: 100%;height: 100%;} #left_slide_panel{float: right;position: relative;width: 33%;background: #f5f5f5;height: 100%;padding:20px 15px;box-shadow: 0 0 5px rgba(0,0,0,0.25);} body *{transition-duration: 0.5s;direction: rtl;} .map_fluied .icon-menu i:before{position: absolute;border-left: 8px solid #fff;border-top: 8px solid transparent;border-bottom: 8px solid transparent;top: -10px;left: 12px;content: "";border-right: 0;} .map_fluied .icon-menu i:after{position: absolute;border-left: 8px solid #e36159;border-top: 8px solid transparent;border-bottom: 8px solid transparent;top: -10px;left: 10px;content: "";border-right: 0;} .map_fluied #left_slide_panel{margin-left: -70%;} .map_fluied #map-section{width: 100%;} #map-section {height: 100% !important;position: relative;width: 100%;float: right;overflow:hidden;} .container.taxi_dispatcher .col-md-8 {margin-top: 0;height: 100% !important;padding: 0;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;} /*.css_checkbox input[type="checkbox"] {display:none;} .css_checkbox input[type="checkbox"] + label{margin:0 !important;} .css_checkbox input[type="checkbox"] + label span {float: left;background: url(../images/check_closed.jpg) no-repeat;width:18px;height: 18px;cursor:pointer;margin: 0;} .css_checkbox input[type="checkbox"]:checked + label span {background: url(../images/check_cheked.jpg) no-repeat;}*/ .dispatcher_details{float: left;width: 100%;} .all_booking_manage_scroll_one{width: 100%;overflow: auto;} .lft_outer .nav-tabs{background: #ddd;border: 1px solid #fff;float: left;width: auto;overflow: auto;} .row_payment .payment_inner label{margin: 0;} .all_company{width:210px;padding:0 17px 0 15px;overflow: hidden;position: relative;background: #fff;} .all_company:after{content: "";position: absolute;right:10px; top:15px;z-index: 1;border-top: 5px solid #000;border-left: 5px solid transparent;border-right: 5px solid transparent;} .all_company select{ width:109%;background: transparent;border:1px solid #fff;font:normal 12px/32px arial;color:#999;height: 32px; -webkit-appearance: none; -moz-appearance: none;appearance: none;border-radius: 3px;padding: 0 5px !important;} .all_company select option{border-bottom:1px solid #ddd;font:normal 12px/32px arial;color:#999;height: 32px;padding: 7px 10px;float: left; -webkit-appearance: none; -moz-appearance: none;appearance: none;} select:focus,select:active, select:hover,input:focus{outline: none;} select::-ms-expand {display: none;} #edit_book_tab, #add_book_tab{float: left;height:auto;z-index: 9999;width: 325px;position: absolute;left: -325px;opacity: 0;} #add_book_popup{float: left;z-index: 9999;width: 325px;position: absolute;left: -325px;opacity: 0;background: #fff;top: 15px;padding:20px 0;border-radius: 2px;box-shadow: 0 0 3px rgba(0,0,0,0.15);} body.open_popup #add_book_popup{left: 0;opacity: 1;} .container.taxi_dispatcher{width: 100%; padding: 0;} .container.taxi_dispatcher .col-lg-5{margin-right: 8px; width: 48%;} .container.taxi_dispatcher .payment_inner{padding: 0;} .container.taxi_dispatcher .row.row_payment{margin: 0; float: left; clear: both;width: 100%;} .container.taxi_dispatcher .row.row_payment li span{float: left;} .container.taxi_dispatcher .row.row_payment .col-lg-5, #edit_booking .row.row_payment, #add_booking .row.row_payment{width: 100%;} .container.taxi_dispatcher .payment_inner li{list-style: none;} .container.taxi_dispatcher{margin-bottom: 15px; margin-top: 0;} .col-md-4.col-md-4-inner .row,.col-md-12.col-md-4-inner .row{margin-bottom: 0; padding: 0 10px 5px; width: 50%;float: left;} .container.taxi_dispatcher h4{font-size: 16px; font-weight: normal; margin: 0;} .tab-content .tab-pane{float: left;width: 100%;} .container.taxi_dispatcher .tab-content h4{background: #e36159; width: 297px;color: #fff;box-sizing: border-box;padding: 10px;} .container.taxi_dispatcher #defaultForm h4{font-size: 12px; font-weight: bold; padding-bottom:5px;} .container.taxi_dispatcher #edit_book_tab h4, .container.taxi_dispatcher #add_book_tab h4{margin: 5px 0; padding: 0; position: relative; background: #fff; font:bold 12px arial;} .container_content .taxi_scroll_one_top label, .container.taxi_dispatcher label{font-weight: normal; float: left;} .container.taxi_dispatcher .payment_inner li{border:none; padding: 5px 0;width: 100%;float:left;} .container.taxi_dispatcher .payment_inner li span{width:auto;} .modal-header button.close{background: url("../images/status_icon.png") no-repeat scroll -185px -24px rgba(0, 0, 0, 0);border: 0 none;cursor: pointer;padding: 0;width: 20px;opacity: 0.5;} .modal-dialog{width: 500px;} .btn.btn-default, .container.taxi_dispatcher .form-group .btn-primary{background: #ddd; border: none; color: #222;} .container.taxi_dispatcher .form-group div{float: left;} .container.taxi_dispatcher .driver_details span{margin-top: 4px;} .container.taxi_dispatcher span.badge{background: url("../images/status_icon.png") no-repeat -192px -43px; margin-left: 8px;padding-left: 15px;padding-right: 0;font-style: italic;width: auto;} .container.taxi_dispatcher .form-control{height: 30px; font-size: 12px; padding: 0 10px; margin-bottom: 5px; color: #000;} .col-md-4.col-md-4-inner{width: 99% !important;padding: 0 !important;margin: 10px 7px 0 0;} .widget.margin-bottom{height:100% !important;} .col-lg-5.col-lg-5_map{display: none;} .overflow-block.overflow-block_outer tr td{font-size: 11px;} .overflow-block.overflow-block_outer tr td{padding: 5px ;} .overflow-block.overflow-block_outer tr{background: #fff;} .overflow-block.overflow-block_outer tr.show_tr_one{background: #fff;} .overflow-block.overflow-block_outer tr.show_tr_two{background: #ececec;} .overflow-block.overflow-block_outer button.status{background:none; height: 23px; border: none;} .overflow-block.overflow-block_outer button.edit-ico,.overflow-block.overflow-block_outer button.remove-ico{background: none;padding: 0;margin: 0;display: inline-block;} .edit-ico i, .remove-ico i {color: #b4b4b4;font-size: 16px;margin: 13px 0;display: inline;} a.remove-ico:focus{text-decoration:none;} .form-group.col-lg-5_taxi_dispatcher .col-lg-5{width: 100%; margin: 0;} .pac-container{z-index: 9999999;} .close_side_bar:before{background: url("../images/status_icon.png") no-repeat -185px -24px; width: 20px; height: 20px; display: inline-block; content:''; position: absolute; top: 20px; right: 10px;} .popup_close_button.close_side_bar:before{top: 5px; right: 5px;} #map_addbooking, #map_editbooking{display: block;width: 100%;height: 150px;margin-top:5px;margin: 0 auto;-moz-box-shadow: 0px 5px 20px #ccc;-webkit-box-shadow: 0px 5px 20px #ccc;box-shadow: 0px 5px 20px #ccc;} #map_addbooking.large{height:100px;} #driver_details{padding:10px 0;} .modal-body{padding: 15px 15px 0;} .modal-footer{padding-right: 0;} .modal-title{font: 20px sans-serif;} #search_driver{border: 1px solid #cccccc;border-radius: 5px;padding: 3px 10px;} #driver_details a{color: #555;} #driver_details a:hover{color: #000; text-decoration: none;} .success_flash{background: #dff2bf;left: 0;padding: 5px 0;position: absolute;text-align: center;top: 6px;width: 100%;z-index: 9990;border: 1px solid #adde5c; border-left: none; border-right: none;} .success_flash li{list-style-type: none;} .goto_driver{background: url("../images/status_icon.png") no-repeat -104px -28px;float: right;height: 15px;margin-right: 15px;margin-top: 2px;width: 15px;} /*Scrool style*/ .track3{width: 10px;background: rgba(0, 0, 0, 0);margin-right: 2px;border-radius: 10px;-webkit-transition: background 250ms linear;transition: background 250ms linear;} .track3:hover,.track3.dragging{background: #d9d9d9;background: rgba(0, 0, 0, 0.15);} .handle3{width: 7px;right: 0;background: #999;background: rgba(0, 0, 0, 0.4);border-radius: 7px;-webkit-transition:width 250ms;transition: width 250ms;} .track3:hover .handle3,.track3.dragging .handle3{width: 10px;} #on_going_trip{background: #fff;color: #ff0000;float: left;text-align: center;width: 100%;} #on_going_trip_map{position: relative; height:100% !important;} #map-canvas{height:100% !important;} .ongoing{float: left;position: absolute;text-align: center;top: 0;width: 100%;z-index: 1;} #all_drivers ul li a{color: #555;} #all_drivers ul li a:hover{color: #000; text-decoration: none;} .taxi_scroll_one_top{float: left;width: 100%;} .manage_booking_search{margin: 0; padding-top: 5px;} .form.form_manage_booking{padding: 10px;} .form.form_manage_booking input{padding: 7px 10px; border: 1px solid #ccc; border-radius: 3px; width: 200px;text-align:right;} .form.form_manage_booking label{font:normal 14px arial; margin-right: 5px;} /*.container_content .taxi_scroll_one_top label, .container.taxi_dispatcher .taxi_scroll_one_top label{margin: 8px 0 0 10px;}*/ .container.taxi_dispatcher span.driver_status_active, .container.taxi_dispatcher span.driver_status_in, .container.taxi_dispatcher span.driver_status_out, .container.taxi_dispatcher span.driver_status_busy{cursor:default !important; float:right; margin-right:10px;} .error{color:red;margin:3px 0 0 0;} .nav.nav-tabs select{padding: 4px; border: 1px solid #cccccc;} .hover_tool_tip{float: left;width: auto;position: relative;} .hover_tool_tip ul{padding: 0; width: auto;border: 1px solid #E5E2DA;border-radius: 3px;background: #fff;float: left;} .hover_tool_tip span{background: url("../images/status_icon.png") no-repeat -123px -31px;bottom: -9px;height: 20px;left: 40%;position: absolute;width: 25px;} .hover_tool_tip ul li{float: left; list-style-type: none;width: auto; clear: both; padding: 5px 15px;} .hover_tool_tip ul li a{color: #333;outline: none;} .hover_tool_tip ul li a:hover{color: #000; text-decoration: none;} .friends-blog.driver_status_bottom{width: 100% !important; padding: 0 !important; border-left: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2;} .driver_status.driver_status_height{background: #ffffff;position: absolute;right: 5px;top: 11px;width: 298px !important;border: 1px solid #b2b2b2;z-index:1; height: 250px !important;} #driver_dets_count{width: auto;margin-top: 0;top: 12px;position: absolute;} .rgt_outer{background: #ffffff;position: relative;z-index: 9;} .driver_status.driver_status_height .lft_outer .tab-content{height: auto;} /*.manage_booking_bottom_outer, .manage_booking_bottom{bottom: 0;float: left;position: fixed;width: 100% !important;height: 270px;background: #fff;}*/ .gmnoprint{margin-top: 140px !important;} .nodata p{font:bold 13px arial; padding: 15px 0; text-align: center;} /* Loading Style */ .loader{position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 2147483647;background: #333;} .loader_inner{position:absolute; top:40%; left:44%;} /* Loading Style */ /* Manage Booking */ #taxi_scroll_new{width:100% !important;float:left;overflow:auto;} .taxi_dispatcher_inner{position:fixed;} .taxi_scroll_one_top{border-left:none; border-right:none;} table.scroll, table.scroll_manage { /* width: 100%; */ /* Optional */ /* border-collapse: collapse; */ border-spacing: 0; } table.scroll thead {display: inline-block;} table.scroll tbody {display: block;} /*table.scroll tbody,table.scroll thead, table.scroll_manage tbody, table.scroll_manage thead {display: block;}*/ table.scroll thead#list_thead, table.scroll_manage thead#list_thead{background: #f9c213;} thead tr th {height: 30px;line-height: 30px;} table.scroll tbody {overflow-y: auto;overflow-x: hidden;width: 100% !important;padding-right: 0px !important;} table.scroll_manage tbody {overflow-y: auto;overflow-x: hidden;padding-right: 0px !important;} tbody td:last-child, thead th:last-child {border-right: none;} .reset-part, .to-reset-part{position:relative;float: left;} .reset-part span .glyphicon, .to-reset-part span .glyphicon{color:#b4b4b4;} .to-reset-part span, .reset-part span {position: absolute; padding-left: 4px;bottom: 0;line-height:34px; border-right: 1px solid #dddddd; bottom: 0; left: 2px; line-height: 34px; padding-right: 4px; position: absolute;} .taxi_scroll_one_top table > tbody > tr > td > label{margin: 8px 0 0 5px;} .butt_dispatch{clear: both;display: inline-block;} .lft_outer .nav-tabs {float: right;} .form.manage_book_dispatch {padding: 10px;float: left;} .form.manage_book_dispatch table td {padding-right: 5px;} .form.manage_book_dispatch label{margin: 0 0 5px;font-size: 14px;line-height: 14px;} .form.manage_book_dispatch input, .form.manage_book_dispatch select {padding: 3px 10px;border: 1px solid #ccc;border-radius: 3px;width: 100%;font-size: 13px; transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;} .form.manage_book_dispatch #reset_date {background: url(../images/reset.png) no-repeat;width: 17px;height: 17px;border: none;margin: 2px 0 0 10px;padding: 0;float: left;} .form.manage_book_dispatch table{margin: 0;} .dispatch_icons {border-top: 1px solid #ccc;} #add_share_tab:before, #add_book_tab:before, #edit_book_tab:before {background: rgba(0,0,0,0.7);left: 0;top: 0;width: 100%;height: 100%;position: fixed;content: '';} .edit_book_tabinner {width: 100%;background: #FFF;padding: 2%;height: 465px;border: 3px solid #ccc;position: relative;overflow: auto;} .add_book_tabinner{width: 100%;position: relative;} .container.taxi_dispatcher .form-group .btn-primary:hover {background: #333;color: #fff;} .dispatcher_details .btn-xs,.btn-group-xs > .btn{font-size: 11px;} .all_booking_manage_scroll_one{overflow: auto;width: 100%;} .table_body{width: 100% !important;float: left;padding: 0 !important;} .dispatch_table{float: left;width: 100%;} .table_head{float: left;width: 100%;background: #ddd;border-left: 5px solid #ddd;display: flex;align-items: center;} .tbl_row{float: left;width: 100%;display: flex;align-items: center;} .tbl_book_time,.tbl_pickup_time,.tbl_act_pickup_time,.tbl_book_type,.tbl_driver{float: left;width: 7%;padding: 5px 3px;text-align: center;} .tbl_vehicle,.tbl_fare,.tbl_status,.tbl_distance{float: left;width: 5%;padding: 5px 3px;text-align: center;word-wrap: break-word;} .tbl_company_name{float: left;width: 6%;padding: 5px 3px;text-align: center;} .tbl_cur_Loc,.tbl_drop_Loc,.tbl_action{float: left;width: 8%;padding: 5px 3px;text-align: center;} .tbl_trip_id{float: left;width: 4%;padding: 5px 3px;text-align: center;} .tbl_passenger{float: left;width: 11%;padding: 5px 3px;text-align: center;} .table_head label{float: none !important;display: inline-block;vertical-align: middle;margin: 0;font:bold 11px/16px arial !important;color: #222;} .table_body span{float: none !important;display: inline-block;vertical-align: middle;margin: 0;font:normal 11px/17px arial !important;color: #222;width: 100%;word-wrap:break-word;} .show_tr_one{border-top: 1px solid #ddd;} .show_tr_two{background: #ececec;border-top: 1px solid #ddd;} .tbl_action span button{margin: 0;white-space: normal;width: 100%;} .overall_scroll thead,.overall_scroll tbody{display: block;} /*#scrollbox3{overflow: auto;width: 100% !important;height: calc(100vh - 232px);}*/ /*.overall_scroll .newtable table,.overflow-block.overflow-block_outer.overall_scroll table{width: 100% !important;}*/ .container.taxi_dispatcher span.driver_status_busy, .overflow-block.overflow-block_outer tr.waiting_payment_icon td button, .overflow-block.overflow-block_outer tr.confirm_icon td button,.overflow-block.overflow-block_outer tr.start_to_pickup_icon td button, .container.taxi_dispatcher span.driver_status_active, .overflow-block.overflow-block_outer tr.inprogress_icon td button,.overflow-block.overflow-block_outer tr.cancel_icon td button{white-space: normal;margin:0;} .container.taxi_dispatcher .tab-content .driver_status_busy,.container.taxi_dispatcher .tab-content .driver_status_active{margin-right: 10px;} .text_box{display: inline-block;width: 200px;position: relative;} .text_box span {font-size: 11px;font-weight: normal;} .enscroll-track.track3{background: rgba(0,0,0,0) !important;} #content{margin-top:0;} #add_book_tab .add_book_tabinner .form-control,#edit_book_tab .edit_book_tabinner .form-control[readonly]{background: #fff;cursor: pointer;} .tbl_action span{width:100%!important;float:left!important;margin-top:5px;} /* new */ @font-face{font-family:'roboto_regular'; src:url('../fonts/roboto_regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto_regular/Roboto-Regular.woff') format('woff'), url('../fonts/roboto_regular/Roboto-Regular.ttf') format('truetype'), url('../fonts/roboto_regular/Roboto-Regular.svg#roboto_regular') format('svg'); font-weight:normal;font-style:normal;} /* new */ @font-face {font-family: 'roboto_medium'; src: url('../fonts/roboto_medium/Roboto-Medium-webfont.eot'); src: url('../fonts/roboto_medium/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto_medium/Roboto-Medium-webfont.woff') format('woff'), url('../fonts/roboto_medium/Roboto-Medium-webfont.ttf') format('truetype'), url('../fonts/roboto_medium/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: normal;font-style: normal;} @font-face { font-family: 'roboto_light'; src: url('../fonts/roboto_light/Roboto-Light-webfont.eot'); src: url('../fonts/roboto_light/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto_light/Roboto-Light-webfont.woff') format('woff'), url('../fonts/roboto_light/Roboto-Light-webfont.ttf') format('truetype'), url('../fonts/roboto_light/Roboto-Light-webfont.svg#robotolight') format('svg'); font-weight: normal;font-style: normal;} @font-face { font-family: 'roboto_bold'; src: url('../fonts/roboto_bold/Roboto-Bold-webfont.eot'); src: url('../fonts/roboto_bold/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto_bold/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/roboto_bold/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/roboto_bold/Roboto-Bold-webfont.svg#robotobold') format('svg'); font-weight: normal;font-style: normal;} @font-face{font-family:'OpenSansRegular'; src:url('../fonts/open-sans/OpenSans-Regular-webfont.eot'); src:url('../fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight:normal;font-style:normal;} .section_1{float: left;width: 100%;position: relative;padding-bottom: 15px;} .search{float: left;width:100%;position: relative;} .form_control{display: block;width: 100%;padding: 10px 10px 10px 40px;font-size: 13px;line-height: 1.25;color: #333;background-color: #fff; background-image: none;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #e0e0e0;border-radius: 3px; font-family: 'roboto_regular';text-align:right;} .form_control:focus,.form-control:focus{border:1px solid #ffbeb3 !important;} .submit_filter{background: url(../images/filter_icon.png) center center no-repeat;width: 38px;height: 38px;position: absolute;left: 0;top: 0;border:none;opacity: 0.8;} .submit_filter:hover{background: url(../images/filter_icon.png) center center no-repeat;opacity: 1;} .vehicle_status,.vehicle_model{float: right;width: 35%;position: relative;margin-left: 3.3%;} .vehicle_status .btn-group,.vehicle_model .btn-group,.search_box .btn-group{width: 100%;} .vehicle_status .dropdown-toggle,.vehicle_model .dropdown-toggle,.search_box .dropdown-toggle{border:1px solid #ddd;background: #fff;border-radius: 2px;height: 38px;padding:0 10px;font-family:"roboto_regular";color: #999;width: 100%;text-align: left;white-space:normal;} .vehicle_status .caret,.vehicle_model .caret{color: #666;float: right;margin-top: 7px;} .vehicle_status .dropdown-menu,.vehicle_model .dropdown-menu{width: 100%;margin:0;border-radius: 2px;box-shadow: none;border:1px solid #ddd;top: 37px;min-width: 100%;} .vehicle_status .dropdown-menu:before,.vehicle_model .dropdown-menu:before{position: absolute;top: -2px;width: 100%;height: 5px;background: #fff;left: 0;content: "";} .vehicle_status .dropdown-menu > li > a,.vehicle_model .dropdown-menu > li > a{padding:0 10px;line-height: 30px;color: #666;font-family:"roboto_regular";font-size: 13px;cursor: pointer;} .vehicle_status .dropdown-menu > li:hover > a,.vehicle_model .dropdown-menu > li:hover > a,.vehicle_status .dropdown-menu > li.active > a,.vehicle_model .dropdown-menu > li.active > a{color: #e92100;background:none;} .vehicle_status .btn-group.open .dropdown-toggle,.vehicle_model .btn-group.open .dropdown-toggle,.search_box .btn-group.open .dropdown-toggle,.filter .btn-group.open .dropdown-toggle{box-shadow: none;position: relative;} .search_box{float: right;width: 10%;} .search_box .search_toggle{border:1px solid #ddd;background: #fff;border-radius: 2px;height: 38px;padding:0 10px;font-family:"roboto_regular";color: #999;width: 100%;text-align: left;position:relative;} .search_outer{position:relative;width:100%;display:none;background: #fff;border-radius: 2px;box-shadow: none;border:1px solid #ddd;min-width: 100%;left: 0;right: 0;padding: 10px;top:4px;z-index:5;float:left;} .search_box .submit_filter{position: relative;width: 16px;height: 16px;display: inline-block;} .search_box .search{width: 100%;} .search_box .search .form_control{padding: 10px;} .search_box.toggle_down .search_toggle:before,.filter.toggle_down .filter_drop:before{position:absolute;bottom:-7px;height:10px;background:#fff;left:-1px;border-left:1px solid #ddd;border-right:1px solid #ddd;width:106%;content:"";z-index:6;} .filter{float: right;width: 10%;height: 38px;} #left_slide_panel .section_1 div.filter{float: left;width: 10%;height: 38px;padding:0px;} .status_dropdown{position:absolute;width:100%;display:none;background: #fff;border-radius: 2px;box-shadow: none;border:1px solid #ddd;left: auto; padding: 10px;top: 43px;z-index:5;width: 220px;} .filter_drop{border: 1px solid #e0e0e0;border-radius: 3px;background: #fff;position: relative;width: 100%;height: 38px;} .filter ul.status_dropdown > li{margin-top: 15px;float: left;width: 100%;list-style:none;} .filter ul.status_dropdown > li:first-child{margin:0;} .filter ul.status_dropdown > li input[type="checkbox"]{float: right;margin-left: 10px;} .filter ul.status_dropdown > li label,.section_2 ul li label{font-size: 13px;font-family:"roboto_regular";color: #666;margin: 0;float:right;} .filter_drop span:before {position: absolute;top: 7px;width: 4px;height: 14px;border-top: 4px solid #666;border-bottom: 4px solid #666;content: "";left: 50%; margin-left: -2px;} .filter_drop span:after {position: absolute;top: 26px;width: 4px;height: 4px;background: #666;content: "";left: 50%;margin-left: -2px;} .search_toggle:focus,.filter_drop:focus{outline:none;} .dispatcher_list{float: left;width: 100%;height: calc(100vh - 80px); } .dispatcher_list.hight_class{height: calc(90vh - 80px);} .dispatcher_list ul{float: left;width: 100%;list-style: none;padding: 0 2px;margin: 0;overflow-y: auto;height:100%;} .dispatcher_list ul li{float: left;background: #fff;padding:9px 15px 15px;position: relative;box-shadow: 0 0 3px rgba(0,0,0,0.15);width: 100%;border-radius: 2px;margin-bottom: 15px;} .list_lft{float: right;width: 80%;} .list_lft p,.list_rgt p{font-size: 14px;color: #333;line-height: 24px;width: 100%;float: left;font-family: "roboto_regular";margin:0;} .der_name{background: url(../images/car.png) right center no-repeat;padding-right: 25px;} .list_lft p.pick_loc{padding-right: 25px;font-size: 13px;position: relative;overflow: hidden;text-align:right;} .list_lft p.pick_loc:before{background: url(../images/pickup.png) no-repeat;position: absolute;top: 7px;right: 5px;content: "";width: 10px;height: 100%;} .list_lft p.drop_loc{padding-right: 25px;font-size: 13px;position: relative;overflow: hidden;text-align:right;} .list_lft p.drop_loc:before{background: url(../images/dest.png) 0 bottom no-repeat;position: absolute;bottom: 7px;right: 5px;content: "";width: 10px;height: 100%;} .schedule_date{float: right;width: 33%;padding-right: 30px;background: url(../images/timer.png) right no-repeat;} .pickup_date{float: left;width: 25%;margin:0 0 0 2%;} .sta_butt{float:left;width:40%;} .list_lft .schedule_date p,.pickup_date p,.lst_bott_sec p{font-size: 13px;margin:0;line-height: 17px;} .container.taxi_dispatcher .schedule_date span,.container.taxi_dispatcher .list_rgt span,.container.taxi_dispatcher .pickup_date span{font-size: 13px;color: #999;font-family: "roboto_regular";} .container.taxi_dispatcher .list_rgt span{float: right;} .list_rgt{float: left;width: 20%;text-align: left;} .lst_bott_sec{float:left;width:100%;margin-top: 5px;} .edit_trip{float: left;width:18px;height: 20px;clear: both;background: url(../images/edit.png) no-repeat;margin-top: 15px;} .edit_trip:hover{background: url(../images/edit_over.png) no-repeat;} .delete_trip{float: left;width:17px;height: 17px;clear: both;background: url(../images/close_ico.png) no-repeat;margin-top: 15px;} .delete_trip:hover{background: url(../images/close_ico_over.png) no-repeat;} .status_butt{height: 32px;text-align: center;line-height: 32px;font-size: 12px;color: #fff;float:left;padding:0 10px;border-radius:2px;} .status_butt:hover{color: #fff;} .status_dispatch{background: #61cafa;} .status_inprogress{background: #ffba07;} .status_reassign{background: #e92100;} .status_assign{background: #63c9fb;} .status_cancelled{background: #e92100;} .status_completed{background: #2bb673;} .status_confirmed{background: #ac72fc;} .status_start_to_pickup{background: #f46dd0;} .status_waiting_payment{background: #78b2ca;} .status_butt:hover,.status_butt:focus{color:#fff;text-decoration:none;} /*add booking popup*/ .add_taxi_pop{position: absolute;left: 15px;margin-top: 15px;z-index: 99;background: #e92100;border-radius: 2px;width: 38px;height: 38px;} .add_taxi_arr{width: 100%;height: 100%;background: url(../images/white_arr.png) center center no-repeat;float: left;position: relative;} .tab_sec{float: left;width: 100%;} #add_book_popup .tab_sec ul{height: 34px;float: left;border-bottom: 1px solid #ddd;float: left;width: 100%;background: none;padding-left: 20px;overflow: inherit;} #add_book_popup .tab_sec ul li{float: right;margin-right: 5px;} #add_book_popup .tab_sec ul li a{background: #fff;border:1px solid #ddd;border-bottom: none;border-radius: 3px 3px 0 0;font-size:16px;color: #666;text-transform: capitalize;font-family: "roboto_regular";line-height: 27px;height: 32px;} #add_book_popup .tab_sec ul > li.active > a, #add_book_popup .tab_sec ul > li.active > a:hover, #add_book_popup .tab_sec ul > li.active > a:focus{height: 33px;color: #e92100;background: #fff;} #add_book_popup .tab-content{overflow: inherit;padding:0 20px;} .passenger_info,.booking_info,.fare_detail{float: left;width: 100%;padding-top: 20px;} #add_book_popup .passenger_info .typeahead.dropdown-menu{margin: 0;height: auto;background: #fff;padding: 0;top: 78px !important;} #add_book_popup .search .typeahead.dropdown-menu{margin: 0;height: auto;background: #fff;padding: 0;top: 36px !important;} #add_book_popup .passenger_info .typeahead.dropdown-menu li,#add_book_popup .search .typeahead.dropdown-menu li{margin: 0;border:none;padding:0;height: auto;} #add_book_popup .passenger_info .typeahead.dropdown-menu li a,#add_book_popup .search .typeahead.dropdown-menu li a{border:none;border-radius: 0;font-size: 13px;font-family: 'roboto_regular';padding: 3px 10px; line-height: 20px !important;height: auto;} #add_book_popup .passenger_info .typeahead.dropdown-menu li:hover a,#add_book_popup .passenger_info .typeahead.dropdown-menu li:hover a{font-size: 13px;padding: 3px 10px;line-height: 20px !important;height: auto;} #add_book_popup .search .typeahead.dropdown-menu li:hover a,#add_book_popup .search .typeahead.dropdown-menu li:hover a{font-size: 13px;padding: 3px 10px;line-height: 20px !important;height: auto;} #add_book_popup .form-control{padding: 0 10px;margin:10px 0 0 0;display: block;width: 100%;font-size: 13px;line-height: 1.25;color: #333; background-color: #fff;background-image: none;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #e0e0e0; border-radius: 3px;font-family: 'roboto_regular';height: 38px;float: left;box-shadow: none;text-align:right;} #add_book_popup h3{float: right;width:90%;font-size: 13px;color: #333;margin: 0;font-family: arial;font-weight: bold;text-align:right;} #add_book_popup .mob_country_code{float: left;width: 15%;} .mob_country_code .error{width:200px;max-width:200px;margin-top:-55px;} #add_book_popup .mob_country_code input[type=text]{text-align: center;} #add_book_popup .mob_number{float: right;width: 81%;} #add_book_popup ul.payment_inner{padding:15px 0;height: auto;border:none;margin:0;} #add_book_popup ul.payment_inner li{float: left;margin: 0;width: 25%;padding: 0 3px;text-align: center;} #add_book_popup ul.payment_inner li span{float: none;display: inline-block;font-size: 13px;color: #333;font-family: 'roboto_regular';width: 100%;padding: 0;} #add_book_popup ul.payment_inner li label{float: none;display: inline-block;font-size: 11px;color: #666;font-family: 'roboto_regular';width: 100%;} .btn-medium-outline {display: inline-block;line-height: 1.25;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none; padding: 8px 18px;font-size: 13px; color: #ffffff;border-radius: 2px;background: transparent;font-family: 'roboto_regular';border:none;} .btn-medium {display: inline-block;line-height: 1.25;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;border: none;padding: 8px 18px;font-size: 13px; color: #fff;border-radius: 2px;background: #e92100;font-family: 'roboto_regular',arial;} .button_sec .btn-medium-outline{margin-left: 5px;} /*.btn-medium-outline:hover {background: #cb270c;box-shadow: inset 0 0 0px 1px #cb270c;color: #fff;} .btn-medium:hover {background: #cb270c;color: #fff;} */#close_button{position: absolute;top:0;left: 18px;width: 18px;height: 18px;background: url(../images/add_book_close.png) no-repeat;} #removeSearch{position: absolute;top:12px;left:12px;width: 14px;height: 14px;background: url(../images/add_book_close.png) no-repeat;background-size:100%;} #add_book_popup select.form-control{color: #999;} .pick_timer,.select_box{position: relative;} .select_box select{} .calendar_img{position: absolute;top: 21px;left: 11px;background: url(../images/calendar_img.png) no-repeat;width: 15px;height: 16px;} #add_book_popup .search{width: 100%;margin-top: 20px;padding-bottom: 20px;} #add_book_popup .search:before{position: absolute;bottom: 0;left: -20px;width: 325px;height: 1px;background: #ddd;content: "";} .outer_scroll{float: right;width: 100%;max-height: 405px;} /*.ui-datepicker-calendar .ui-state-default{border:none !important;background:none !important;font-size: 13px;color: #999 !important;} .ui-state-highlight, .ui-widget-content .ui-state-highlight{background: #e92100 !important;border-radius:2px;color:#fff !important;} */ #ui-datepicker-div *{font-family: 'roboto_regular';font-weight:normal;} #ui-datepicker-div{padding: 5px;margin: 2px 0 0;font-size: 14px;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box; border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} .ui-widget-header .ui-state-highlight{background: #e92100 !important;border:none !important;color:#fff;border-radius:3px;} .ui-state-default, .ui-widget-content .ui-state-default{border:none !important;text-align:center !important;line-height: 30px;padding: 0;border-radius:3px;} .ui-datepicker .ui-datepicker-buttonpane button{background: #e92100 !important;color: #fff !important;border:none;} .ui-state-active{background: #e92100 !important;outline:none;} .ui-state-highlight{background: #eeeeee !important;color:#000 !important;} .ui-datepicker th{padding:0 !important;font-size:13px;} .ui-datepicker th span{padding:5px;} #ui-datepicker-div .ui-widget-header{background:#fff;border:1px solid #fff;} .ui-state-over.ui-state-hover,.ui-state-over.ui-state-hover span{padding:0 !important;border:none !important;} .ui-datepicker td{background:#fff !important;} .ui_tpicker_hour .ui-state-default,.ui_tpicker_minute .ui-state-default,.ui_tpicker_second .ui-state-default{border:1px solid #ccc !important;border-radius:3px;} .ui-timepicker-div *{font-size:13px;} .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{border:none !important;} .ui-datepicker-buttonpane button{line-height:normal !important;} .ui-state-hover, .ui-widget-content .ui-state-hover{color: #fff !important;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{background:none !important;border:none !important;top:2px !important;right:2px !important;} .ui-state-default.ui-state-hover{color:#000 !important;} .ui-datepicker-today .ui-state-default.ui-state-highlight.ui-state-active{background: #e92100 !important;color:#fff !important;} #showLoaderImg{float:left;width:100%;text-align:center;position:absolute;top:60px;} #showLoaderImg img{width:80px;display:inline-block;} #add_book_popup .form-control.hasDatepicker{color:#999;} .form-group.mob_valid{margin-top: 15px;} #search_result_display{float: left;width: 100%;padding-bottom:15px;} #search_result_display p{margin:0;font-size: 16px;font-family: 'roboto_regular';} #search_result_display_container{font-size: 14px;color: #666;font-family: 'roboto_regular';} /* stylish scroll*/ [data-simplebar]{position:relative;z-index:0;overflow:auto;-webkit-overflow-scrolling:touch}[data-simplebar=init]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden} .simplebar-scroll-content{overflow-x:hidden;overflow-y:scroll;min-width:100%;box-sizing:content-box} .simplebar-content{overflow-x:scroll;overflow-y:hidden;box-sizing:border-box;min-height:100%} .simplebar-track{z-index:1;position:absolute;left:0;bottom:0;width:11px} .simplebar-scrollbar{position:absolute;left:0px;border-radius:7px;min-height:10px;width:7px;opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;background:#000;background-clip:padding-box} .simplebar-track:hover .simplebar-scrollbar{opacity:.5;-webkit-transition:opacity 0 linear;transition:opacity 0 linear} .simplebar-track .simplebar-scrollbar.visible{opacity:.5} .simplebar-track.horizontal{left:0;width:auto;height:11px} .simplebar-track.vertical{top:0} .horizontal.simplebar-track .simplebar-scrollbar{right:auto;top:2px;height:7px;min-height:0;min-width:10px;width:auto} /**/ .driver_status_height_outer_top .form-group, .fare_detail, .booking_info, .passenger_info, .driver_status_height_outer_top .button_sec{width:98%;} .horizontal.simplebar-track .simplebar-scrollbar{display:none;} /*sidebar menu*/ .main-sidebar{position:fixed;top:0;right:0;height:100vh;width:210px;z-index:11;background-color:#171717;transition-duration:0.3s;} #container { position: relative;overflow: hidden;z-index:10;} #container:after{content: ""; display: block; clear: both; } #content{border-top: 1px solid #ddd;margin-bottom: 20px;} .sidebar{float:left;padding-bottom:10px;position: absolute;top: 0;left: 0;bottom: 0;} .main_header .logo{background-color:#171717;color:#fff;border-bottom:1px solid #2c2c2c;box-shadow:0px -2px 0px #000 inset} .main_header .logo{-webkit-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out;display:block;float:left;height:71px;font-size:20px;text-align:center;width:210px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:0 15px;font-weight:300;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;} .main_header .logo .logo-mini{display:none;} .main_header .logo .logo-lg{display:block;margin-top:20px;} .sidebar_hide .logo .logo-mini{display:block;margin-top:20px;} .sidebar_hide .main_header .logo .logo-lg{display:none;} .navbar{position:relative;min-height:55px;margin-bottom:20px;} .navbar-static-top{border-width:0 0 1px;} .main_header .navbar{background-color:#fff;} .main_header .navbar{-webkit-transition:margin-left .3s ease-in-out;-o-transition:margin-left .3s ease-in-out;transition:margin-left .3s ease-in-out;margin-bottom:0;margin-left:210px;border:none;min-height:70px;border-radius:0;border-bottom:1px solid #dddddd} .navbar:before,.navbar:after{display:table;content:" ";} .main_header .navbar .sidebar-toggle{color:#333;} .main_header .sidebar-toggle{float:left;background:url(../../images/menu_icon_slide.png) no-repeat;width:20px;height:12px;float:left;margin:29px 0 0 20px;} .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9;} .logo-mini img, .logo-lg img{vertical-align:middle;} #container{width:100%;} .sidebar_hide .main-sidebar{width:80px;position:absolute;height:100%;overflow: inherit;} .sidebar_hide .main-sidebar .menu{overflow: inherit;} .sidebar_hide .main_header .logo{width:80px;} .sidebar-collapse .user-panel>.info_user,.sidebar-collapse.sidebar-minize .user-panel>.info_user,.sidebar-minize .user-panel>.info_user{display:none;} .sidebar *{box-sizing:border-box;} .main-sidebar *{transition-duration: 0.0s;} .menu{float: left;width: 100%;margin: 0;overflow-y:auto;height: calc(100vh - 70px);position: absolute;top: 71px;left: 0;bottom: 0;} .menu::-webkit-scrollbar{height: 12px;width: 6px;background: #000;} .menu::-webkit-scrollbar-thumb {background: #e36159;-webkit-border-radius: 1ex;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);} .menu::-webkit-scrollbar-corner {background: #000;} .menu ul{list-style:none;margin:0;padding:0;width: 100%;} .menu > ul > li{float:left;position:relative;width:100%;} .menu > ul > li.active{background:#1d1d1d} .menu > ul > li > a{font:normal 12px OpenSansRegular;color:#b8c7ce;float:left;box-sizing:border-box;position:relative;height:54px;margin:0;position:relative;width:100%;} .menu > ul > li > a > i .icon_24{position: absolute;z-index: 2;top: 50%;left: 50%;margin: -12px 0 0 -12px;height:24px;} .menu > ul > li > a > i{position:absolute;left:0px;top:0;width:43px;height:43px;margin:5px 2%;} .menu > ul > li.active > a i,.menu > ul > li:hover > a i{border-radius:100%;width:43px;height:43px;content:"";position:absolute;left:0px;top:0;z-index:1;} .menu ul li a span{float:left;font:normal 13px/54px OpenSansRegular;margin-left:55px;width:133px;color:#aaa;} .menu ul li:hover > a,.menu ul > li.active > a,.menu ul > li > a.current_active{float:left;} .menu ul li:hover a span,.menu ul li.active a span{font:normal 13px/54px OpenSansRegular;float:left;color:#FFF;} .menu > ul > li:hover > a,.menu > ul > li.active > a{color:#fff;float:left;} .menu > ul > li:hover > a .icon_24,.menu > ul > li.active > a .icon_24{fill:#ee3324;} .menu > ul > li.active > a.expand.subOpened > .menu_arr i ,.menu > ul > li > a.expand.subOpened >.menu_arr i{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);color:#fff;} .menu_drop_down{float:left;clear:both;width:100%;background:#111;position:relative;display:none;top:0;left:0;padding-left:0px;} .menu_drop_down ul{float:left;width:100%;} .menu_drop_down li{float:left;width:100%;border-bottom:1px solid #000;box-shadow:0 0 1px #191919;position:relative;} .menu_drop_down > li > a{padding:5px 5px 5px 35px;font:normal 12px/35px OpenSansRegular;color:#aaa;float:right;text-align:right;width:100%;box-sizing:border-box;border:none;} .menu_drop_down > li > a.current{color:#fff} .sidebar-collapse ul.menu_drop_down > li > a{padding-left:15px;} ul.menu_drop_down li ul.menu_drop_down{background:#0d0b0b} ul.menu_drop_down > li > a:hover,ul.menu_drop_down > li > a.sub_active{border:none;background:none;color:#fff;} .menu ul li:hover div.middle a span.menu_arr_1,.menu ul li.active div.middle a span.menu_arr_1{width:12px;height:23px;text-decoration:none;float:left;display:block;} .menu ul li:hover div.middle,.menu ul li.active div.middle{float:left;width:100%;} .menu > ul > li > a{overflow:hidden;} .menu > ul > li > ul{position:absolute;left:80px;width:200px;display:none;top:0px; } .menu > ul > li:hover > ul{display:none;} .menu ul > li.active .menu_drop_down{display:none;} .menu > ul > li:hover > a > span,.menu > ul > li:hover > a > span,.menu > ul > li:hover > a > span{display:block !important;position:absolute;width:180px;left:50px;} .menu > ul > li:hover > a > span,.menu > ul > li:hover > a > span,.menu > ul > li:hover > a > span{top:0;margin-left:-3px;padding:12px 5px 12px 20px;background-color:inherit;} .icon_24{width: 24px;height: 24px;fill: #fff;} .icon_14{width: 14px;height: 14px;fill: #666;} .menu > ul > li > a.rep > i .icon_24{margin: -12px 0 0 -10px;} #dispatch_li a i .icon_24{margin: -15px 0 0 -14px;width: 28px;height: 31px;} #dispatch i .icon_24{margin: -15px 0 0 -14px;width: 28px;height: 31px;} .sidebar-menu > .treeview > a:after{background:url(../../images/dashboard_icons/menu_down_arrow.png) no-repeat 0;content:"";position:absolute;right:10px;width:10px;height:10px;top:20px;} .sidebar-menu > .treeview.active > a:after{background:url(../../images/dashboard_icons/menu_up_arrow.png) no-repeat 0;content:"";position:absolute;right:10px;width:10px;height:10px;top:20px;} .sidebar-menu > .treeview > .treeview-menu li.treeview > a:after{background:url(../../images/dashboard_icons/menu_down_arrow_small.png) no-repeat 0;content:"";position:absolute;left:10px;width:10px;height:10px;top:20px;} .sidebar-menu > .treeview.active > .treeview-menu li.treeview.active > a:after{background:url(../../images/dashboard_icons/menu_up_arrow_small.png) no-repeat 0;content:"";position:absolute;right:15px;width:10px;height:10px;top:20px;} .sidebar_hide .menu ul li a span{margin-left:70px;} .sidebar_hide .menu > ul > li > a{/*width:60px;*/ width:44px;margin-left:18px;} .sidebar_hide .sidebar-menu > .treeview > a::after{right:0;transform:rotate(-90deg);background:none;} .sidebar_hide #footer{padding-left:100px} .sidebar_hide.sidebar-minize .menu > ul > li.active{background:none;} .top_header{display: none;} .main_header {max-height: 100px;} .wrapper {margin: 0;position: relative;min-height: 100vh;} #container {position: relative;overflow: hidden;z-index: 10;width: 100%;} .sidebar_hide #content {margin: 0 80px 0px 0px;} /*.sidebar_hide #content {padding: 0 80px 0px 0px;}*/ /**/ .sidebar li ul.menu_drop_down { left:-200px; position: absolute; top: 10px; width:200px;max-height:auto; z-index:88; } .sidebar li ul.menu_drop_down li ul.menu_drop_down { left:-200px; z-index:99;max-height:auto;} /**/ /**/ .errors, #editPromocodeError, #promocodeError{color:red;} /* .sidebar_hide .sticky_message .common_butt{background: #0078bd none repeat scroll 0 0; border: medium none; border-radius: 3px; box-sizing: border-box; color: #ffffff; display: inline-block; font-size: 13px; font-weight: normal; height:auto; margin:5px; position: relative; vertical-align: middle; font-size: 10px; height: auto; padding: 7px 10px; } .sidebar .sticky_message { align-items: center; background:none; bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; left:0px; padding: 10px; position: fixed; right: 0; z-index: 19;width:80px; } .sidebar .sticky_message .sticky_message_action { margin-top: 10px; text-align: center;} */ .page_title{color: #333333; font-family: "OpenSansRegular"; font-size: 18px; font-weight: normal;margin-left:13px;text-align:right; padding-right: 10px;} .form.form_manage_booking{float:right!important;} .form_manage_booking .new_input_field{width:auto;} /**/ marquee { direction: right; float: right; text-align: right;} .sidebar .sticky_message{right:0!important;position:fixed!important;left:auto!important;bottom:0!important;} .sidebar_hide .sticky_message{right:0px!important;width:80px;text-align:center;padding:10px;color:#fff;} .form.form_manage_booking input[type='button']{min-height:34px;margin-right:10px;} /**/ #all_booking_manage_list_all{height:100%!important;} #walk_settings .treeview-menu{ height:200px; width:240px; left: -240px;overflow-y: scroll; direction:rtl;} #walk_settings .treeview-menu ul.menu_drop_down { left:0px; position: relative; top: 10px; width:200px;max-height:auto; z-index:88;height:auto;} .sidebar-menu > .treeview > .treeview-menu li.treeview > a::after { background: rgba(0, 0, 0, 0) url("../images/menu_down_arrow_small.png") no-repeat scroll 0 center; content: ""; height: 10px; position: absolute; right: 10px; top: 20px; width: 10px; } #walk_analytics .treeview-menu ul.menu_drop_down{overflow-y:auto;height:200px; width:240px;overflow-y: scroll; direction:rtl;left: -230px;} .sidebar_hide .sticky_message .common_butt{background: #0078bd none repeat scroll 0 0; border: medium none; border-radius: 3px; box-sizing: border-box; color: #ffffff; display: inline-block; font-size: 13px; font-weight: normal; height:auto; margin:5px; position: relative; vertical-align: middle; font-size: 10px; height: auto; padding: 7px 10px; } #all_booking_manage_list_all { height: 100%!important; } .list_table1_manage_booking{width:100%;} .list_table1_manage_booking, .list_table1_manage_booking td, .list_table1_manage_booking th{float:right;} .list_table1_manage_booking td{width:18%;} #frmcompany{width:100%!important;} /*managedispatch top search*/ .manage_dispatch_ser, .manage_dispatch_ser li{list-style:none;} .manage_dispatch_ser{width:100%;padding:0px;} .manage_dispatch_ser li{float:right;width:15%;margin-right:10px;} .form.form_manage_booking{width:100%;} .form.form_manage_booking .manage_dispatch_ser input[type="button"] {float:right;margin-left:10px;width:auto; padding: 7px 10px; border: 1px solid #ccc; border-radius: 3px; } .manage_dispatch_ser .reset-part, .manage_dispatch_ser .to-reset-part{width:100%;} /**/ .refresh_map button{border-radius: 2px; color: #ffffff; float: left; font-size: 12px; height: 38px; line-height: 38px; padding: 0 10px; text-align: center;background:#e92100;border:0px;} .refresh_map{position:absolute;z-index:999;top:0px;left:66px; margin-top: 15px;} /**/ .dashborad_widget_box #map{min-height:500px;} /* Always set the map height explicitly to define the size of the div * element that contains the map. */ #map { height: 100%; min-height:600px; } /* Optional: Makes the sample page fill the window. */ #floating-panel { position: absolute; top: 10px; left: 25%; z-index: 5; background-color: #fff; padding: 5px; border: 1px solid #999; text-align: center; font-family: 'Roboto','sans-serif'; line-height: 30px; padding-left: 10px; } #floating-panel { background-color: #fff; border: 1px solid #999; left: 25%; padding: 5px; position: absolute; top: 10px; z-index: 5; } /*new dispatcher css*/ .dispatch_slidebar {display:none;position: absolute;width: 360px;height: 100vh;background: #fff;right: 0;top: 0;z-index: 101; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);font-family: 'roboto_regular';} .dispatch_slidebar.active{display: block;} .dt_top_header{width: 100%;float: right;background:#ed1c24;padding: 25px 20px;position: relative;} .dt_top_header h2{width: 100%;float: right;font-size: 16px;color: #fff;text-align: right;margin: 0;text-transform: capitalize;} a.slide_close_icon {position: absolute;left:15px;top:20px;content:'';color: #ffffff;width:19px;height:19px;background: url(../images/slide_close_icon.png) no-repeat center center;} /*tabs*/ .tabs {position: relative;width: 100%;float: right;background: #fff;} /*.tab_header{width: 100%;float: left;}*/ .tabs .tab_link {position: absolute;z-index: 1000;width: 50%;height: 40px;right: 0px;top: 0px;opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);cursor: pointer;} .container.taxi_dispatcher .tabs input + label{float: right;} .tabs input#tab-2{right: 50%;} .tabs label {background: #fff;font-size: 14px;line-height: 60px;height: 60px;position: relative;padding: 0 20px;float: right;display: block;width: 50%;color: #666666;letter-spacing: 1px;text-transform: capitalize;font-weight: bold;text-align: center;border-bottom: 1px solid #e5e5e5;margin-bottom: 0;} /*.tabs label:after {content: '';background: #fff;position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;display: block;}*/ .tabs input:hover + label{color:#e92100;} .tabs label:first-of-type { z-index: 4;} .tab-label-2 {z-index: 3;} .tabs input:checked + label:before{position: absolute;bottom: 0;right: 0;content: '';height: 2px;width: 100%;background: #e92100;z-index: 1;} .tabs input:hover + label:before{position: absolute;bottom: 0;right: 0;content: '';height: 2px;width: 100%;background: #e92100;z-index: 1;} .tabs input:checked + label { background: #fff;z-index: 6;color:#e92100;} .tabs input + label::before {position: absolute;bottom: 0;right: -50%;content: '';height: 2px;width: 100%;background: transparent;z-index: 1;-webkit-transition: all linear .3s;transition: all linear .3s;} .tab_content {float: right;background: #fff;position: relative;width: 100%;height:-webkit-calc(100vh - 127px);height: -moz-calc(100vh - 127px);height: calc(100vh - 127px);z-index: 5;box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);border-radius: 0 3px 3px 3px;overflow-x: hidden; overflow-y: hidden;} .tab_content .content-1,.tab_content .content-2 {position: absolute;top: 0;padding: 0px;z-index: 1;opacity: 0;-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;-o-transition: all linear 0.3s;-ms-transition: all linear 0.3s;transition: all linear 0.3s;} .content-1{width:100%;-webkit-transform: translateX(-360px);-moz-transform: translateX(-360px);-o-transform: translateX(-360px);-ms-transform: translateX(-360px);transform: translateX(-360px);} .content-2{width:100%;-webkit-transform: translateX(360px);-moz-transform: translateX(360px);-o-transform: translateX(360px);-ms-transform: translateX(360px);transform: translateX(360px);} .tabs input.tab-selector-1:checked ~ .tab_content .content-1, .tabs input.tab-selector-2:checked ~ .tab_content .content-2{ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); z-index: 100; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all ease-out 0.2s 0.1s; -moz-transition: all ease-out 0.2s 0.1s; -o-transition: all ease-out 0.2s 0.1s; -ms-transition: all ease-out 0.2s 0.1s; transition: all ease-out 0.2s 0.1s; } @keyframes "page" { 0% {left: 0;} 50% {left: 10px;} 100% {left: 0;} } @-moz-keyframes page { 0% {left: 0;} 50% {left: 10px;} 100% {left: 0;} } @-webkit-keyframes "page" { 0% {left: 0;} 50% {left: 10px;} 100% {left: 0;} } @-ms-keyframes "page" { 0% {left: 0; } 50% {left: 10px; } 100% {left: 0; } } @-o-keyframes "page" { 0% {left: 0; } 50% {left: 10px; } 100% {left: 0; } } /*fleet tab*/ .fleet_tabs_container{width: 100%;float: left;background: #fff;height: 100vh;overflow: hidden;} .fleet_tabs {width:100%;float: left;} .tab_menu{width: 100%;float: left;margin: 0;padding: 0;} .tab_menu li{position:relative;width: 50%;float: left;padding: 19px 0;text-align: center;list-style-type: none;cursor: pointer;border-bottom: 1px solid #e5e5e5;} .tab_menu li::after{display: none;z-index: -1;} .tab_menu li:hover::after{display:block;position: absolute;bottom: 0;left: 0;content: '';height: 2px;width: 100%;background: #e92100;z-index: 1;} .tab_menu li.active::after{display:block;position: absolute;bottom: 0;left: 0;content: '';height: 2px;width: 100%;background: #e92100;z-index: 1;} .tab_menu li a{position:relative;display: inline-block;font-size: 13px;color:#999999;text-transform: capitalize;padding-left: 32px;line-height: 22px;} .tab_menu li a.infotab_icon::before{position: absolute;left:0;top:0;content:'';width:22px;height: 22px;background: url(../images/infotab_icon.png)no-repeat center top;} .tab_menu li.active a.infotab_icon::before{background: url(../images/infotab_active_icon.png)no-repeat center top;} .tab_menu li a.jobtab_icon::before{position: absolute;left:0;top:0;content:'';width:22px;height: 22px;background: url(../images/jobtab_icon.png)no-repeat center top;} .tab_menu li.active a.jobtab_icon::before{background: url(../images/jobtab_active_icon.png)no-repeat center top;} .tab_menu li:hover a.jobtab_icon::before{background: url(../images/jobtab_active_icon.png)no-repeat center top;} .tab_menu li.active a{color: #333333; } .tab_menu li:hover a{color: #333333; } .tab_menu li.active a:hover,a:focus{text-decoration: none;} .fleettab_content_container{width: 100%;float: left;position: relative;} .fleettab_content{position: absolute;top:0;left:0; -webkit-transition: all ease-out 0.2s 0.1s; -moz-transition: all ease-out 0.2s 0.1s; -o-transition: all ease-out 0.2s 0.1s; -ms-transition: all ease-out 0.2s 0.1s; transition: all ease-out 0.2s 0.1s;} .fleet_tabcontent1{width:100%;-webkit-transform: translateX(360px);-moz-transform: translateX(360px);-o-transform: translateX(360px);-ms-transform: translateX(360px);transform: translateX(360px);} .fleet_tabcontent1.active{-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);} .fleet_tabcontent2{width:100%;-webkit-transform: translateX(-360px);-moz-transform: translateX(-360px);-o-transform: translateX(-360px);-ms-transform: translateX(-360px);transform: translateX(-360px);} .fleet_tabcontent2.active{-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);} /*fleet tab ends*/ .jobs_search_bar {width: 100%;float: right;padding: 15px;border-bottom: 1px solid #e5e5e5;} .jobs_search_bar .form_group {width: -webkit-calc(100% - 54px);width: -moz-calc(100% - 54px);width: calc(100% - 54px);float: right;} .container.taxi_dispatcher .jobs_search_bar .form_group .job_search_bar{font-size:14px;padding: 9px 15px 9px 23px;border:1px solid #e5e5e5;height: auto;box-shadow: none;margin: 0;border-radius: 3px;background: #fff url(../images/search_icon_arabic.png) no-repeat 3%;} .add_btn{width:43px;height: 40px;border:1px solid #dcdcdc;border-radius: 3px;float: left;text-align: center;} .add_btn i{width: 20px;height: 20px;margin-top: 12px;margin: 0 auto;margin-top: 10px;display:inline-block;background: #ffffff url(../images/plus_icon.png) no-repeat center center;-webkit-animation: spin 0.3s linear;-moz-animation: spin 0.3s linear;animation: spin 0.3s linear;} .add_btn.active{border:1px solid #e92100;} .add_btn.active i{background: #ffffff url(../images/close_add_job_icon.png) no-repeat center center;} /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(90deg); } } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(90deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(90deg); } } .job_filter_bar{width: 100%;float: right;padding: 8px 15px;border-bottom: 1px solid #e5e5e5;} .reset_btn {background: #c8c7c7;border: none;padding: 6px 9px;color: #fff;float: left;border-radius: 3px;font-size: 13px;text-transform: capitalize;} .reset_btn:hover {opacity: 0.8;} .job_listing_container {width: 100%;float: none;display: block;max-height: -webkit-calc(100vh - 248px);max-height: -moz-calc(100vh - 248px);max-height: calc(100vh - 248px);overflow-y: auto;} .job_listing_container ul{width: 100%;float: none;margin:0;padding: 0;display: block;} .job_listing_container ul li{width: 100%;float: right;border-bottom: 1px solid #e5e5e5;list-style-type: none;margin:0;padding: 10px 15px 0px 10px;box-sizing: border-box;position: relative;display:inline-block;-webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;transition: all linear 0.5s;border-left: 5px solid transparent;} /*.job_listing_container ul li.active{border-left: 5px solid #ed1c24;}*/ .job_listing_container ul li:hover{cursor: pointer;background:#f1f1f1;} .job_listing_container ul li::before{position: absolute;left: -5px;top:0;width:5px;content:'';height: 100%;background:transparent;-webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;transition: all linear 0.5s;} .job_listing_container ul li:hover::before{position: absolute;left: -5px;top:0;width:5px;content:'';height: 100%;background:#ed1c24;} .job_listing_container ul li.active::before{position: absolute;left: -5px;top:0;width:5px;content:'';height: 100%;background:#ed1c24;} /*.job_listing_container ul li:last-child{border-bottom: none;}*/ .job_listing_container ul li span.driver_name {font-size: 14px;color: #333333;float: right;text-transform: capitalize;} .job_listing_container ul li span.driver_id{font-size: 14px;color: #333333;float: left;text-transform: capitalize;} .job_listing_container ul li .vehicle_det {width: 100%;float: right;margin-top: 5px;position: relative;} .job_listing_container ul li .vehicle_det span.veh_name{float: right;font-size: 14px;color: #333333;padding-right: 30px;position: relative;min-height: 20px;} .job_listing_container ul li .vehicle_det span.veh_name::before{position:absolute;right:0;top:0;content:'';width:20px;height: 20px;background: url(../images/car_icon.png) no-repeat center center;} .job_listing_container ul li .job_loc_block {width: 100%;float: right;padding: 5px 0;position: relative;} .job_listing_container ul li .job_loc_block .pickup_loc {position:relative;float:right;width:100%;font-size: 13px;color: #333333;padding-right: 30px;padding-left: 25px;min-height: 18px;padding-bottom: 6px;margin-bottom: 0;} .job_listing_container ul li .job_loc_block .pickup_loc br {display: none;} .job_listing_container ul li .job_loc_block .pickup_loc::before{position: absolute;right: 6px;top:20%;content:'';width:10px;height: 10px;background: #fff url(../images/pickup_indicator.png)no-repeat right center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 1;} .job_listing_container ul li .job_loc_block .pickup_loc::after{position: absolute;right: 9px;top: 49%;content: '';width: 0;height: 80%;border-right: 1px dotted #2bb673;border-width: 2px;} .job_listing_container ul li .job_loc_block .drop_loc {position:relative;float:right;font-size: 13px;color: #333333;padding-right: 30px;padding-left: 25px;min-height: 18px;padding-bottom: 6px;margin-bottom: 0;} .job_listing_container ul li .job_loc_block .drop_loc br {display: none;} .job_listing_container ul li .job_loc_block .drop_loc::before{position: absolute;right: 5px;top:16%;content:'';width:10px;height: 16px;background: #fff url(../images/drop_indicator.png)no-repeat left top;z-index: 1;} .job_listing_container ul li .job_loc_block .drop_loc::after{display:none;position: absolute;right: 10px;top: -24%;content: '';width: 1px;height: 81%;background: #e92100;} .job_listing_container ul li .job_schedule_block{width: 100%;float: right;position: relative;padding-right: 30px;} .job_listing_container ul li .job_schedule_block::before{position:absolute;right:0;top:0;content:'';width:22px;height: 22px;background: url(../images/schedule_icon.png) no-repeat center center;} .job_schedule_block p {width: 33%;float: right;} .edit_job {width: 21px;height: 21px; position: absolute;left: 0;top: 20%;content: '';background: url(../images/edit.png)no-repeat center center;margin-top: 0;} .edit_job.edit_trip:hover{background: url(../images/edit_icon.png)no-repeat center center;} .close_job {width: 21px;height: 21px; position: absolute; left: 0;top: 25%;content: '';background: url(../images/close_icon.png)no-repeat center center;} .close_job:hover{width: 21px;height: 21px; position: absolute; left: 0;top: 25%;content: '';background: url(../images/close_icon_hover.png)no-repeat center center;} .job_listing_container ul li .job_schedule_block .job_schedule_cap{float: right;width: 100%;font-size: 13px;color: #999999;position: relative;text-transform: capitalize;margin-bottom: 0px;} .job_listing_container ul li .job_schedule_block .job_schedule_time{font-size: 13px;color: #333333;display: block;} .status_btn {position: absolute;left: 0;top: 3px;} .inprogress_btn,.progress_btn{float:left;padding:7px 10px;background:#ffba07;font-size: 13px;color:#ffffff;text-transform: capitalize;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .dispatch_btn{float:left;padding:7px 10px;background:#61cafa;font-size: 13px;color:#ffffff;text-transform: capitalize;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .reassign_btn{float:left;padding:7px 10px;background:#e92100;font-size: 13px;color:#ffffff;text-transform: capitalize;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .reassign_btn:hover{cursor: pointer;} .completed_btn{float:left;padding:7px 10px;background:#2bb673;font-size: 13px;color:#ffffff;text-transform: capitalize;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .cancel_btn{float:left;padding:7px 10px;background:#ed1c24;font-size: 13px;color:#ffffff;text-transform: capitalize;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .waiting_payment_btn{float:left;padding:7px 10px;background:#e26308;font-size: 13px;color:#ffffff;text-transform: capitalize;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .cancel_passenger_btn{float: left;padding: 5px 10px;background: #b3070e;font-size: 13px;color: #ffffff;text-transform: capitalize;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .completed_btn:hover,.inprogress_btn:hover,.dispatch_btn:hover,.progress_btn:hover,.cancel_passenger_btn:hover{color: #ffffff;text-decoration: none;} .option_block ul.nav.nav-tabs {padding: 0;float: right;margin: 14px 0 8px;} .vehicle_type{float: right;width: auto;position: relative;margin-left: 40px;min-width: 80px;} #vehicle_type{float: right;width: auto;font-size: 13px;color: #999999;padding-left: 20px;position: relative;line-height: 20px;margin: 6px 0;text-transform: capitalize;} .vehic_type #vehicle_type{float: right;width: 100%;font-size: 13px;color: #999999;padding-left: 20px;position: relative;line-height: 20px;margin: 0;text-transform: capitalize;} #vehicle_type:hover{cursor: pointer;} #vehicle_type:before{position: absolute;top:7px;left: 0;content: "";background: url(../images/dropdown_arrow.png) left center no-repeat;width: 10px;height: 6px;} #vehicle_type.active:before{background: url(../images/dropdown_arrow_active.png) left center no-repeat;} .status_type{float: right;width: auto;position: relative;} #status_type{float: right;width: auto;font-size: 13px;color: #999999;padding-left: 20px;position: relative;line-height: 20px;margin: 6px 0;text-transform: capitalize;} #status_type:hover{cursor: pointer;} #status_type:before{position: absolute;top:7px;left: 0;content: "";background: url(../images/dropdown_arrow.png) left center no-repeat;width: 10px;height: 6px;} #status_type.active:before{background: url(../images/dropdown_arrow_active.png) left center no-repeat;} .schedule_list{width: 140px;position: absolute;top: 30px;right: 0;background: #ffffff;border: 1px solid #ececec;border-radius: 2px;box-shadow: 0 3px 10px rgba(0,0,0,0.15);z-index: 10;display: none;padding: 0;margin:0;} .schedule_list ul{margin:0;padding: 0;width: 100%;float: right;max-height: 162px;overflow-y: auto;} .schedule_list li{float: right;width: 100%;border-top:1px solid #d4d4d4;border-right: 3px solid transparent;list-style-type: none;} .schedule_list li:hover{cursor: pointer;} .schedule_list li a{float: right;width: 100%;padding: 5px 10px;line-height: 16px;font-size: 12px;color: #333;} .schedule_list li:first-child{border:none;border-radius: 2px 2px 0 0;border-right: 3px solid transparent;} .schedule_list li:last-child{border-radius: 0 0 2px 2px;} .schedule_list li:hover{border-right: 3px solid #ed1c24;background: #fafafa;} .schedule_list.vehicle_list.active,.schedule_list.fleet_vehicle_list.active,.schedule_list.track_list.active,.schedule_list.status_list.active{display: block;} .schedule_list.vehicle_list{width: 70px;min-width: 30px;} .schedule_list.vehicle_list li a{padding: 5px 5px 5px 10px;} .track_filter_blk .schedule_list.track_list{top:35px;width: 100%;min-width: 100px;} .schedule_list.fleet_vehicle_list,.schedule_list.vehicle_list,.schedule_list.status_list{top:40px;} .schedule_list.track_list li a{text-align: left;} .schedule_list.track_list li{border-top: 1px solid #d4d4d4;border-right: 0px solid transparent;border-left: 3px solid transparent;} .schedule_list.track_list li:first-child {border: none;border-radius: 2px 2px 0 0;border-right: 0px solid transparent;border-left: 3px solid transparent;} .schedule_list.track_list li:hover {border-right: 0px solid #ed1c24;border-left: 3px solid #ed1c24;background: #fafafa;} .schedule_list.fleet_vehicle_list li{border-top: 1px solid #d4d4d4;border-right: 0px solid transparent;border-left: 3px solid transparent;} .schedule_list.fleet_vehicle_list li a{float: left;text-align: left;} .schedule_list.fleet_vehicle_list li:first-child {border: none;border-radius: 2px 2px 0 0;border-right: 0px solid transparent;border-left: 3px solid transparent;} .schedule_list.fleet_vehicle_list li:hover {border-right: 0px solid transparent;border-left: 3px solid #ed1c24;background: #fafafa;} /*job detail bar*/ .dispatch_det_slidebar {width: 350px;position: absolute;right: 0%;top: 0;height: 100%;background: #fff;box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);z-index: -1;} .dispatch_det_slidebar.active{right:100%;} /*radhamani*/ .dispatch_det_slidebar_add {width: 350px;position: absolute;right: 0%;top: 0;height: 100%;background: #fff;box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);z-index: -1;} .dispatch_det_slidebar_add.active{right:100%;} .dispatch_det_slidebar_edit {width: 350px;position: absolute;right: 0%;top: 0;height: 100%;background: #fff;box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);z-index: -1;} .dispatch_det_slidebar_edit.active{right:100%;} .dispatch_det_slidebar .dt_top_header{background:#b21500;} .dispatch_det_slidebar_add .dt_top_header{background:#b21500;} .dispatch_det_slidebar_edit .dt_top_header{background:#b21500;} /*radhamani*/ .job_details_block {width: 100%;height: 100%;float: right;-webkit-max-height: calc(100vh - 69px);-moz-max-height: calc(100vh - 69px);max-height: calc(100vh - 69px);overflow-y: auto;padding-bottom: 20px;} .job_detail_top{width: 100%;/*float: right;*/padding:11px 15px;border-bottom: 1px solid #e5e5e5;position: relative;display: inline-block;} .job_detail_top .jb_id{font-size: 16px; color: #333333;float: right;line-height: 36px;} .job_detail_top .det_status_btn.status_btn {position: relative;margin-right:10px;} .job_detail_top .jb_status{position:relative;font-size: 13px; color: #999999;font-style:normal;float: left;padding-right: 25px;line-height: 36px;} .job_detail_top .jb_status::before{position:absolute;right:0;top:25%;content:'';width:18px;height:18px;background: url(../images/status_completed.png)no-repeat center center;} .job_veh_det{width: 100%;float: none;padding:10px 15px;display: inline-block;} .job_veh_det .vh_name{position:relative;float:right;font-size: 13px; color: #333333;padding-right: 46px;} .job_veh_det .vh_name::before{position: absolute;right:4px;top:0;content:'';width:20px;height:20px;background: url(../images/vehicle_icon.png) no-repeat center center;} .job_veh_det .job_price{float: left;font-size: 23px; color: #ed1c24;line-height: 20px;} .job_driver_det{width: 100%;float: none;padding:0 15px 10px 15px;display: inline-block; } .job_driver_det .jb_driver_name{position:relative;float:right;font-size: 13px; color: #333333;padding-right:16px;line-height: 28px;} /*.job_driver_det .jb_driver_name::before{position: absolute;left:0;top:0;content:'';width:28px;height:28px;background: url(../images/driver_icon.png) no-repeat center center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}*/ .job_driver_det .jb_driver_profile{width: 28px;height: 28px;overflow: hidden;border-radius: 50%;float: right;} .job_driver_det .jb_driver_mob{float: left;font-size: 13px; color: #333333;line-height: 28px;} .job_passenger_det .jb_passenger_profile{width: 28px;height: 28px;overflow: hidden;border-radius: 50%;float: right;} .jb_driver_profile img {max-width: 100%;} .job_passenger_det{width: 100%;float: right;padding:10px 15px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .job_passenger_det .jb_passenger_name{position:relative;float:right;font-size: 13px; color: #333333;padding-right: 16px;line-height: 28px;} /*.job_passenger_det .jb_passenger_name::before{position: absolute;left:0;top:0;content:'';width:28px;height:28px;background: url(../images/passenger_icon.png) no-repeat center center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}*/ .job_passenger_det .jb_passenger_email{float: left;font-size: 13px; color: #333333;text-align: left;line-height: 28px;} ul.job_det_list {width: 100%;float: right;padding: 0;margin: 0;} ul.job_det_list li:first-child,ul.job_det_list li:nth-child(2){border-top:none;} ul.job_det_list li{width: 50%;float: right;list-style-type: none;padding: 10px 15px 0 0;border-top: 1px solid #e5e5e5;} ul.job_det_list li:nth-child(odd) span{border-left: 1px solid #dcdcdc;} ul.job_det_list li span i{font-size: 13px; color: #999999;font-style: normal;display: block;margin-bottom: 5px;} ul.job_det_list li span{width: 100%;float: right;font-size: 13px; color: #333333;margin-bottom: 10px;line-height: 13px;} .jobdet_loc_block {width: 100%;float: right;padding: 10px 15px 0;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .jobdet_loc_block span {position: relative;float:right;width:100%;padding-right: 30px;font-size: 14px; color: #333333;margin-bottom: 15px;} .jobdet_loc_block span::before{position: absolute;right:0;top:0;content:'';width:24px;height:24px;background:url(../images/map_icon.png)no-repeat right center;} .jobdet_loc p{padding-right: 30px;font-size: 13px; color: #999999;margin:0 0 5px 0;position: relative;} .jobdet_loc p span{padding-right: 0;font-size: 13px; color: #666666;display: block;margin-bottom: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-height: 18px;} .jobdet_loc p span br{display: none;} .jobdet_loc p span::before{display: none;} .jobdet_loc_block .jobdet_loc{width: 100%;float: right;} .jobdet_loc p.jobdet_pickup::before{position: absolute;right:3px;top:0;content:'';width:12px;height:12px;background:url(../images/pickup_indicator.png)no-repeat right center;} .jobdet_loc p.jobdet_pickup::after{position: absolute;right: 6px;top: 29%;content: '';width: 0;height: 104%;border-right: 1px dotted #2bb673;border-width: 2px;} .jobdet_loc p.jobdet_drop::before{position: absolute;right:3px;top:0;content:'';width:24px;height:24px;background:url(../images/drop_indicator.png)no-repeat right center;} /*.jobdet_loc p.jobdet_drop::after{position: absolute;left: 10px;top: -24%;content: '';width: 1px;height: 81%;background: #e92100;}*/ /*add job*/ .search.passenger_search_blk {padding: 8px 15px;border-bottom: 1px solid #e5e5e5;} .passenger_search {position: relative;} .passenger_search .dropdown-menu{width: 100%;max-height: 170px;overflow-y: auto;padding: 0;} .passenger_search .dropdown-menu > .active > a, .passenger_search .dropdown-menu > .active > a:hover, .passenger_search .dropdown-menu > .active > a:focus{background:#ed1c24;color: #fff;} .passenger_search .dropdown-menu li a{padding: 3px 10px;font-size: 13px;} .job_searchfilter {float: right;width: 100%;padding: 15px;border-bottom: 1px solid #e5e5e5;} span.error_field {display:none;font-size: 12px;color: #FF0000;width: 100%;float: right;} .add_job_container,.edit_job_container{width: 100%;float:right;} .add_job_block{width: 100%;/*float:right;*/padding: 15px; max-height: -webkit-calc(100vh - 200px);max-height: -moz-calc(100vh - 200px);max-height: calc(100vh - 200px); overflow-y: auto;} .add_job_block.active{width: 100%;/*float:right;*/padding: 15px; max-height: -webkit-calc(100vh - 255px);max-height: -moz-calc(100vh - 255px);max-height: calc(100vh - 255px); overflow-y: auto;} .option_block {padding:15px;width: 100%;float: right;border-bottom: 1px solid #e5e5e5;} .add_job_container h2,.edit_job_container h2{width: 100%;float:right;font-size: 14px; color: #333333;font-family: 'roboto_medium';margin: 0 0 10px;} .add_job_container .form_group{width: 100%;float: right;margin-bottom: 10px;} .tabs .add_job_container .form_group input:hover + label:before{display: none;} .add_job_container .form_group.mobile_format .c_code{width:42px;float: right;padding: 0 10px 0 3px;} .add_job_container .form_group.mobile_format .form-control.mob_number{width: calc(100% - 55px);float: left;margin-top:0;} .edit_job_container .form_group{width: 100%;float: right;margin-bottom: 10px;} .edit_job_container .form_group.mobile_format .c_code{width:42px;float: right;padding: 0 3px 0 10px;} .edit_job_container .form_group.mobile_format .form-control.mob_number{width: calc(100% - 55px);float: left;} .container.taxi_dispatcher .form_group .form-control{height: 30px;margin-bottom:0;font-size: 13px;color: #333;height: 38px;border:1px solid #dddddd;box-shadow: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .container.taxi_dispatcher .form_group .form-control.date_icon{background: url(../images/date_icon.png) no-repeat;background-position: 3%;} .tabs .option_block label{height: auto;min-height: auto;line-height: 16px;padding: 0;border: none;} .style_check{width:auto;display: inline-block;float: right;min-width: 130px;position: relative;} .style_check input{float: right;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;outline: none;} .style_check.c1 .package_plan::before{position: absolute;content:'';right:1px;top:0;width: 15px;height: 15px;border:1px solid #cac8c2;background: #fff;border-radius: 3px;} .style_check.c2 .package_plan::before{position: absolute;content:'';right:1px;top:0;width: 15px;height: 15px;border:1px solid #cac8c2;background: #fff;border-radius: 3px;} .style_check.c1 .package_plan.active::after{position: absolute;content:'';right:1px;top:0;width: 15px;height: 15px;background: url(../images/tick.png) no-repeat center center;} .style_check.c2 .package_plan.active::after{position: absolute;content:'';right:1px;top:0;width: 15px;height: 15px;background: url(../images/tick.png) no-repeat center center;} .style_check span {font-size: 13px;padding-right: 10px;line-height: 14px;float: right;text-transform: capitalize;} input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline: thin dotted;outline: 0;outline-offset: 0;} a.nearest_driver_dropdown {font-size: 13px;color: #666666;padding: 15px 20px;width: 100%;float: right;border-bottom: 1px solid #e5e5e5;} a.nearest_driver_dropdown.active{text-decoration: none;} a.nearest_driver_dropdown i{float: left;padding-left: 15px;font-style: normal;background: url(../images/dropdown_arrow.png)no-repeat left center; } a.nearest_driver_dropdown.active i{background: url(../images/dropdown_arrow_active.png)no-repeat left center; } a.nearest_driver_dropdown:hover{text-decoration: none;} .driver_listing.active{display:block;} .driver_listing {display:none;width: 100%;float: right;padding: 0;box-shadow: 0 1px 14px #e8e8e8;transition-duration: 0.5s;max-height: 205px;overflow-x: hidden;overflow-y: auto;margin-bottom: 0;} .driver_listing li{width: 100%;float: right;padding: 10px 20px;list-style-type: none;border-bottom: 1px solid #e5e5e5;} .driver_listing li:last-child{border-bottom: none;} .driver_listing li span.veh_no{float: right;font-size: 13px; color: #333333;} .driver_listing li span.dr_time{float: left;font-size: 13px; color: #666666;} .fare_det_blck_title{font-size: 13px;width: 100%;float: right;margin: 10px 0 5px;padding-right: 20px;font-family: 'roboto_medium';} .fare_det_blck{width: 100%;float: right;margin: 0;padding: 10px 20px;} .fare_det_blck li{width: 25%;float: right;margin:0;padding: 0;list-style-type: none;} .fare_det_blck li span{width:100%;float:right;font-size: 13px;color: #333333;} .fare_det_blck li small{width:100%;float:right;font-size: 11px;color: #666666;} .estimate_arrival_blk{width: 100%;float: right;padding:10px 20px;} .estimate_arrival_blk_inner{width: 100%;float: right;padding: 20px 0 0;border-top:1px solid #e5e5e5;} .estimate_arrival_blk p{position:relative;width: 100%;float: right;padding-right: 36px;margin:0;} .estimate_arrival_blk p::before{position: absolute;content: '';right: 0;top: 0;width:22px;height:22px;background: url(../images/date_icon_big.png)no-repeat center center;} .estimate_arrival_blk p span{width: 100%;float: right;font-size: 13px;color: #333333;} .estimate_arrival_blk p small{width: 100%;float: right;font-size: 13px;color: #1d88bd;} .btn_block {width: 100%;float: left;} .btn_block.fixed_bottom {width: 100%;float: right;position: absolute;bottom: 0;padding: 15px 0;border-top:1px solid #e5e5e5;background:#fafafa;} .btn_block .button{font-size:13px;color:#fff;padding: 10px 15px;margin-left:10px;border:none;text-transform: capitalize;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);} .btn_block .button.book_later{background: #ed1c24;} .btn_block .button.book_later:hover {background: #fd5b61;} .btn_block .button.dsptch_btn{background: #bcbcbc;} .btn_block .button.dsptch_btn:hover{background: #bfbfbf;} /*fleet block*/ .fleet_container {width: 100%;height: 100%;float: right;} .fleet_search_bar {width: 100%;float: right;padding: 15px;border-bottom: 1px solid #e5e5e5;} .fleet_search_bar .form_group {width:100%;float: right;} .container.taxi_dispatcher .fleet_search_bar .form_group .fleet_search{font-size:14px;padding: 9px 17px;border:1px solid #e5e5e5;height: auto;box-shadow: none;margin: 0;border-radius: 3px;background: #fff url(../images/search_icon.png) no-repeat 3%;} .track_filter_blk {width: 100%;float: right;padding: 15px;border-bottom: 1px solid #e5e5e5;} .track_filter_blk span{font-size: 13px;color: #999999;text-transform: capitalize;} .track_filter_blk .schedule_list{left:0;right: inherit;} .track_type{float: left;width: auto;position: relative;margin-left: 0;} #track_type{float: right;width: 100%;font-size: 13px;color: #333333;padding-left: 20px;position: relative;line-height: 20px;margin:0;text-transform: capitalize;} #track_type:hover{cursor: pointer;} #track_type:before{position: absolute;top:7px;left: 0;content: "";background: url(../images/dropdown_arrow.png) left center no-repeat;width: 10px;height: 6px;} #track_type.active:before{background: url(../images/dropdown_arrow_active.png) left center no-repeat;} .vehicle_filter_blk {width: 100%;float: right;padding: 15px;border-bottom: 1px solid #e5e5e5;} .vehicle_filter_blk span{font-size: 13px;color: #999999;text-transform: capitalize;} .vehicle_filter_blk .schedule_list{left:0;right: inherit;top: 35px;} .vehic_type{float: left;width: auto;position: relative;margin-left: 0;} #vehic_type{float: right;width: 100%;font-size: 13px;color: #333333;padding-left: 20px;position: relative;line-height: 20px;margin:0;text-transform: capitalize;} #vehic_type:hover{cursor: pointer;} #vehic_type:before{position: absolute;top:7px;left: 0;content: "";background: url(../images/dropdown_arrow.png) left center no-repeat;width: 10px;height: 6px;} #vehic_type.active:before{background: url(../images/dropdown_arrow_active.png) left center no-repeat;} .status_filter_block {width: 100%;float: right;padding: 0;border-bottom: 1px solid #e5e5e5;} .status_filter_block ul{width: 100%;float: right;margin:0;padding: 0;} .status_filter_block ul li{position: relative;text-align: center;width: 20%;float: right;padding: 15px 0;list-style-type: none;} .status_filter_block ul li::after{position: absolute;bottom: 0;right: -50%;content: '';height: 2px;width: 100%;background: transparent;z-index: 1;-webkit-transition: all linear .3s;transition: all linear .3s;} .status_filter_block ul li.active::after,.status_filter_block ul li:hover::after{position: absolute;bottom: 0;right: 0;content: '';height: 2px;width: 100%;background: #e92100;z-index: 1;} .status_filter_block ul li a{position: relative;font-size: 13px;color: #666666;padding-right: 25px;line-height: 20px;display: inline-block;} .status_filter_block ul li a:hover,.status_filter_block ul li:hover{cursor: pointer;} .status_filter_block ul li a::before{position: absolute;right:0;top:0;content:'';width:20px;height: 20px;} .status_filter_block ul li a.active:focus{text-decoration: none;} .status_filter_block ul li a.fleet_lists_btn::before{background: url(../images/fleet_lists_btn.png)no-repeat center center;} .status_filter_block ul li a.fleet_active_btn::before{background: url(../images/fleet_active_btn.png)no-repeat center center;} .status_filter_block ul li a.fleet_free_btn::before{background: url(../images/fleet_free_btn.png)no-repeat center center;} .status_filter_block ul li a.fleet_notassigned_btn::before{background: url(../images/fleet_notassigned_btn.png)no-repeat center center;} .status_filter_block ul li a.fleet_idle_btn::before{background: url(../images/fleet_idle_btn.png)no-repeat center center;} span.tl_tip {display:none;position: absolute;bottom: -20px;right: 0;text-align: center;width: auto;z-index: 2;} span.tl_tip i {font-size: 10px;font-style: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: rgba(0,0,0,0.5);padding: 2px 5px;color: #ffffff;border-radius: 3px;text-transform: capitalize;} .status_filter_block ul li a:hover span.tl_tip{display: block;} /*.tooltip_ui .tooltiptext{transition-duration: 0.5s;visibility: hidden;width: 100%;background-color: #7f7f7f;color: #fff;text-align: center;border-radius: 3px;padding: 0px 3px;position: absolute;z-index: 1;top: 100%;left: 0;min-width: 80px;max-width: 100px;margin-left: -25%;font-size: 12px;line-height: 20px;text-transform: capitalize;box-shadow: 0 2px #646363} .tooltip_ui:hover .tooltiptext {visibility: visible;text-decoration: none;}*/ .fleet_listing {width: 100%;float: right;margin: 0;padding: 0;} .fleet_listing li {list-style-type: none;} .fleet_listing ul li::after {position: absolute;left: 0px;top: 0px;content: '';width: 5px;height: 100%;background: transparent;-webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;transition: all linear 0.5s;} .fleet_listing ul{width: 100%;float: right;margin: 0;padding: 0;max-height: -webkit-calc(100vh - 353px);max-height: -moz-calc(100vh - 353px);max-height: calc(100vh - 353px);overflow-y: auto;} .fleet_listing ul li{position:relative;width: 100%;/*float: right;*/display:table;margin: 0;list-style-type: none;padding: 0 15px;padding-right: 65px;/*border-bottom: 1px solid transparent;border-top: 1px solid transparent;*/} .fleet_listing ul li .fleet_list_content{padding: 10px 0;width: 100%;float: right;/*border-top: 1px solid #e5e5e5;*/} .fleet_listing ul li.active{background: #fafafa;} .fleet_listing ul li::before{position: absolute;right:15px;top:10px;content:'';width:40px;height: 30px;} .fleet_listing ul li .fleet_list_content::after{position: absolute;right:65px;bottom:0;content:'';width:77%;height: 1px;background: #e5e5e5;} .fleet_listing ul li.active::after {position: absolute;left: 0px;top: 0px;content: '';width: 5px;height: 100%;background: #ed1c24;} .fleet_listing ul li:hover{background: #fafafa;cursor: pointer;/*border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;*/} .fleet_listing ul li:hover::after {position: absolute;left: 0px;top: 0px;content: '';width: 5px;height: 100%;background: #ed1c24;} .fleet_listing ul li:hover .fleet_list_content::before {position: absolute;right: 0px;top: -1px;content: '';width: 100%;height: 1px;background: #e5e5e5;} .fleet_listing ul li:hover .fleet_list_content::after{position: absolute;right: 0px;bottom: 0;content: '';width: 100%;height: 1px;background: #e5e5e5;} .fleet_listing ul li.fleet_active::before{background: url(../images/fleet_active_icon.png)no-repeat center center;} .fleet_listing ul li.fleet_free_in::before{background: url(../images/fleet_free_icon.png)no-repeat center center;} .fleet_listing ul li.fleet_free_out::before{background: url(../images/fleet_free_out.png)no-repeat center center;} .fleet_listing ul li.fleet_busy::before{background: url(../images/fleet_busy_icon.png)no-repeat center center;} .fleet_listing ul li.fleet_idle::before{background: url(../images/fleet_idle_icon.png)no-repeat center center;} .fleet_listing ul li.fleet_unassigned::before{background: url(../images/fleet_notassigned_icon.png)no-repeat center center;} .fleet_listing ul li p{font-size: 14px;color: #333333;margin:0;} .fleet_listing ul li p span{float:left;font-size: 13px;color: #999999;} .fleet_listing ul li small{font-size: 13px;color: #999999;} a.rply_icon {height: 20px;float: left;width: 20px;background: url(../images/rply_icon.png)no-repeat center center;} /*fleet jobs listing*/ .date_filter_blk {width: 100%;float: right;padding-top: 13px;} .date_filter_blk .form_group{width: 50%;float: right;padding: 0 15px;} .date_filter_blk .form_group .form_control{width: 100%;float: right;border:none;border-bottom: 1px solid #e5e5e5;border-radius:0;padding-right: 0;} .date_filter_blk .form_group .form_control:focus{border:none !important;border-bottom: 1px solid #ffbeb3 !important;} .date_filter_blk .form_group .form_control.date_icon_default{background: url(../images/date_icon_default.png)no-repeat 3%} /*.ui-tooltip{display: block !important;} .ui-widget.ui-widget-content{display: block;} .ui-widget-content{background: #7f7f7f !important;color: #fff !important;padding: 3px 5px !important;border:none !important;box-shadow: none !important;}*/ .fleetjob_listing {width: 100%;float: right;padding: 0 15px;max-height: -webkit-calc(100vh - 184px);max-height: -moz-calc(100vh - 184px);max-height: calc(100vh - 184px);overflow-y: auto;} .fleetjob_listing ul{width: 100%;float: none;margin:0;padding: 0; display: inline-block;} .fleetjob_listing ul li{width: 100%;float: right;margin:0;padding: 15px 0;border-bottom: 1px solid #e5e5e5;list-style-type: none;} .fljob_id {float: right;font-size: 13px;color: #4272d7;} .fljob_status {float: left;width:20px;height:20px;background: url(../images/status_completed.png) no-repeat center center;} .fljobdr_name {position:relative;float: right;width: 100%;padding-right: 40px;font-size: 13px;color: #333333;line-height: 20px;margin: 8px 0;} .fljobdr_name img{position: absolute;right:0;top:0;width: 20px;height: 20px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .fljob_pickup {position:relative;width: 100%;float: right;padding-right: 40px;margin-bottom: 5px;} .fljob_pickup::before{position: absolute;top:0;right:0;content:'';width:20px;height: 12px;background: #fff url(../images/pickup_indicator.png)no-repeat center center;z-index: 1;} .fljob_pickup::after{ position: absolute; right: 9px; top: 39%; content: ''; width: 0; height: 80%; border-left: 1px dotted #2bb673; border-width: 2px;} .fljob_pickup p {float: right;width: 100%;font-size: 13px;color: #666666;min-height: 18px;padding-bottom: 3px;margin-bottom: 0;} .fljob_pickup small {display: block;font-size: 13px;color: #999999;} .fljob_drop::before{position: absolute;top:0;right:0;content:'';width:20px;height: 13px;background: #fff url(../images/drop_indicator.png)no-repeat top center;} .fljob_drop {position:relative;width: 100%;float: right;padding-right: 40px;margin-bottom: 5px;} .fljob_drop p {float: right;width: 100%;font-size: 13px;color: #666666;min-height: 18px;padding-bottom: 3px;margin-bottom: 0;} .fljob_drop small {display: block;font-size: 13px;color: #999999;} /*job info*/ .fleet_info_container {width: 100%;float: right;max-height: -webkit-calc(100vh - 127px);max-height: -moz-calc(100vh - 127px);max-height: calc(100vh - 127px);overflow-x: hidden;overflow-y: auto;} .fltinfo_top {width: 100%;float: right; padding: 15px;border-bottom: 1px solid #e5e5e5;} .driver_info_block {width: 100%;float: right;} .driverinfo_title{float: right;font-size: 14px;color: #333333;width: 100%;margin: 15px 0;text-align: right;text-transform: capitalize;} .driverinfo_block{width: 100%;float: right;} .driverinfo_img {position:relative;float: right;width:50px;height: 50px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .driverinfo_img.active::before{position:absolute;top:0;left:4px;content:'';width:10px;height: 10px;background:#46bf85;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .fltinfo_top2 .driverinfo_title{float: right;font-size: 18px;color: #333333;width: 100%;margin: 0;text-align: right;text-transform: capitalize;} .fltinfo_top2 .driverinfo_img{float: none;margin:0 auto;overflow: hidden;width:120px;height: 120px;-webkit-border-radius: 0%;-moz-border-radius: 0%;border-radius: 0%;} .fltinfo_top2 .driverinfo_block span{float: right;width: 100%;font-size: 13px;color: #999999;margin: 20px 0;text-align: center;} .fltinfo_top2 .driverinfo_block button{font-size: 13px;color: #fff;padding: 10px 15px;margin-left: 10px;border: none;text-transform: capitalize;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);background:#ed1c24;outline: none;} .driverinfo_img img{max-width: 100%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .driverinfo_det{float: left;width: -webkit-calc(100% - 70px);width: -moz-calc(100% - 70px);width: calc(100% - 70px);position: relative;} .driverinfo_det span{margin-bottom: 5px;float: right;width: 100%;font-size: 13px;color: #333333;} .driverinfo_det small{float: right;width: 100%;font-size: 13px;color: #999999;} .driverinfo_det input#driver_logout {position: absolute;top: 0;left: 0;background: #ed1c24;border: none;color: #fff; padding: 4px 6px;border-radius: 3px;} .driver_info_container {width: 100%;float: right;padding: 15px;} .flt_det{width: 100%;float: right;border-bottom:1px solid #e5e5e5;padding: 0 0 15px;} .flt_det h3{width: 100%;float: right;margin:10px 0;font-size: 14px;color: #333333;text-transform: capitalize;} .flt_det ul{width: 100%;float: right;padding: 0;margin:0;} .flt_det ul li{width: 100%;float: right;list-style-type: none;margin:0 0 5px 0;} .container.taxi_dispatcher .flt_det ul li label{float:right;font-size: 13px;color: #999999; margin: 0;} .flt_det ul li span{float: left;font-size: 14px;color: #333333;} .fltdrdoc_det{width: 100%;float: right;border-bottom:1px solid #e5e5e5;padding: 10px 0 15px;} .fltdrdoc_det h3{width: 100%;float: right;margin:10px 0;font-size: 14px;color: #333333;text-transform: capitalize;} .fltdrdoc_det ul{width: 100%;float: right;padding: 0;margin:0;} .fltdrdoc_det ul li{width: 100%;float: right;list-style-type: none;margin:0 0 5px 0;} .container.taxi_dispatcher .fltdrdoc_det ul li label{float:right;font-size: 13px;color: #999999; margin: 0;} .fltdrdoc_det ul li span{float: left;font-size: 14px;color: #333333;} .tabs .form_group label.error,.tabs .form_group label{color:red;margin:3px 0 0 0;background: #fff;font-size: 12px;line-height: 12px;height: auto;position: relative;padding: 0;float: left;display: block;width: 100%;color: red;letter-spacing: inherit;text-transform: inherit;font-weight: normal;text-align: right;border-bottom: none;margin-bottom: 0;} /*notification */ .notification_container{width: auto;z-index: 99;} i.notify_count {position: absolute;left: 0;width: 22px;height: 22px;background: #ed1c24;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 1px solid #fff;font-family:'roboto_medium';color: #ffffff;font-style: normal;text-align: center;line-height: 20px;} .notification_icon{position: fixed;left: 30px;top: 30px;width: auto;z-index: 99;width: 60px;height: 60px;background: #2bb673 url(../images/notification_icon.png)no-repeat center center;margin: 0 auto;display: inline-block;border-radius: 50%;box-shadow:-1px 3px 12px 0px #bfbfbf;} .notification_container ul{display:none;position: fixed;left: 30px;top: 100px;width: 310px;float: left;padding: 0 15px;margin:0;background: #fff;z-index: 2;max-height: -webkit-calc(100vh - 130px);max-height: -moz-calc(100vh - 130px);max-height: calc(100vh - 130px);overflow-y: auto;box-shadow: 0 3px 10px rgba(0,0,0,0.15);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-transition: 1s ease;-moz-transition: 1s ease;transition: 1s ease;} .notification_container ul.active{display:block;} .notification_container ul li{list-style-type: none;width: 100%;float: right;border-bottom: 1px solid #e5e5e5;padding: 7px 0 2px;} .notification_container ul li:last-child{border-bottom: 0;} .notification_img_block {width: 25px;height: 25px;float: right;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow: hidden;} .notification_img_block img {max-width: 100%;} .notification_content {width: -webkit-calc(100% - 30px);width: -moz-calc(100% - 30px);width: calc(100% - 30px);float: left;} .notification_content .notify_trip_name{width: 100%;float:left;font-family:'roboto_medium';font-size: 13px;color: #333333;margin:0;text-transform: capitalize;margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:20px;height: 24px; line-height: 24px;} .notification_content .notify_trip_status{font-family:'roboto_light';font-size: 14px;color: #333333;margin:0;text-transform: capitalize;margin-left: 5px;} .notification_content .notify_trip_id{font-family:'roboto_regular';font-size: 13px;color: #999999;float: left;line-height: 13px;padding-right: 10px;margin-left: 10px;border-right:1px solid #e7e7e7;text-transform: capitalize;} .notification_content .notify_trip_time{font-family:'roboto_regular';font-size: 13px;color: #999999;float: left;width:100%;line-height: 13px;margin-top: 5px;} .notification_content .notify_trip_last_time{font-family:'roboto_regular';font-size: 11px;color: #999999;float: left;line-height: 13px;} .notifyclose_btn{width: 17px;height: 17px;position: absolute;left: 10px;top:10px;background: url(../images/notifyclose_btn.png)no-repeat center center;} /*assign driver popup*/ #assigndrivermodal .modal-content {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #assigndrivermodal .modal-header {min-height: 16.42857143px;padding: 15px;border-bottom: 1px solid #e5e5e5;background: #ed1c24;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;} #assigndrivermodal .modal-header .modal-title{color: #ffffff;font-size: 16px;text-transform: capitalize;} #assigndrivermodal .modal-header button.close{width: 19px;height: 19px;background: url(../images/slide_close_icon.png) no-repeat center center;outline: none;opacity: 1;} #assigndrivermodal .modal-header button.close span{display: none;} #assigndrivermodal .form_group {width: 49%;float: left;margin-right: 1%;margin-bottom: 15px;} #assigndrivermodal .form_group:nth-child(even) {margin-right: 0%;float: right;} #assigndrivermodal .form_group .form-control {display: block;width: 100%;height: 35px;padding: 6px 12px 6px 0;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;border: none;border-bottom: 1px solid #e5e5e5;border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: none; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} #assigndrivermodal .form_group .form_control:focus, #assigndrivermodal .form_group .form-control:focus {border:none;border-bottom: 1px solid #ffbeb3 !important;border-top: none !important;border-left: none !important;border-right: none !important;} #assigndrivermodal .modal-body {padding: 15px 15px 0;width: 100%;float: left;border: none;} .assign_driver_btn {font-size: 13px;color: #fff; padding: 10px 15px;margin-right: 10px; border: none;text-transform: capitalize;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);background: #ed1c24; outline: none;} #assigndrivermodal .date_icon {background: url(../images/date_icon_default.png) no-repeat;background-position: 97%;} #assigndrivermodal .modal-footer {padding: 15px;text-align: right;border-top: 1px solid #e5e5e5;width: 100%;display: inline-block;margin-top: 15px;} .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {cursor: not-allowed;background-color: #eee; opacity: 1;} /*Fleet Dispatch Settings modal*/ #dispatchSetting .modal-content {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #dispatchSetting .modal-header {min-height: 16.42857143px;padding: 15px;border-bottom: 1px solid #e5e5e5;background: #ed1c24;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;} #dispatchSetting .modal-header .modal-title{color: #ffffff;font-size: 16px;text-transform: capitalize;} #dispatchSetting .modal-header button.close{width: 19px;height: 19px;background: url(../images/slide_close_icon.png) no-repeat center center;outline: none;opacity: 1;} #dispatchSetting .modal-header button.close span{display: none;} #dispatchSetting .modal-content input[type="radio"]{margin:0 4px;} [readonly='readonly'] {pointer-events: none;} /*myModal dispatch Settings modal*/ #myModal_dispatch .modal-content {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #myModal_dispatch .modal-header {min-height: 16.42857143px;padding: 15px;border-bottom: 1px solid #e5e5e5;background: #ed1c24;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;} #myModal_dispatch .modal-header .modal-title{color: #ffffff;font-size: 16px;text-transform: capitalize;} #myModal_dispatch .modal-header button.close{width: 19px;height: 19px;background: url(../images/slide_close_icon.png) no-repeat center center;outline: none;opacity: 1;} #myModal_dispatch .modal-header button.close span{display: none;} #myModal_dispatch .modal-content input[type="radio"]{margin:0 4px;} /*manual model*/ #myModal .modal-content {float: left;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #myModal .modal-header {min-height: 16.42857143px;padding: 15px;border-bottom: 1px solid #e5e5e5;background: #ed1c24;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;} #myModal .modal-header .modal-title{color: #ffffff;font-size: 16px;text-transform: capitalize;} #myModal .modal-header button.close{width: 19px;height: 19px;background: url(../images/slide_close_icon.png) no-repeat center center;outline: none;opacity: 1;} #myModal .modal-header button.close span{display: none;} #myModal .modal-content input[type="radio"]{margin:0 4px;} #myModal .new_input_field {width: 49%;float: left;margin-right: 1%;margin-bottom: 15px;} #myModal .new_input_field:nth-child(even) {margin-right: 0%;float: right;} #myModal .new_input_field input {display: block;width: 100%;height: 35px;padding: 6px 12px 6px 0;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;border: none;border-bottom: 1px solid #e5e5e5;border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: none; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} #myModal .new_input_field input:focus, #myModal .new_input_field input:focus {border:none;border-bottom: 1px solid #ffbeb3 !important;border-top: none !important;border-left: none !important;border-right: none !important;} #myModal .modal-body {padding: 15px 15px 0;width: 100%;float: left;border: none;} #myModal .modal-footer {padding: 15px;text-align: right;border-top: 1px solid #e5e5e5;width: 100%;display: inline-block;margin-top: 15px;} div#show_process {width: 100%;float: left;text-align: center;} .new_loader{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(255,255,255,0.9);text-align: center;z-index: 99999;} .new_loader img{margin-top: 22%;width:80px;} form#defaultForm,.job_list_detailed_container {float: left;width: 100%;} .add_job_container .submit_filter{background: url(../images/search_icon_arabic.png) center center no-repeat;width: 38px;height: 38px;position: absolute;left: 0;top: 0;border:none;opacity: 0.8;} .add_job_container .submit_filter:hover{background: url(../images/search_icon_arabic.png) center center no-repeat;opacity: 1;} div#messagedisplay {display: block;position: fixed;top: 0;z-index: 9999;width: calc(100% - 82px);right: 81px;} .success_flash {right: inherit;padding: 0;position: relative;text-align: center;top: inherit;width: 100%;z-index: 9990;border-right: none;border-left: none;margin: 0;background: #dff2bf;border: 1px solid #adde5c;} button.close {font-weight:normal;float: left;font-size: 18px;line-height: 32px;color: #333333;text-shadow: none;filter: alpha(opacity=20);opacity: 1;margin-left: 20px;background: none;-webkit-appearance:button;position: absolute;left: 0;z-index: 9999;} #messagedisplay #message p{margin:0;line-height: 32px;color: #000000;} /*div#messagedisplay {display: block !important;position: fixed;top: 0;z-index: 9999;width: calc(100% - 82px);left: 81px;} .error_float_tt {left: inherit;padding: 0;position: relative;text-align: center;top: inherit;width: 100%;z-index: 9990;border-left: none;border-right: none;margin: 0;background: #FFEBE8;border: 1px solid #CC0000;} button.close {font-weight:normal;float: right;font-size: 18px;line-height: 32px;color: #333333;text-shadow: none;filter: alpha(opacity=20);opacity: 1;margin-right: 20px;background: none;-webkit-appearance:button;} #messagedisplay #message p{margin:0;line-height: 32px;color: #000000;}*/ /*tour*/ /* Custom container */ .container-narrow { margin: 0 auto; max-width: 700px; } .container-narrow > hr { margin: 30px 0; } /* Main marketing message and sign up button */ .jumbotron { margin: 60px 0; text-align: center; } .jumbotron h1 { font-size: 72px; line-height: 1; } .jumbotron .btn { font-size: 21px; padding: 14px 24px; } /* Supporting marketing content */ .marketing { margin: 60px 0; } .marketing p + h4 { margin-top: 28px; } /*tour ends*/ .new_dispatch_tour_container {position: absolute;top: 0;right:0px;z-index: 9999;width: 100%;height: 100vh;background: rgba(0,0,0,0.5);} .new_dispatch_tour_step1{width: 100%;float: right;height: 100vh;background: url(../images/screen1.png)no-repeat;background-size: cover;} .new_dispatch_tour_step2{width: 100%;float: right;height: 100vh;background: url(../images/screen3.png)no-repeat;background-size: cover;} .new_dispatch_tour_step3{width: 100%;float: right;height: 100vh;background: url(../images/screen2.png)no-repeat;background-size: cover;} .new_dispatch_tour_step4{width: 100%;float: right;height: 100vh;background: url(../images/screen4.png)no-repeat;background-size: cover;} .new_dispatch_tour_step5{width: 100%;float: right;height: 100vh;background: url(../images/screen5.png)no-repeat;background-size: cover;} .new_dispatch_tour_step6{width: 100%;float: right;height: 100vh;background: url(../images/screen6.png)no-repeat;background-size: cover;} /* body.tour .dispatch_slidebar::after{position: absolute;top:0;left:0;content:'';z-index: 1005;width:100%;height: 100%;background: rgba(0,0,0,0.5);} body.tour #dispatch_tour_step1{z-index: 999;} body.tour .dispatch_slidebar{z-index: 999;} body.tour .dispatch_slidebar .dispatch_det_slidebar_add.tour{z-index: 1000;}*/ /*dispatcher_dashboard_tour*/ body.walkthrough_process.fixed{/*position: fixed;overflow: hidden;*/} .walkthrough_process .menu{height: -webkit-calc(100vh - 71px);height: -moz-calc(100vh - 71px);height: calc(100vh - 71px);} .walkthrough_section{position: fixed;top: 0;left: 0;bottom: 0;right: 210px;background: rgba(0,0,0,0.8);z-index: 90;display: none;} .walkthrough_section.dashboard_tour{top:100px;height: 300px;background: transparent;} .walkthrough_process .right_lay{background: #3c3c3c;} .tour_deactive{opacity: 0.8 !important;position: relative;float: right;width: 100%;} .tour_deactive::before{position: absolute;top:0;right:0;content:'';width:100%;height:100%;background: rgba(0,0,0,0.5);z-index: 9999;min-height: 72px;} .tour_highlight{z-index: 999 !important;opacity: 1 !important;} .tour_highlight::before{display: none;} .tour_highlight .dashboard_map_outer::before,.tour_highlight .dashboard_map_outer::before,.tour_highlight .dashboard_map_outer::before,.tour_highlight .dashborad_widget_box.new_select_rec::before{position: absolute;top:0;right:-5px;content:'';width:105%;height:105%;background: rgba(0,0,0,0.8);z-index: 9999;min-height: 72px;} .wrapper{} .walk_content_section{position: absolute;top: 0;right: 110px;width: 350px;text-align: center;z-index: 91;height: 100%;} .dashborad_widget_box{position: relative;} #step_1:before,#step_2:before,#step_3:before,#step_4:before,#step_5:before,#step_11:before{position: absolute;width: 88px;height: 61px;content: "";bottom: 3px;right: -90px;z-index: 2;background: url(../../images/point_arr_btm.png) no-repeat;} #step_6:before{position: absolute;width: 88px;height: 61px;content: "";top: -4px;right: -90px;z-index: 2;background: url(../../images/point_arr.png) no-repeat;} #step_7:before{position: absolute;width: 61px;height: 88px;content: "";top: -40px;left: -90px;z-index: 2;background: url(../../images/point_arr_top.png) no-repeat;} #step_8:before{position: absolute;width: 61px;height: 88px;content: "";top: -100px;left: 40px;z-index: 2;background: url(../../images/point_arr_top.png) no-repeat;} #step_9:before{position: absolute;width: 61px;height: 88px;content: "";top: -100px;left: 40px;z-index: 2;background: url(../../images/point_arr_top.png) no-repeat;} #step_10:before{position: absolute;width: 61px;height: 88px;content: "";top: -100px;left: 40px;z-index: 2;background: url(../../images/point_arr_top.png) no-repeat;} #step_1{position: absolute;width: 360px;right: 520px;text-align: center;} #step_2{position: absolute;width: 360px;right: 520px;text-align: center;} #step_3{position: absolute;width: 360px;right: 520px;text-align: center;} #step_4{position: absolute;width: 360px;right: 520px;text-align: center;} #step_5{position: absolute;width: 360px;right: 520px;text-align: center;} #step_6{position: absolute;width: 360px;right: 520px;text-align: center;} #step_7{position: absolute;width: 100%;right: 0;} #step_8{position: absolute;width: 100%;right: 0;} #step_9{position: absolute;width: 100%;right: 0;} #step_10{position: absolute;width: 100%;right: 0;} #step_11{position: absolute;width: 100%;right: 0;} .ico_sec{float: right;width: 100%;margin-bottom: 10px;opacity: 0;} .menu_ico{display: inline-block;width: 43px;height: 43px;border-radius: 100%;background: #ff0000;position: relative;text-align: center;line-height: 40px;} .menu_ico .icon_24{fill:#fff;position: absolute;top: 50%;right: 50%;margin: -12px -12px 0 0;} #step_1 .menu_ico .icon_24 {margin: -15px -14px 0 0;width: 30px;height: 30px;} .walk_content_section h1{float: left;width: 100%;font:normal 18px OpenSansSemibold;color: #fff;} .walk_content_section p{float: left;width: 100%;font:normal 14px OpenSansRegular;color: #cecece;margin: 8px 0 15px;} .next,.next-step,#jpwNext,#jpwFinish{display: inline-block;border: 2px solid #2ab270;border-radius: 25px;width: auto;padding:4px 25px;text-align: center;font: normal 18px/24px OpenSansRegular;color: #fff;cursor: pointer;-webkit-transition: 0.8s linear;-moz-transition: 0.8s linear;transition: 0.8s linear;} .next:hover,.next-step:hover,#jpwNext:hover,#jpwFinish:hover{color: #fff;background:#2ab270;} .close_walk:hover,.prev-step:hover,#jpwPrevious:hover{color: #fff;background:#ea4335;} .close_walk,#jpwPrevious,.prev-step{display: inline-block;font: normal 18px/24px OpenSansRegular;color: #fff;padding:4px 25px;text-align: center;cursor: pointer;border: 2px solid #ea4335;border-radius: 25px;margin-right: 10px;-webkit-transition: 0.8s linear;-moz-transition: 0.8s linear;transition: 0.8s linear;} body.walkthrough_process .walk_select:before{position: absolute;top:0;left: 0;width: 5px;background: #ed3323;height: 100%;content: "";} #tour{float: right;font:13px/33px OpenSansRegular;color: #333;margin-left: 15px;} body.walkthrough_process #dispatch_li:after,body.walkthrough_process #walk_taxidrivers:after,body.walkthrough_process #walk_company:after, body.walkthrough_process #walk_settings:after,body.walkthrough_process #walk_payment:after,body.walkthrough_process #walk_report:after,body.walkthrough_process #walk_myaccount:after{position: absolute;top: 0;right: 0;width: 97%;z-index: 5;background: transparent;height: 100%;content: "";} .dtour_step h1 {float: right;width: 100%;font: normal 20px roboto_medium;color: #fff;} .dtour_step p {float: right;width: 100%;font: normal 14px OpenSansRegular;color: #cecece;margin: 8px 0 15px;} .dis_dash_tour{/*display: none;*/ position: fixed;top: 0;left: 0;bottom: 0;right: 210px;background: rgba(0,0,0,0.8);z-index: 999; } .dis_dash_tour_inner {position: absolute;top: 0;right: 0px;width: 100%;text-align: center; z-index: 91;height: 100%;} .ico_sec{float: right;width: 100%;margin-bottom: 10px;opacity: 0;} .menu_ico{display: inline-block;width: 43px;height: 43px;border-radius: 100%;background: #ff0000;position: relative;text-align: center;line-height: 40px;} .menu_ico .icon_24{fill:#fff;position: absolute;top: 50%;right: 50%;margin: -12px -12px 0 0;} .dis_dash_tour h1{float: right;width: 100%;font:normal 18px OpenSansSemibold;color: #fff;} .dis_dash_tour p{float: right;width: 100%;font:normal 14px OpenSansRegular;color: #cecece;margin: 8px 0 15px;} .ddash_step1:before,.ddash_step2:before,.ddash_step3:before,.ddash_step4:before{position: absolute;width: 61px;height: 88px;content: "";top: -30px;right: -70px;z-index: 2;background: url(../../images/point_arr_top_left.png) no-repeat;} .ddash_step1{position: absolute;width: 350px;left: 93px;} .ddash_step2{position: absolute;width: 350px;right: 30%;} .ddash_step3{position: absolute;width: 350px;right: 30%;} .ddash_step4{position: absolute;width: 350px;right: 30%;} .d1.tour_deactive {opacity: 0.8 !important;position: relative;float: right;width: 49%;} #ddash_tour_step1.tour_deactive {width: 49%;} .tour_highlight .d1::before{position: absolute;top: -1px;right: -1px;content: '';width: 101%;height: 101%;background: rgb(30, 30, 30);z-index: 92;min-height: 72px;} .dis_dash_tour{top: 100px;height: 300px;background: transparent;} .tour_process .right_lay{background: #3c3c3c;} #ddash_tour_step1.tour_highlight .dashboard_map_outer::before{position: absolute;top: 0;right: -19px;content: '';width: 108%;height: 105%;background: rgba(0,0,0,0.8);z-index: 9999;min-height: 72px;} .container.taxi_dispatcher #defaultForm .option_block h4 {font-size: 14px;color: #333333;font-family: 'roboto_medium';font-weight: normal;line-height: 40px;padding: 0;background: none;}