/* CSS Document */

body { padding:0px; margin:0px; font-family:'PT Sans', sans-serif; background:#2a487a;}

/*
font-family: 'PT Sans', sans-serif;
*/


input[type=text], input[type=password], input[type=submit], textarea {-webkit-appearance: none;}

input,select {font-family:'PT Sans', sans-serif;}

.clear { clear:both;}
h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px; font-weight:normal;}
p { padding:0px; margin:0px;}


.layout_wrap { padding:0px; margin:0px;}


.hader_wrap { padding:20px 0px 12px 0px; margin:0px auto; width:1170px;}

.hader_wrap .logo_sec { padding:0px; margin:0px 92px 0px 0px; position:relative; background:url(../img/corner_x.png) left 7px repeat-x; position:relative;}
.hader_wrap .logo_sec .logo { font-size:22px; font-weight:600; color:#ffffff; text-transform:uppercase; font-style:italic;}
.hader_wrap .logo_sec .logo .corner_right { background:url(../img/corner_right.png) right top no-repeat; width:13px; height:16px; position:absolute; right:-13px; top:7px; padding:0px;}
.hader_wrap .logo_sec .logo span { background:#2a487a; padding-right:12px; position:relative;}
.hader_wrap .logo_sec .logo span .corner_left { background:url(../img/corner_left.png) left top no-repeat; width:5px; height:16px; position:absolute; right:0px; top:7px; padding:0px;}
.hader_wrap .logo_sec .good_will { position:absolute; right:-92px; top:-3px;}

.hader_sec { padding:0px; margin:0px;}
.hader_sec .hader_left { padding:0px; margin:0px; float:left;}

.hader_sec .hader_left .txt_1 { padding:0px 0px 5px 0px; margin:0px; font-size:16px; font-weight:300; color:#d4d6d7; font-style:italic;}
.hader_sec .hader_left .txt_1 span { padding-left:10px;}
.hader_sec .hader_left .txt_1  select { padding:0px; margin:0px 0px 0px 5px; border:1px solid #b4b5b7; font-size:14px; color:#929497;font-style:italic;}

.hader_sec .hader_right { padding:5px 84px 0px 0px; margin:0px; float:right;}

.global_nav { padding:0px; margin:0px;}
.global_nav ul { padding:0px; margin:0px; list-style-type:none;}
.global_nav ul li { padding:0px; margin:0px 14px 0px 0px; float:left;}
.global_nav ul li a { padding:0px 5px; margin:0px; display:block; text-decoration:none; min-width:125px; text-align:center; font-size:22px; font-style:italic; font-weight:600; color:#fff; background:#70aadc; height:35px; line-height:35px; border-radius:13px;}
.global_nav ul li a:hover { background:#fff; color:#ec1c24;}
.global_nav ul li.active a { background:#fff; color:#ec1c24;}



.middle_wrap { padding:0px; margin:0px auto; width:1170px;}
.middle_grey { background:#c0c0c0; border-radius:30px; padding:11px;}



.variation_sec { padding:0px; margin:0px;}
.variation_left { padding:0px; margin:0px; width:868px; float:left;}
.variation_right { padding:0px; margin:0px; width:263px; float:right;}

@media screen and (max-width:1170px) and (min-width:300px) {
.docks_sec h2 { padding:8px 18px 26px 18px; margin:0px; background:#70aadc; border-radius: 17px 17px 17px 17px !important; font-size:19px; line-height:20px; font-weight:bold; color:#fff;}
.box_man { border-radius: 17px !important; padding-bottom:9px!important;}
.docks_sec
{
 background: none repeat scroll 0 0 #fff;
    border: 2px solid #231f20;
    border-radius: 30px;
    margin: 0 0 11px;
    padding: 0;
}
}


.box_man { border-radius: 17px !important; padding-bottom:9px!important;}
/*.docks_sec { padding:0px; margin:0px 0px 11px 0px; border:2px solid #231f20; background:#fff; border-radius:30px; overflow:hidden;}*/
.docks_sec { padding:0px; margin:0px 0px 11px 0px; border:2px solid #231f20; background:#fff; border-radius:30px;}
.docks_sec h2 { padding:8px 18px 26px 18px; margin:0px; background:#70aadc; border-radius: 27px 27px 0 0; font-size:19px; line-height:20px; font-weight:bold; color:#fff;}
.docks_sec h2 span { display:block; background:url(../img/arrow_down.png) right 3px no-repeat; cursor:pointer;}
.docks_sec .f1px { padding-bottom:51px;}
/*.docks_sec .docks_box { padding:0px 0px 15px 0px; margin:-20px 0px 0px -2px;  border:2px solid #231f20; background:#fff; border-bottom:none; border-radius:30px; width:864px; overflow:hidden;} */
.docks_sec .docks_box { padding:0px 0px 15px 0px; margin:-20px 0px 0px -2px;  border:2px solid #231f20; background:#fff; border-bottom:none; border-radius:25px; width:864px; }

.docks_sec .docks_box .dock_list ul li { margin-top:15px;}



.dock_list { padding:0px; margin:0px;}
.dock_list ul { padding:0px; margin:0px; list-style-type:none;}
.dock_list ul li { padding:0px 0px 0px 14px; margin:0px; width:127px; float:left;}
.dock_list ul li .txt_cen { padding:4px 0px 0px 0px; margin:0px; text-align:center; font-size:18px; color:#4a4a4c; line-height:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.dock_list ul li .list_box { padding:11px 0px 0px 0px; margin:0px; background:#eeefef; border:1px solid #231f20; border-radius:10px; position:relative;}
.dock_list ul li .list_box .canceled { background:#ec1c24 url(../img/canceled.png) center 13px no-repeat; position:absolute; left:0px; top:50%; margin-top:-25px; height:51px; width:100%;}
.dock_list ul li .list_box .list { padding:0px 0px 6px 0px; margin:0px;}
.dock_list ul li .list_box .txt_list_1 { font-size:14px; color:#231f20; line-height:16px; padding:3px 0px 0px 0px; margin:0px; float:left; text-align:right; width:58px;}
.dock_list ul li .list_box .inp_box { padding:0px; margin:0px; float:right;}
.dock_list ul li .list_box .inp_box input[type="text"] { padding:0px 0px 0px 7px; height:23px; line-height:23px; margin:0px; border:1px solid #231f20; border-right:none; outline:none; width:56px;}
.dock_list ul li .list_box .notepad_icon {background:url(../img/netepad.png) left top no-repeat; width:27px; height:35px; cursor:pointer; float:left; margin:0px 0px 0px 12px;}
.dock_list ul li .list_box .warehouse_notepad_icon {background:url(../img/netepad.png) left top no-repeat; width:27px; height:35px; cursor:pointer; float:left; margin:0px 0px 0px 12px;}
.dock_list ul li .list_box .inbound_notepad_icon {background:url(../img/netepad.png) left top no-repeat; width:27px; height:35px; cursor:pointer; float:left; margin:0px 0px 0px 12px;}
.dock_list ul li .list_box .ready_notepad_icon {background:url(../img/netepad.png) left top no-repeat; width:27px; height:35px; cursor:pointer; float:left; margin:0px 0px 0px 12px;}
.dock_list ul li .list_box .update { padding:11px 7px 2px 0px; margin:0px; float:right;}
.dock_list ul li .list_box .update input[type="submit"] { padding:0px; height:24px; margin:0px; border:2px solid #231f20; background:#70aadc; outline:none; width:68px; border-radius:10px; float:right; cursor:pointer; font-weight:bold; color:#fff;}
.dock_list ul li .list_box .update input[type="submit"]:hover { background:#5f98ca;}


.docks_sec .tab_container .dock_list ul li { margin-top:15px;}
/*****************************************************************
                     tabs page
******************************************************************/


ul.tabs {margin: 0; padding: 0; list-style: none; height:29px; position:relative; width: 100%; overflow:hidden;}
ul.tabs li { padding:0px; margin:0px 0px 0px 4px; float:left; width:162px;}
ul.tabs li:first-child { margin-left:-2px;}
ul.tabs li a { padding:0px 0px 0px 12px; line-height:25px; height:25px; margin:0px; display:block; background:#fff; border:2px solid #231f20; text-decoration:none; font-size:16px; color:#4a4a4c; border-radius:10px 10px 0px 0px;}


ul.tabs li.active a {color:#4a4a4c; border-bottom:2px solid transparent;}

.tab_container { padding:0px 0px 15px 0px; margin:-2px 0px 0px -2px;  border:2px solid #231f20; background:#fff; border-bottom:none; border-radius:0px 30px 30px 30px; width:864px;}
.tab_content {  padding:0;}
.tabCont{ padding:0; margin:-45px 0px 0px 0px;}

/*****************************************************************
                     tabs page
******************************************************************/

/*inputs bg colors*/
.c_ready { background:#bfd3bb!important;}
.c_empty { background:#fab97d!important;}
.c_working { background:#f8df83!important;}
.c_out { background:#c7e8f9!important;}

/*inputs bg colors*/

.driver_slot { border-radius:24px;}
/*.driver_slot h2 { background:#70aadc;}*/
.driver_slot h2 { background:#70aadc;  border-radius: 22px 22px 0 0;}
.driver_slot .docks_box { width:259px;}
.driver_slot .driver_sec { padding-bottom:5px;}

.driver_sec { padding:10px 10px 0px 10px; margin:0px;}
.driver_sec .name_sec { padding:3px 0px 0px 0px; margin:0px;}
.driver_sec .name_sec p.txt_n { padding:0px; margin:0px; font-size:20px; color:#4a4a4c; line-height:20px;}

.driver_sec .name_sec .inp_box { padding:0px; margin:0px; float:left;}
.driver_sec .name_sec .inp_box input[type="text"] { padding:0px 0px 0px 7px; height:23px; line-height:23px; margin:0px; border:1px solid #231f20; outline:none; width:56px; color:#231f20; font-size:16px;}

.driver_sec .name_left { padding:0px; margin:0px; width:82px; float:left}
.driver_sec .name_left p.txt_n { padding-left:10px;}
.driver_sec .name_left .inp_box input[type="text"] { width:73px;}
.driver_sec .name_right { padding:0px; margin:0px; width:153px; float:right}
.driver_sec .name_right .inp_box input[type="text"] { width:147px; padding-left:4px;} 



.store_status { position:relative;}

.store_status h2 { padding-top:13px;}

.caleder_sec { position:absolute; right:15px; top:13px; width:101px;}
.caleder_sec .arrow_left { padding:0px; margin:3px 0px 0px 0px; background:url(../img/cal_l.png) left top no-repeat; height:29px; width:29px; cursor:pointer; float:left;}
.caleder_sec .arrow_left a { cursor:pointer; text-decoration:none; height:29px; width:29px;}

.caleder_sec .calender { padding:0px; margin:0px 3px; background:url(../img/calender.png) left top no-repeat; height:37px; width:37px; cursor:pointer; float:left;}
.caleder_sec .calender a { cursor:pointer; text-decoration:none; height:37px; width:37px;}
.caleder_sec .arrow_right { padding:0px; margin:3px 0px 0px 0px; background:url(../img/cal_r.png) left top no-repeat; height:29px; width:29px; cursor:pointer; float:left;}
.caleder_sec .arrow_right a { cursor:pointer; text-decoration:none; height:29px; width:29px;}

.store_status h2 .date { display:block; font-size:18px;}
.store_status .driver_sec { padding-bottom:10px;}
.store_status .driver_sec .list_icon { padding:0px; margin:0px 9px 0px 0px; width:20px; height:26px; background:url(../img/list_h.png) left top no-repeat; float:left; cursor:move;}
.store_status .driver_sec .list_icon:hover {background:url(../img/list_h.png) left -30px no-repeat;}
.store_status .driver_sec .list_icon a { display:block; height:26px; width:20px; cursor:pointer;}

.store_status .driver_sec .name_left { padding:0px; margin:0px; width:55px; float:left}
.store_status .driver_sec .name_left p.txt_n { padding-left:31px;}
.store_status .driver_sec .name_left .inp_box input[type="text"] { width:47px; text-align:center; padding:0px 3px;}
.store_status .driver_sec .name_right { padding:0px; margin:0px; width:110px; float:right}
.store_status .driver_sec .name_right .inp_box input[type="text"] { width:105px;}
.store_status .driver_sec .name_right p.txt_n { padding-left:6px;}


.store_status .driver_sec .name_center { padding-left:4px; margin:0px; width:33px; float:left}
.store_status .driver_sec .name_center .inp_box input[type="text"] { width:47px; text-align:center; padding:0px 3px;}
.store_status .driver_sec .name_center .inp_box input[type="text"] { width:146px;}
.store_status .driver_sec .name_center .inp_box input[type="text"] { width:97%; padding-left:2%;}

.store_status .driver_sec .name_center p.txt_n { padding-left:25px;}

.ryder_logo { padding:20px 14px 20px 0px; margin:0px; text-align:right;}


@media screen and (max-width:1170px) {

.middle_grey { border-radius:20px;}
.docks_sec { border-radius:20px;}

.hader_wrap, .middle_wrap { width:993px; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}

.variation_left { width:697px; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}

.docks_sec .docks_box {width:693px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; border-radius:20px;}
.tab_container {width:693px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; border-radius:0px 20px 20px 20px;}


.dock_list ul li { padding-left:10px;}
.driver_slot .docks_box { width:259px;}


}

@media screen and (max-width:1170px) and (min-width:992px) {

ul.tabs li { width:130px;}
ul.tabs li a { font-size:14px; padding-left:5px;}

}


@media screen and (max-width:992px) {

.hader_wrap { width:748px; padding-left:10px; padding-right:10px;}
.middle_wrap { width:768px;}

.variation_left { width:472px;}
.docks_sec .docks_box, .tab_container  { width:468px;}
.dock_list ul li { padding-left:12px;}
.driver_slot .docks_box { width:259px;}

/*.docks_sec .f1px { padding-bottom:7px;}
.tabCont { margin-top:10px;}
ul.tabs { height:auto; margin-bottom:8px;}
ul.tabs li {margin:0px 0px 4px 4px;}
ul.tabs li a { border-radius:10px; line-height:22px;}
ul.tabs li.active a { border-bottom:2px solid #231f20; background:#70aadc; color:#fff;} 
ul.tabs li:first-child { margin:0px 0px 4px 4px;}*/


.docks_sec .f1px { padding-bottom:7px;}
.tabCont { margin-top:10px;}
ul.tabs { height:auto; width:96%; margin-left:2%; margin-right:2%; margin-bottom:5px;}
ul.tabs li { float:none; margin:0px 0px 5px 0px; width:auto;}
ul.tabs li a { padding-top:5px; padding-bottom:5px; border-radius:10px;}
ul.tabs li.active a { border-bottom:2px solid #231f20; background:#70aadc; color:#fff;} 
ul.tabs li:first-child { margin:0px 0px 5px 0px;}


}

.mobiie_menu { display:none;}
@media screen and (max-width:767px) {


.hader_wrap { width:432px; padding-left:10px; padding-right:10px;}
.middle_wrap { width:452px;}


.hader_wrap .logo_sec { background:none;}
.hader_wrap .logo_sec .logo .corner_right { display:none;}
.hader_wrap .logo_sec .logo span .corner_left { display:none;}
.hader_sec .hader_left { float:none;}
.hader_sec .hader_right { float:none; margin:10px 0px 0px 0px; padding:0px;}

.global_nav { position:relative; height:50px; background:#1f3458; border:2px solid #375588; border-radius:25px; z-index:200;}
.global_nav .grid_nav{ background:url(../img/grid_nav.png) left center no-repeat; width:44px; height:34px; cursor:pointer; position:absolute; right:7px; top:8px;}
.global_nav .grid_active { background:#08478c url(../img/grid_nav.png) left center no-repeat;}
.mobiie_menu { font-size:18px; font-weight:700; height:50px; line-height:46px; color:#fff; display:block; cursor:pointer; padding:0px 17px 0px 17px;}

.global_nav ul { position:absolute; left:0px; top:50px; width:100%; background:#375588; overflow:hidden; border-radius:25px; display:none;}
.global_nav ul li { float:none; padding:0px 0px 1px 1px; margin:0px;}
.global_nav ul li a { border-radius:0px;}
.global_nav ul li:first-child { padding-top:1px;}


.variation_left { width:auto; float:none}
.variation_right { float:none; margin:0 auto; width:auto;}


.driver_sec .name_left { margin-right:10px;}
.driver_sec .name_right { float:none; width:auto; overflow:hidden;}
.driver_sec .name_right .inp_box input[type="text"] { /*width:97%;*/ padding-left:2%;}


.docks_sec .docks_box, .tab_container  { width:auto; border:none; border-top:2px solid #231f20; border-radius:auto;}
.dock_list ul li { padding-left:12px;}
.driver_slot .docks_box { width:auto;}

.store_status .driver_sec .name_right p.txt_n { padding-left:50px;}
.store_status .driver_sec .name_left { margin-right:10px;}
.store_status .driver_sec .name_right { float:none; margin:0px; overflow:hidden; padding:0px; width:auto;}
.driver_sec .name_sec .inp_box { float:none;}
.store_status .driver_sec .name_right .inp_box input[type="text"] { /*width:97%;*/ padding-left:2%;}


.docks_sec .f1px { padding-bottom:7px;}
.tabCont { margin-top:10px;}
ul.tabs { height:auto; width:96%; margin-left:2%; margin-right:2%; margin-bottom:5px;}
ul.tabs li { float:none; margin:0px 0px 5px 0px; width:auto;}
ul.tabs li a { padding-top:5px; padding-bottom:5px; border-radius:10px;}
ul.tabs li.active a { border-bottom:2px solid #231f20; background:#70aadc; color:#fff;} 
ul.tabs li:first-child { margin:0px 0px 5px 0px;}

.ryder_logo { padding:30px 0px; text-align:center;}

}

@media screen and (max-width:460px) {
.middle_wrap { width:312px;}
.hader_wrap { width:292px;}

}




/*start inventory page from here*/
.inventory_slot { padding:0px; margin:0px;}
.inventory_slot .inv_left { padding:0px; margin:0px; width:420px; float:left;}
.inventory_slot .inv_left .docks_sec .docks_box { width:416px;}
.inventory_slot .inv_right { padding:0px; margin:0px; width:706px; float:right;}
.inventory_slot .inv_right .docks_sec .docks_box { width:702px;}

.inventory_slot .inv_left .docks_sec h2 { background-position:94% 11px;}
.inventory_slot .inv_right .docks_sec h2 { background-position:97% 11px;}
.inventory_slot .inv_right .ryder_logo { padding-bottom:30px;}

.my_inventory { padding:15px 0px 0px 15px; margin:0px;}
.my_inventory .txt_1 { padding:0px 0px 40px 0px; margin:0px; font-size:20px; font-weight:700; color:#929497; line-height:22px;}
.my_inventory .txt_1 span { color:#231f20;}
.my_inventory .txt_2 { padding:0px; margin:0px; font-size:20px; font-weight:400; color:#000; line-height:22px;}
.my_inventory .txt_3 { padding:0px; margin:0px; font-size:16px; font-weight:400; color:#000; line-height:22px;}

.my_inventory .del_btn { padding:0px; margin:0px; width:26px; height:29px;}
/*.my_inventory .del_btn a { background:url(../img/delete.png) left top no-repeat; height:29px; width:26px; display:block; cursor:pointer;}*/

.my_inventory .blue_btn_submit {padding:24px 0px 0px 0px;}
.my_inventory .blue_btn_submit input[type="submit"] { width:90px; text-align:center; margin:0px 102px 0px 0px; float:right;}

.my_inventory  select { padding:0px 5px 0px 0px; margin:0px 0px 0px 0px; border:1px solid #b4b5b7; font-size:17px; color:#929497; width:180px; text-align:right;}

.my_inventory .inp_box { padding:0px; margin:0px;}
.my_inventory .inp_box input[type="text"] { padding:0px 0px 0px 7px; height:23px; line-height:23px; font-size:14px; margin:0px; border:1px solid #231f20; outline:none; width:78px;}

.trans_sec { padding:26px 0px 0px 0px; margin:0px; text-align:right;}
.trans_sec .blue_btn_submit {margin:0px; padding:0px; display:inline; display:inline-block;}
.trans_sec .blue_btn_submit input[type="submit"] { margin:0px 20px 0px 50px; padding:0px 10px; width:auto;}

.my_inventory .my_sec { padding:0px; margin:7px 73px 6px;}
.my_inventory .my_sec .my_left { padding:0px; margin:0px 16px 0px 0px; width:195px; float:left; text-align:right;}
.my_inventory .my_sec .my_mid { padding:0px; margin:0px 20px 0px 0px; width:87px; float:left; position:relative;}
.my_inventory .my_sec .my_mid .txt_3 { position:absolute; left:5px; top:-26px;}
.my_inventory .my_sec .my_right { padding:0px; margin:0px 0px 0px 0px; width:26px; float:left;}


.my_inventory .my_sec_inv { padding:0px; margin:7px 0px 0px;}
.my_inventory .my_sec_inv .my_left { padding:0px; margin:0px 16px 0px 0px; width:195px; float:left; text-align:right;}
.my_inventory .my_sec_inv .my_mid { padding:0px; margin:0px 20px 0px 0px; width:87px; float:left; position:relative;}
.my_inventory .my_sec_inv .my_mid .txt_3 { position:absolute; left:5px; top:-26px;}
.my_inventory .my_sec_inv .my_right { padding:0px; margin:0px 0px 0px 0px; width:26px; float:left;}

.slect_mng { text-align:right; padding:0px 40px 40px 0px; margin:0px;}
.slect_mng .txt_1 { display:inline-block; padding:0px;}
.slect_mng select {  display:inline-block;}

.loc_mng_left { padding:0px; margin:0px; text-align:left!important;}

.radio_status { padding:0px; margin:0px; width:95px; float:left; position:relative;}
.radio_status .txt_stat { padding:0px; margin:0px; font-size:16px; line-height:12px; text-align:center; position:absolute; width:100%; top:-55px; left:0px;}
.radio_status .txt_sm { padding:0px; margin:0px; font-size:14px; line-height:12px; text-align:center; position:absolute; width:100%; top:-34px; left:0px;}
.radio_status .rad_sec .radio { float:none; margin:0 auto;}
.radio_status .rad_sec { padding:0px; margin:0px;}
.radio_status .rad_sec .rad_left { padding:0px; margin:0px; float:left; width:45px; position:relative;}
.radio_status .rad_sec .rad_right { padding:0px; margin:0px; float:right; width:45px; position:relative;}

/*********** for radio_button and checkbox***************/

.radio {
    height:23px;
    width:23px!important;
    clear:left;
    float:left;
    margin:0px;
    padding: 0 0 0 0px;
    background:url(../img/radio.png) no-repeat;
    cursor: default;
}
.checkbox {
    height: 17px;
    width: 17px!important;
    clear:left;
    float:left;
    margin:0px;
    padding:0px;
    background:url(../img/checkbox_button.png) no-repeat;
    cursor: default;
    text-align:left;
}
.checkbox input,.radio input {
    display: none;
}
.checkbox input.show,.radio input.show {
    display: inline;
}
.selected {
    background-position: 0 -52px;
}
.block {
    width: 50%;
    float: left;
}
label {
    padding-left:10px;
    float:left;
    text-align:left;
}


.ineventy_qty{
    margin-left: 100px;
    text-align: center;
}
.mytransfer_qty{
   text-align: center;
}


/*********** for radio_button and checkbox***************/

.blue_btn_submit { padding:0px; margin:0px;}
.blue_btn_submit input[type="submit"] { padding:0px*; height:31px; margin:0px; border:2px solid #231f20; background:#70aadc; outline:none; border-radius:15px; cursor:pointer; font-weight:bold; color:#fff; font-size:19px;}
.blue_btn_submit input[type="submit"]:hover { background:#5f98ca;}

.blue_btn { padding:0px; margin:0px;}
.blue_btn a { padding:0px; height:31px; margin:0px; border:2px solid #231f20; background:#70aadc; outline:none; border-radius:15px; cursor:pointer; font-weight:bold; color:#fff; font-size:19px;}
.blue_btn a:hover { background:#5f98ca;}


@media screen and (max-width:1170px) {

.inventory_slot .inv_left { width:356px }
.inventory_slot .inv_left .docks_sec .docks_box { width:352px;}
.my_inventory { padding-left:12px;}
.my_inventory .my_sec .my_left { width:168px; margin-right:10px;}
.my_inventory .my_sec_inv .my_left { width:168px; margin-right:10px;}
.my_inventory .txt_2 { font-size:18px;}
.my_inventory select { width:168px;}
.my_inventory .my_sec .my_mid { margin-right:10px;}
.my_inventory .my_sec_inv .my_mid { margin-right:10px;}


.inventory_slot .inv_right { width:600px;}
.inventory_slot .inv_right .docks_sec .docks_box { width:596px;}


}

@media screen and (max-width:992px) {

.inventory_slot .inv_left { width:746px; }
.inventory_slot .inv_left .docks_sec .docks_box { width:742px;}
.inventory_slot .inv_left .docks_sec .docks_box .my_sec { width:400px; margin-left:auto; margin-right:auto;}
.inventory_slot .inv_left .docks_sec .docks_box .blue_btn_submit { width:130px; margin:0 auto;}
.inventory_slot .inv_left .docks_sec .docks_box .blue_btn_submit input[type="submit"] { margin:0px;}


.inventory_slot .inv_right { width:746px;}
.inventory_slot .inv_right .docks_sec .docks_box { width:742px;}
.inventory_slot .inv_right .docks_sec .docks_box .my_sec .my_left { width:235px;}
}


@media screen and (max-width:767px) {

.inventory_slot .inv_left { width:auto; float:none;}
.inventory_slot .inv_left .docks_sec .docks_box { width:auto; float:none;border-left: 2px solid;}
.inventory_slot .inv_left .docks_sec .docks_box .my_sec .my_left { width:136px;}
.inventory_slot .inv_left .docks_sec .docks_box .my_sec select { width:136px; font-size:15px;}
.my_inventory .txt_2 { font-size:15px;}
.inventory_slot .inv_left .docks_sec .docks_box .blue_btn_submit { margin:0px 10px 0px 0px; width:auto;}

.my_inventory .blue_btn_submit input[type="submit"] { font-size:15px;}

.inventory_slot .inv_right { width:auto; float:none;}
.inventory_slot .inv_right .docks_sec .docks_box { width:auto; float:none;}
.radio_status .txt_stat { display:none;}
.inventory_slot .inv_right select {font-size:15px; text-align:left;}

.slect_mng { text-align:left; padding:0px 0px 30px 10px;}
.slect_mng .txt_1 { font-size:17px;}
.my_inventory .txt_1 { font-size:17px;}

.trans_sec { text-align:left;}
.trans_sec .blue_btn_submit input[type="submit"] { font-size:15px; margin:0px 0px 0px 10px;}

.inventory_slot .inv_right .txt_2 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.inventory_slot .inv_right .docks_sec .docks_box .my_inventory { padding-left:0px; padding-right:0px;border-left: 2px solid;}
.inventory_slot .inv_right .docks_sec .docks_box .my_sec { *background:#e6e6e6; padding:8px 5px;}
.inventory_slot .inv_right .docks_sec .docks_box .my_sec .my_left {/* width:170px; */margin:0px; padding-bottom:5px; padding-left:8px; text-align:left; float:none; width:auto; overflow:hidden;}
.inventory_slot .inv_right .docks_sec .docks_box .my_sec .loc_mng_left { width:135px; margin-right:10px; padding-bottom:0px; padding-left:0px; float:left;}
.inventory_slot .inv_right .docks_sec .docks_box .my_sec .loc_mng_left select { width:135px;}
.inventory_slot .inv_right .docks_sec .docks_box .my_sec .my_mid { margin-left:6px;}
.inventory_slot .inv_right .docks_sec .docks_box .my_sec .my_mid .txt_3 { display:none;}
.ineventy_qty{margin-left: 0px;text-align: center;}
.mytransfer_qty{ text-align: center;}


.confirmaionbutton_left div { float: left; }


.radio_status .txt_sm { top: 18px; width: 100%;
}

}


/*end inventory page from here*/



/*start store page from here*/


.store_slot { padding:0px; margin:0px;}

.store_diliver { padding:0px; margin:0px;}
.store_diliver .docks_sec .docks_box { width:auto; margin-right:-2px;}

.store_order { padding:15px 20px; margin:0px; position:relative;}

.store_order  select { padding:0px 5px 0px 0px; margin:0px 0px 0px 0px; border:1px solid #b4b5b7; font-size:17px; color:#929497; width:130px; position:absolute; left:20px; top:15px; z-index:10;}
.store_order .caleder_sec { top:40px;}

.store_order .blue_btn_submit { position:absolute; right:20px; bottom:15px;}
.store_order .blue_btn_submit input[type="submit"] { padding:0px 10px;}


.store_order .txt_day { padding:0px; margin:0px; color:#414042; font-size:20px; line-height:20px; font-weight:700;}
.store_order .txt_day span { text-align:center; display:block; font-size:16px;}
.store_order .grey_mon { color:#c9cacc;}
.store_order .am_txt { padding:0px; margin:73px 0px 0px 0px; color:#929497; font-size:20px; width:67px; line-height:20px; font-weight:700;}
.store_order .pm_txt { padding:0px; margin:27px 0px 0px 0px; color:#929497; font-size:20px; width:67px; line-height:20px; font-weight:700;}

.store_order .txt_order { padding:72px 0px 0px 18px; margin:0px 60px 0px 0px; font-size:16px; line-height:22px; width:52px; text-align:center;}
.store_order .date_icon { padding:0px; margin:20px auto auto auto; background:url(../img/order_date.png) left top no-repeat; width:21px; height:27px;}
.store_order .none_icon { padding:0px; margin:20px auto auto auto; width:21px; height:27px;} 

.day_date_sec { padding:0px; margin:0px; width:970px; position:relative; border-bottom:1px solid #929497; overflow:hidden;}
.day_date_sec .line_1 { height:1px; width:100%; background:#929497; position:absolute; left:0px; top:60px;}
.day_date_sec .line_2 { height:1px; width:100%; background:#929497; position:absolute; left:123px; top:106px;}

.day_date_sec ul { padding:0px; margin:0px; list-style-type:none;}
.day_date_sec ul li { padding:0px; margin:0px; float:left;}
.day_date_sec ul li .date_list { padding:10px 18px 10px 18px; margin:0px; min-height:134px;}
.day_date_sec ul li .date_list.active { background:#d2ead7;}
.day_date_sec ul li .date_list.active .txt_day { color:#11743b;}


.store_sec { padding:0px; margin:0px;}
.store_sec .trans_sec { padding-top:24px;}
.store_sec .trans_sec .blue_btn_submit input[type="submit"] { margin:0px 20px 0px 0px;}
.store_sec .trans_sec .blue_btn_submit:first-child input[type="submit"] { margin-right:10px;}
.store_sec .my_inventory .blue_btn_submit { text-align:right;}
.store_sec .my_inventory .blue_btn_submit input[type="submit"] { float:none;}
.store_sec .pd_85_top { padding-top:85px;}

.store_sec .my_inventory .trailer { border-bottom:1px solid #929497; margin-right:15px; padding:0px 0px 11px 0px; margin-bottom:40px;}
.store_sec .my_inventory .trailer span { width:206px; color:#929497; display:inline-block; text-align:right;}
.store_sec .my_inventory .trailer .inp_box { width:auto;  text-align:left;}


.store_sec .docks_sec { width:558px; float:left; margin-left:20px;}
.store_sec .docks_sec:first-child { margin-left:0px;}
.store_sec .docks_sec .docks_box { width:558px;}
#ui-datepicker-div{  
    z-index: 999 !important;
    Width:auto !important;      
    left: 933px!important;     
    top: 230px!important;   
  
}

@media screen and (max-width:1206px) {
 #ui-datepicker-div{    
    left: 895px!important;     
    top: 230px!important;
   }
}
@media screen and (max-width:1170px) {

.day_date_sec { width:810px;}
.day_date_sec ul li .date_list { padding:10px 14px;}
.store_order .txt_day { font-size:17px;}
.store_order .am_txt { font-size:17px; width:50px;}
.store_order .pm_txt { font-size:17px; width:50px;}

.store_sec .my_inventory .trailer span { width:173px;}
#ui-datepicker-div{    
    left: 784px !important;
    top: 229px !important;
    }

}

@media screen and (max-width:1087px) {
 #ui-datepicker-div{    
    left: 717px !important;    
    top: 230px!important;
   }
}
@media screen and (max-width:992px) {

.store_sec .docks_sec { width:358px;}
.store_sec .docks_sec .docks_box { width:358px;}

.day_date_sec { width:auto; margin:50px 0px 0px 0px;}
.day_date_sec ul li .date_list { padding:10px 12px;}
.day_date_sec .line_2 { left:95px;}
.store_order .txt_order { margin-right:30px;}
.store_order .txt_day { font-size:15px;}
.store_order .am_txt { font-size:15px; width:50px;}
.store_order .pm_txt { font-size:15px; width:50px;}

.store_order .caleder_sec { top:20px;}
.store_order .blue_btn_submit { position:static; left:inherit; bottom:inherit; margin:20px 0px 0px 0px;}
#ui-datepicker-div{    
    left: 579px !important;
    top: 271px !important;

}
    
.my_inventory .my_sec {
    margin: 7px 0 0;
    padding: 0;
}
}


@media screen and (max-width:897px) {
#ui-datepicker-div{    
    left: 535px  !important;
    top: 271px !important;   
   }
}
@media screen and (max-width:809px) {
#ui-datepicker-div{    
    left: 491px  !important;
    top: 271px !important;   
   }
}
@media screen and (max-width:767px) {

    .store_sec .docks_sec { width:auto; margin:0px 0px 10px 0px; float:none;}
    .store_sec .docks_sec .docks_box { width:auto; }
    .store_sec .docks_sec .docks_box .my_sec .my_left { width:136px;}
    .store_sec .docks_sec .docks_box .my_sec select { width:136px; font-size:15px;}
    .store_sec .docks_sec .docks_box .blue_btn_submit { margin:0px 10px 0px 0px; width:auto;}
    .store_sec .docks_sec .docks_box .blue_btn_submit input[type="submit"] {  margin-bottom: 5px;}

    .store_sec .my_inventory .trailer span { width:142px;}




    .day_date_sec .line_1 { display:none;}
    .day_date_sec .line_2 { display:none;}

    .day_date_sec { border:none;}
    .day_date_sec ul li { float:none;}
    .store_order .txt_order { padding:0px; margin:0px; width:auto; text-align:left;}
    .store_order .txt_day { text-align:center;}
    .day_date_sec ul li .date_list { background:#e6e6e6; margin-top:5px;}
    .store_order .am_txt { margin:0px; padding:0px; display:inline-block;}
    .store_order .pm_txt { margin:0px; padding:0px; display:inline-block;}
}

@media screen and (max-width:1008px) {  

    .store_sec .docks_sec .docks_box {
        width: 471px;
    }
    .store_sec .docks_sec {
        float: left;    
        width: 471px;
    }
}

@media screen and (max-width:1167px) {  

    .store_sec .docks_sec .docks_box {
        width: 471px;
    }
    .store_sec .docks_sec {
        float: left;    
        width: 471px;
    }
}
@media screen and (max-width:983px) {
.store_sec .docks_sec { width:358px;}
.store_sec .docks_sec .docks_box { width:358px;}
.my_inventory .my_sec {
    margin: 7px 0 0;
    padding: 0;
}
}
@media screen and (max-width:680px) {
#ui-datepicker-div{    
    left: 269px !important;
    top: 291px !important;  
   }
}
@media screen and (max-width:680px) {
#ui-datepicker-div{    
    left: 269px !important;
    top: 291px !important;  
   }
}
@media screen and (max-width:594px) {
#ui-datepicker-div{    
    left: 175px !important;
    top: 291px !important;   
   }
}
@media screen and (max-width:485px) {
#ui-datepicker-div{    
    left: 175px !important;
    top: 291px !important;   
   }
}

@media screen and (max-width:460px) {
#ui-datepicker-div{    
    left: 90px !important;
    top: 341px !important;   
   }
}
@media screen and (max-width:380px) {
 #ui-datepicker-div{    
    left: 51px !important;
    top: 341px !important; 
   }
}

@media screen and (max-width:320px) {
 #ui-datepicker-div{    
   left: 18px !important;
    top: 341px !important;  
   }
}

/*end store page from here*/


/*Start popup page from here*/

.popup_slot { padding:0px; margin:0px; background:#fff; border:2px solid #fff; position:absolute; border-radius:30px; overflow:hidden; width:640px; margin-left:-320px; left:50%; top:30%; z-index:2000; -webkit-box-shadow: 0 0 20px 5px #444; box-shadow: 0 0 20px 5px #444; display:none;}
.popup_slot .close_icon { padding:0px; margin:0px; cursor:pointer; position:absolute; right:20px; top:7px; background:url(../img/close_icon.png) left top no-repeat; height:21px; width:21px;}
.popup_slot h2 { padding:8px 20px 35px; margin:0px; background:#2a487a; font-size:19px; line-height:20px; font-weight:bold; color:#fff;}
.popup_box { padding:20px; margin:-20px -2px 0px -2px; background:#fff; border-radius:30px; overflow:hidden; }

.popup_box .pop_txt_1 { padding:0px; margin:0px; font-size:20px; font-weight:400; color:#000; line-height:22px;}
.popup_box .pop_txt_2 { padding:0px; margin:0px; font-size:16px; font-weight:400; color:#000; line-height:22px;}

.popup_box .inp_box { padding:0px; margin:0px;}
.popup_box .inp_box input[type="text"] { padding:0px 0px 0px 7px; height:23px; line-height:23px; font-size:14px; margin:0px; border:1px solid #231f20; outline:none; width:78px;}

.popup_box .popup_top_slot { padding:0px 0px 15px 0px; margin:0px; border-bottom:1px solid #929497; text-align:right;}
.popup_box .popup_top_slot .top_1 { padding:0px; margin:0px; width:180px; float:left;} 
.popup_box .popup_top_slot .top_2 { padding:0px; margin:0px; width:183px; float:left;} 
.popup_box .popup_top_slot .top_3 { padding:0px; margin:0px; width:205px; float:left;} 
.popup_box .popup_top_slot .top_3 .inp_box input[type="text"] { width:120px;}


.popup_box .popup_top_slot .inp_box { display:inline-block;}
.popup_box .popup_top_slot p { display:inline-block; text-align:right; padding-right:5px;}
.popup_box .popup_top_slot .inp_box input[type="text"] { width:88px;}

.popup_box .popup_mid_slot { padding:25px 0px 4px 0px; margin:0px; border-bottom:1px solid #929497;}

.popup_box .popup_mid_slot .item_mod { padding:0px 0px 11px 0px; margin:0px auto; width:450px;}
.popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:4px;}

.popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:right; padding-right:15px;}

.popup_box .popup_stats { padding:15px 5px 0px 0px; margin:0px; text-align:right;}
.popup_box .popup_stats p { display:inline-block; padding-right:3px;}
.popup_box .popup_stats .out_for { font-size:16px; color:#fff; line-height:21px; background:#70aadc; border:1px solid #313943; padding:0px 0px 0px 6px; margin:0px; width:253px; display:inline-block; text-align:left;}


.print_buttons { padding:12px 0px 0px 0px; margin:0px;}
.print_buttons .print_sec { float:left;}

.print_buttons .trans_sec { float:right; padding:50px 0px 0px 0px; margin:0px; position:relative;}
.print_buttons .trans_sec .blue_btn_submit input[type="submit"] { margin:0px 10px 0px 10px; min-width:93px;}
.print_buttons .trans_sec .pop_txt_2 { position:absolute; left:50px; top:15px; background:url(../img/l_left.png) left 10px no-repeat; padding:0px 0px 0px 20px;}
.print_buttons .trans_sec .pop_txt_2 span { display:block; padding:0px 20px 5px 0px; margin:0px; background:url(../img/l_right.png) right 10px no-repeat;}

.popup_box .print_sec { padding:0px; margin:0px;}
.popup_box .print_sec .pri_box { width:66px; margin-right:19px; float:left; text-align:center;}
.popup_box .print_sec .pri_box .pop_txt_2 { padding-bottom:2px;}
.popup_box .print_sec .pri_box a.print { padding:0px; margin:0px; background:url(../img/print_icon.png) left top no-repeat; cursor:pointer; height:66px; width:66px; display:block;}
.popup_box .print_sec .pri_box a.cancel { padding:0px; margin:0px; background:url(../img/print_icon.png) right top no-repeat; cursor:pointer; height:66px; width:66px; display:block;}






.popup_box .popup_mid_slot .item_mod .mid_1 { padding:0px; margin:0px; width:233px; float:left;} 
.popup_box .popup_mid_slot .item_mod .mid_2 { padding:0px; margin:0px; width:127px; float:left;} 
.popup_box .popup_mid_slot .item_mod .mid_3 { padding:0px; margin:0px; width:90px; float:left;} 


#transparent-div{
    background:url(../img/dark_bg.png) repeat;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1600;
}



@media screen and (max-width:767px) {

.popup_slot { width:360px; margin-left:-180px;}

.popup_box .popup_top_slot { text-align:left;}
.popup_box .popup_top_slot p { width:60px; text-align:left;}
.popup_box .popup_top_slot .inp_box input[type="text"] { width:245px;}
.popup_box .popup_top_slot .top_3 .inp_box input[type="text"] { width:245px;}
.popup_box .popup_top_slot .top_1 { width:auto; float:none;}
.popup_box .popup_top_slot .top_2 { width:auto; float:none; margin:10px 0px;}
.popup_box .popup_top_slot .top_3 { width:auto; float:none;}


.popup_box .popup_mid_slot {}
.popup_box .popup_mid_slot .pop_txt_2 { font-size:18px;}
.popup_box .popup_mid_slot .inp_box input[type="text"] { width:314px;}
.popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:left; font-size:18px;}
.popup_box .popup_mid_slot .item_mod { width:auto; margin:0px; padding-bottom:15px;}
.popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:10px;}
.popup_box .popup_mid_slot .item_mod .mid_1 { width:auto; float:none;}
.popup_box .popup_mid_slot .item_mod .mid_2 { width:auto; float:none; margin:5px 0px 5px 0px;}
.popup_box .popup_mid_slot .item_mod .mid_3 { width:auto; float:none;}

.popup_box .popup_stats { text-align:left;}
.popup_box .popup_stats p { padding:0px 0px 5px 0px; display:block;}
.popup_box .popup_stats .out_for { width:auto; display:block;}
.print_buttons  .trans_sec .blue_btn_submit { margin-bottom:7px;}


}

@media screen and (max-width:460px) {

.popup_slot { width:270px; margin-left:-137px;}
.popup_box .popup_top_slot .inp_box input[type="text"] { width:225px;}
.popup_box .popup_top_slot .top_3 .inp_box input[type="text"] { width:225px;}

.popup_box .popup_mid_slot .inp_box input[type="text"] { width:225px;}
}


/*end popup page from here*/



/*Start forgot popup page from here*/

.forgot_popup_slot { padding:0px; margin:0px; background:#fff; border:2px solid #fff; position:absolute; border-radius:30px; overflow:hidden; width:470px; margin-left:-320px; left:50%; top:30%; z-index:2000; -webkit-box-shadow: 0 0 20px 5px #444; box-shadow: 0 0 20px 5px #444; display:none;}
.forgot_popup_slot .close_icon { padding:0px; margin:0px; cursor:pointer; position:absolute; right:20px; top:7px; background:url(../img/close_icon.png) left top no-repeat; height:21px; width:21px;}
.forgot_popup_slot h2 { padding:8px 18px 28px 18px; margin:0px; background:#2a487a; font-size:19px; line-height:20px; font-weight:bold; color:#fff;}
.popup_box { padding:20px; margin:-20px -2px 0px -2px; background:#fff; border-radius:30px; overflow:hidden; }

.popup_box .pop_txt_1 { padding:0px; margin:0px; font-size:20px; font-weight:400; color:#000; line-height:22px;}

.popup_box .inp_box { padding:0px; margin:0px; width: 200px;}
.popup_box .inp_box input[type="text"] { padding:0px 0px 0px 7px; height:23px; line-height:23px; font-size:14px; margin:0px; border:1px solid #231f20; outline:none; width:175px;}


.popup_box .popup_mid_slot { padding:25px 0px 4px 0px; margin:0px; border-bottom:1px solid #929497;}

.popup_box .popup_mid_slot .item_mod { padding:0px 0px 11px 0px; margin:0px auto; width:450px;}
.popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:4px;}

.popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:right; padding-right:33px;margin: 10px 0 0;}



.print_buttons { padding:12px 0px 0px 0px; margin:0px;}


.print_buttons .trans_sec { float:right; padding:50px 0px 0px 0px; margin:0px; position:relative;}
.print_buttons .trans_sec .blue_btn_submit input[type="submit"] { margin:0px 10px 0px 10px; min-width:93px;}

.popup_box .popup_mid_slot .item_mod .mid_1 { padding:0px; margin:0px; width:233px; float:left;} 
.popup_box .popup_mid_slot .item_mod .mid_2 { padding:0px; margin:0px; width:127px; float:left;} 

#transparent-div{
    background:url(../img/dark_bg.png) repeat;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1600;
}



@media screen and (max-width:767px) {

.forgot_popup_slot { width:360px; margin-left:-180px;}

.popup_box .popup_top_slot { text-align:left;}
.popup_box .popup_top_slot p { width:60px; text-align:left;}
.popup_box .popup_top_slot .inp_box input[type="text"] { width:245px;}
.popup_box .popup_top_slot .top_3 .inp_box input[type="text"] { width:245px;}
.popup_box .popup_top_slot .top_1 { width:auto; float:none;}

.popup_box .popup_mid_slot {}

.popup_box .popup_mid_slot .inp_box input[type="text"] { width:314px;}
.popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:left; font-size:18px;}
.popup_box .popup_mid_slot .item_mod { width:auto; margin:0px; padding-bottom:15px;}
.popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:10px;}
.popup_box .popup_mid_slot .item_mod .mid_1 { width:auto; float:none;}
.popup_box .popup_mid_slot .item_mod .mid_2 { width:auto; float:none; margin:5px 0px 5px 0px;}

.print_buttons  .trans_sec .blue_btn_submit { margin-bottom:7px;}


}

@media screen and (max-width:460px) {

.forgot_popup_slot { width:270px; margin-left:-137px;}
.popup_box .popup_top_slot .inp_box input[type="text"] { width:225px;}
.popup_box .popup_top_slot .top_3 .inp_box input[type="text"] { width:225px;}

.popup_box .popup_mid_slot .inp_box input[type="text"] { width:225px;}

}


/*end popup page from here*/


/*Login */

.login_header { color: #FFFFFF; font-style: italic; font-size: 22px; text-align: center; padding-top: 80px; font-weight: 600; }
.login_slot{ margin: 0 auto; padding-top: 5px; text-align: center; width: 420px; }
.login_docks_sec{ background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #231F20; border-radius: 30px; margin: 0 0 11px; overflow: hidden; padding: 0; }
.login_docks_sec h2{ background: none repeat scroll 0 0 #70AADC; color: #FFFFFF; font-size: 19px; font-weight: bold; line-height: 20px; margin: 0; padding: 8px 18px 26px;}
.login_docks_sec h2 span{ background: url("../img/arrow_down.png") no-repeat scroll right 3px rgba(0, 0, 0, 0); cursor: pointer;display: block; }
.login_docks_sec .docks_box{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #231F20 #231F20 -moz-use-text-color; border-image: none; border-radius: 30px; border-style: solid solid none; border-width: 2px 2px medium; margin: -20px 0 0 -2px; overflow: hidden; padding: 0 0 15px; width: 416px; }

.my_login{ margin: 0; padding: 15px 0 0 15px; }
.my_login .inp_box { padding:0px; margin:0px;}
.my_login .inp_box input[type=text], input[type=password] { padding:0px 0px 0px 7px; height:23px; line-height:23px; font-size:14px; margin:0px; border:1px solid #231f20; outline:none; width:120px;}
.my_login .my_sec { padding:0px; margin:7px 0px 0px 0px;}
.my_login .my_sec .my_left { padding:0px; margin:0px 16px 0px 0px; width:175px; float:left; text-align:right;}
.my_login .my_sec .my_mid { padding:0px; margin:0px 20px 0px 0px; width:87px; float:left; position:relative;}
.my_login .my_sec .my_mid .txt_3 { position:absolute; left:5px; top:-26px;}
.my_login .my_sec .my_right { padding:0px; margin:0px 0px 0px 0px; width:26px; float:left;}
.my_login .blue_btn_submit {padding:24px 0px 0px 0px;}
.my_login .blue_btn_submit input[type="submit"] { width:90px; text-align:center; margin:0px 102px 0px 0px; float:right;}


.message_info{ margin-bottom: 10px; color: #008000; font-size: 14px; text-align: center; }
.message_error{ margin-bottom: 10px; color: #D8000C; font-size: 14px; text-align: center; }
.error-message{ margin-bottom: 10px; color: #D8000C; font-size: 14px; text-align: left; width: 349px; }

.forgot_box{ width:150px; }

 @media screen and (max-width:460px) {
.login_slot { width:280px;}
.login_docks_sec .docks_box { width:auto; margin-right:-2px;}
.my_login .my_sec .my_left { width:95px;}
.my_login .my_sec .my_mid { margin:0px; width:auto;}
}
/*End Login*/

/*Admin Add User*/

.admin_nav { padding:0px; margin:0px;}
.admin_nav ul { padding:0px; margin:0px; list-style-type:none;}
.admin_nav ul li { padding:0px; margin:0px 14px 0px 0px; float:left;}
.admin_nav ul li a { padding:0px 5px; margin:0px; display:block; text-decoration:none; min-width:125px; text-align:center; font-size:22px; font-style:italic; font-weight:600; color:#fff; background:#70aadc; height:35px; line-height:35px; border-radius:13px;}
.admin_nav ul li a:hover { background:#fff; color:#ec1c24;}
.admin_nav ul li.active a { background:#fff; color:#ec1c24;}

.admin_mobiie_menu { display:none;}

.user_sec{ padding-top:50px; width:868px;margin:0 auto;}
.user_docks_sec { padding:0px; margin:0px 0px 11px 0px; border:2px solid #231f20; background:#fff; border-radius:30px; overflow:hidden;}
.user_docks_sec h2 { padding:8px 18px 26px 18px; margin:0px; background:#70aadc; font-size:19px; line-height:20px; font-weight:bold; color:#fff;}
.user_docks_sec h2 span { display:block; background:url(../img/arrow_down.png) right 3px no-repeat; cursor:pointer;}
.user_docks_sec .f1px { padding-bottom:51px;}
.user_docks_sec .docks_box { padding:0px 0px 15px 0px; margin:-20px 0px 0px -2px;  border:2px solid #231f20; background:#fff; border-bottom:none; border-radius:30px; width:864px; overflow:hidden;}
.user_docks_sec .docks_box .dock_list ul li { margin-top:15px;}

.user_docks_sec .my_sec .my_left {
    float: left;
    margin: 0 16px 0 0;
    padding: 0;
    text-align: right;
    width: 195px;
}
.user_docks_sec .my_sec .my_mid {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    position: relative;
    width: 87px;
}

.user_docks_sec .inp_box input[type="text"] {
    border: 1px solid #231f20;
    font-size: 14px;
    height: 23px;
    line-height: 23px;
    margin: 0;
    outline: medium none;
    padding: 0 0 0 7px;
    width: 190px;
}

.user_docks_sec .my_sec .my_right {
    float: left;
    margin: -2px 0px 0px 115px;
    padding: 0;
    width: 126px;
}

.user_docks_sec .blue_btn_submit input[type="submit"] {
    float: left;
    margin: 0 102px 0 0;
    text-align: center;
    width: 147px;
}

.user_info{ margin: 0; padding: 15px 0 0 15px; }
.user_info .inp_box { padding:0px; margin:0px;}
.user_info .inp_box_radio { float: left; margin: 0; width: 125px;}
.user_info .inp_box_radio label { width:100px; float:none; }
.user_info .inp_box input[type=password], input[type=text] { padding:0px 0px 0px 7px; height:23px; line-height:23px; margin:0px; border:1px solid #231f20; outline:none; width:350px;}

.user_info .inp_box select { border: 1px solid #B4B5B7; color: #929497; font-size: 17px; margin: 0; padding: 0 5px 0 0; text-align: right; width: 360px; }

.user_info .my_sec { padding:0px; margin:7px 0px 0px 0px;}
.user_info .my_sec .my_left { padding:0px; margin:0px 16px 0px 0px; width:175px; float:left; text-align:right;}
.user_info .my_sec .my_mid { padding:0px; margin:0px 20px 0px 0px; width:87px; float:left; position:relative;}
.user_info .my_sec .my_mid_radio { padding:0px; margin:0px 20px 0px 0px; width:260px; float:left; position:relative;}

.user_info .my_sec .my_mid .txt_3 { position:absolute; left:5px; top:-26px;}
.user_info .my_sec .my_right { padding:0px; margin:0px 0px 0px 0px; width:26px; float:left;}
.user_info .blue_btn_submit {padding:24px 0px 0px 0px;}
.user_info .blue_btn_submit input[type="submit"] { float: left; margin: 5px 16px 5px 153px; text-align: center; width: 90px;}

.cancel_edit_user_box{ float: left; margin: 5px 16px 5px 153px; text-align: center; width: 90px; }

 @media screen and (max-width:1005px) {
.user_sec { width:auto;}
.user_docks_sec .docks_box { width:auto; margin-right:-2px;}
.user_info .my_sec .my_left { width:auto;}
.user_info .my_sec .my_mid { margin:0px; width:auto;}
.user_info .inp_box input[type=password], input[type=text] {width:auto;}

.user_info .inp_box select { width: auto; }


.admin_nav { position:relative; height:50px; background:#1f3458; border:2px solid #375588; border-radius:25px; z-index:160;}
.admin_nav .grid_nav{ background:url(../img/grid_nav.png) left center no-repeat; width:44px; height:34px; cursor:pointer; position:absolute; right:7px; top:8px;}
.admin_nav .grid_active { background:#08478c url(../img/grid_nav.png) left center no-repeat;}
.admin_mobiie_menu { font-size:18px; font-weight:700; height:50px; line-height:46px; color:#fff; display:block; cursor:pointer; padding:0px 17px 0px 17px;}

.admin_nav ul { position:absolute; left:0px; top:50px; width:100%; background:#375588; overflow:hidden; border-radius:25px; display:none;}
.admin_nav ul li { float:none; padding:0px 0px 1px 1px; margin:0px;}
.admin_nav ul li a { border-radius:0px;}
.admin_nav ul li:first-child { padding-top:1px;}


}
/*end Admin Add User*/




/*start location page from here*/
.location_slot { padding:0px; margin:0px;}
.location_slot .loc_left { padding:0px; margin:0px; width:563px; float:left;}
.location_slot .loc_left .docks_sec .docks_box { width:560px;}
.location_slot .loc_right { padding:0px; margin:0px; width:563px; float:right;}
.location_slot .loc_right .docks_sec .docks_box { width:560px;}

.location_slot .loc_left .docks_sec h2 { background-position:94% 11px;}
.location_slot .loc_right .docks_sec h2 { background-position:97% 11px;}
.location_slot .loc_right .ryder_logo { padding-bottom:30px;}

.my_location { padding:15px 0px 0px 15px; margin:0px;}
.my_location .txt_1 { padding:0px 0px 40px 0px; margin:0px; font-size:20px; font-weight:700; color:#929497; line-height:22px;}
.my_location .txt_1 span { color:#231f20;}
.my_location .txt_2 { padding:0px; margin:0px; font-size:15px; font-weight:400; color:#000; line-height:22px;}
.my_location .txt_3 { padding:0px; margin:0px; font-size:16px; font-weight:400; color:#000; line-height:22px;}

.my_location .del_btn { padding:0px; margin:0px; width:26px; height:29px;}
.my_location .del_btn a { background:url(../img/delete.png) left top no-repeat; height:29px; width:26px; display:block; cursor:pointer;}

.my_location .blue_btn_submit {padding:24px 0px 0px 0px;}
.my_location .blue_btn_submit input[type="submit"] { width:147px; text-align:center; margin:0px 102px 0px 5px; float:left;}

.my_location  select { padding:0px 5px 0px 0px; margin:0px 0px 0px 0px; border:1px solid #b4b5b7; font-size:17px; color:#929497; width:300px; text-align:left;}

.loc_left  .inp_box { padding:0px; margin:0px;}
.loc_left  .inp_box input[type="text"] { padding:0px 0px 0px 7px; height:23px; line-height:23px; font-size:14px; margin:0px; border:1px solid #231f20; outline:none; width:290px;}

.tr_textbox input[type=text] { padding:0px 0px 0px 7px;margin: 1px;height:23px; line-height:23px;border:1px solid #231f20; outline:none; width:78px;}

.loc_right  .inp_box { padding:0px; margin:0px;}
.loc_right  .inp_box input[type="text"] { padding:0px 0px 0px 7px; height:23px; line-height:23px; font-size:14px; margin:0px; border:1px solid #231f20; outline:none; width:100px;}

.trans_sec { padding:26px 0px 0px 0px; margin:0px; text-align:right;}
.trans_sec .blue_btn_submit {margin:0px; padding:0px; display:inline; display:inline-block;}
.trans_sec .blue_btn_submit input[type="submit"] { margin:0px 20px 0px 50px; padding:0px 10px; width:auto;}

.my_location .my_sec { padding:0px; margin:7px 0px 0px 0px;}
.my_location .my_sec .my_left { padding:0px; margin:0px 16px 0px 0px; width:195px; float:left; text-align:right;}
.my_location .my_sec .my_mid { padding:0px; margin:0px 20px 0px 0px; width:87px; float:left; position:relative;}
.my_location .my_sec .my_mid .txt_3 { position:absolute; left:5px; top:-26px;}
.my_location .my_sec .my_right {  float: left; margin: -25px 0 0; padding: 0;width: 150px;}

.slect_mng { text-align:right; padding:0px 40px 40px 0px; margin:0px;}
.slect_mng .txt_1 { display:inline-block; padding:0px;}
.slect_mng select {  display:inline-block;}

.loc_mng_left { padding:0px; margin:0px; text-align:left!important;}

.radio_status { padding:0px; margin:0px; width:95px; float:left; position:relative;}
.radio_status .txt_stat { padding:0px; margin:0px; font-size:16px; line-height:12px; text-align:center; position:absolute; width:100%; top:-55px; left:0px;}
/*.radio_status .txt_sm { padding:0px; margin:0px; font-size:14px; line-height:12px; text-align:center; position:absolute; width:100%; top:-34px; left:0px;}*/
.radio_status .rad_sec .radio { float:none; margin:0 auto;}
.radio_status .rad_sec { padding:0px; margin:0px;}
.radio_status .rad_sec .rad_left { padding:0px; margin:0px; float:left; width:45px; position:relative;}
.radio_status .rad_sec .rad_right { padding:0px; margin:0px; float:right; width:45px; position:relative;}

/*********** for radio_button and checkbox***************/

.radio {
    height:23px;
    width:23px!important;
    clear:left;
    float:left;
    margin:0px;
    padding: 0 0 0 0px;
    background:url(../img/radio.png) no-repeat;
    cursor: default;
}
.checkbox {
    height: 17px;
    width: 17px!important;
    clear:left;
    float:left;
    margin:0px;
    padding:0px;
    background:url(../img/checkbox_button.png) no-repeat;
    cursor: default;
    text-align:left;
}
.checkbox input,.radio input {
    display: none;
}
.checkbox input.show,.radio input.show {
    display: inline;
}
.selected {
    background-position: 0 -52px;
}
.block {
    width: 50%;
    float: left;
}
label {
    padding-left:10px;
    float:left;
    text-align:left;
}

/*********** for radio_button and checkbox***************/

/****custom css *****/
.loc_rad_sec{
    margin: 7px 0 0 207px;
    padding: 0;
}
.loc_rad_sec label{
    padding-left:5px;
    padding-right: 16px;
    float:none;
}

.loc_radio{
    float:left;
}
.loc_cancel {
    float: left;
    width: 153px;
}
.loc_cancel_right{
float:left;
}
.loc_radio_right{
float:left;
margin-left:35px;
}
.loc_rad_sec span
{
padding-left:10px;
}
 .cancle_link{
 padding:30px 30px 30px 48px !important;
 }
 /********* end here*/

 .location_docks_sec {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #231f20;
    border-radius: 30px;
    margin: 0 0 11px;
    overflow: hidden;
    padding: 0;
}

.location_docks_sec h2 {
    background: none repeat scroll 0 0 #70aadc;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    padding: 8px 18px 26px;
}

.location_docks_sec h2 span {
    background: url("../img/arrow_down.png") no-repeat scroll right 3px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
}
.location_docks_sec .docks_box {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #231f20 #231f20 -moz-use-text-color;
    border-image: none;
    border-radius: 30px;
    border-style: solid solid none;
    border-width: 2px 2px medium;
    margin: -20px 0 0 -2px;
    overflow: hidden;
    padding: 0 0 15px;
    width: 1144px;
}

.location_docks_sec .my_sec {
    margin: 7px 0 0;
    padding: 0;
}

.location_docks_sec .my_sec .my_left {
    float: left;
    margin: 0 16px 0 0;
    padding: 0;
    text-align: right;
    width: 195px;
}
.location_docks_sec .my_sec .my_mid {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    position: relative;
    width: 87px;
}

.location_docks_sec .inp_box input[type="text"] {
    border: 1px solid #231f20;
    font-size: 14px;
    height: 23px;
    line-height: 23px;
    margin: 0;
    outline: medium none;
    padding: 0 0 0 7px;
    width: 190px;
}

.location_docks_sec .my_sec .my_right {
    float: left;
    margin: -2px 0px 0px 115px;
    padding: 0;
    width: 126px;
}

.location_docks_sec .blue_btn_submit input[type="submit"] {
    float: left;
    margin: 0 102px 0 0;
    text-align: center;
    width: 147px;
}

@media screen and (max-width:770px) {

.loc_left  .inp_box input[type="text"], input[type=text] {width: auto;}
.loc_left  select{width: auto;}
.location_slot .loc_left {width: 290px;}
.location_slot .loc_left .docks_sec .docks_box {width:290px;;}
.location_slot .loc_right{margin: 10px 0 0 0;  width: 290px;}
.location_slot .loc_right .docks_sec .docks_box {width: auto;}
.loc_rad_sec {margin: 0px;}
.location_docks_sec .docks_box {width: auto;margin-right: -2px;}

.location_docks_sec .my_sec .my_right {width: auto; margin: 5px 0px 0px 44px;}
.location_docks_sec .blue_btn_submit input[type="submit"] {width: 147px;}
.docks_sec h2 { width:auto;}
}
/*end location page from here*/



/*start product page from here*/
.products_docks_sec {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #231f20;
    border-radius: 30px;
    margin: 0 0 11px;
    overflow: hidden;
    padding: 0;
    }
.products_docks_sec h2 {
    background: none repeat scroll 0 0 #70aadc;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    padding: 8px 18px 26px;
}
.products_docks_sec h2 span { display:block; background:url(../img/arrow_down.png) right 3px no-repeat; cursor:pointer;}
.products_docks_sec .products_docks_box {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #231f20 #231f20 -moz-use-text-color;
    border-image: none;
    border-radius: 30px;
    border-style: solid solid none;
    border-width: 2px 2px medium;
    margin: -20px 0 0 -2px;
    overflow: hidden;
    padding: 0 0 15px;
    width: 1145px;
}
@media screen and (max-width:770px) {

.loc_left  .inp_box input[type="text"], input[type=text] {width: auto;}
.loc_left  select{width: auto;}
.products_docks_sec .docks_box {width: auto;margin-right: -2px;}



}

/*end product page from here*/

/*Admin */
#content{padding: 10px; overflow:auto !important;}
#content h2 {color:#0085cc;}
#content table {border:2px solid #cfcfcf; border-collapse:collapse !important;}
#content table th {border-right:1px solid #0074B3; background-color:#0085cc; color:#fff; padding: 5px;}
#content table th a{color:#fff;}
#content table td {border:1px solid #cfcfcf; padding: 5px;}
#content table tr.bg td, #content table tr.bg td a, #content table tr.odd td {background-color:#e8f6ff; color:#0074B3;}


#content table tr.bg td  span.current {color: #000000; font-weight: bold;}

#content table.tablesorter th.headerSortUp, #content table.tablesorter th.headerSortDown {background-color:#0074B3;}

#content table.tablesorter th a.asc:after {padding-left:3px; text-decoration:none; }
#content table.tablesorter th a.desc:after {padding-left:3px; text-decoration:none;}



#content dl dt {color:#df0000;}
#content fieldset {border:1px solid #ccc; background:#fff; min-height: 500px;}
#content fieldset.forgot_pass {margin: auto;width: 500px;}

#content legend {color:#0085cc; font-size: 16px;}
#content label.verror {color:#D00;}
#content acronym, #content abbr, #content .help {border-bottom:1px dotted #cfcfcf;}

/*End admin*/


 /*Start confirmation popup page from here*/

.confirmation_popup_slot { padding:0px; margin:0px; background:#fff; border:2px solid #fff; position:absolute; border-radius:30px; overflow:hidden; width:470px; margin-left:-320px; left:50%; top:30%; z-index:2000; -webkit-box-shadow: 0 0 20px 5px #444; box-shadow: 0 0 20px 5px #444; display:none;}
.confirmation_popup_slot .close_icon { padding:0px; margin:0px; cursor:pointer; position:absolute; right:20px; top:7px; background:url(../img/close_icon.png) left top no-repeat; height:21px; width:21px;}
.confirmation_popup_slot h2 { padding:8px 18px 28px 18px; margin:0px; background:#2a487a; font-size:19px; line-height:20px; font-weight:bold; color:#fff;}
.confirmation_popup_box { padding:20px; margin:-20px -2px 0px -2px; background:#fff; border-radius:30px; overflow:hidden; }

.confirmation_popup_box .popup_mid_slot { padding:25px 0px 4px 0px; margin:0px; border-bottom:1px solid #929497;}
.confirmation_popup_box .popup_mid_slot .item_mod { padding:0px 0px 11px 0px; margin:0px auto; width:450px;}
.confirmation_popup_box .popup_mid_slot .item_mod .mid_1 { padding:0px; margin:0px; width:445px; float:left;} 
.confirmation_popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:center; padding-right:33px;}
.confirmation_popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:4px;}

@media screen and (max-width:767px) {

.confirmation_popup_slot { width:360px; margin-left:-180px;}
.confirmation_popup_box .popup_mid_slot {}
.confirmation_popup_box .popup_mid_slot .item_mod { width:auto; margin:0px; padding-bottom:15px;}
.confirmation_popup_box .popup_mid_slot .item_mod .mid_1 { width:auto; float:none;}
.confirmation_popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:left; font-size:18px;}
.confirmation_popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:10px;}
.blue_btn_submit { margin-bottom:7px;}
}

@media screen and (max-width:460px) {

.confirmation_popup_slot { width:270px; margin-left:-137px;}
.trans_sec .blue_btn_submit {margin-top: 10px;}

.trans_sec {padding: 3px 0 0;text-align: right;}
}
/*end confirmation page from here*/

/* to add the class in link on the display grid page  */
.home_link{
padding:10px;

}
.td_center{
text-align:center;
}


.dock_empty {
    height: 193px;
    text-align: center;
}

.dock_add_tra{
    padding-bottom:10px;
}

.dock_add_tra label {
 float: none; 
}

.inp_qty_order { width:80px !important;}

.inp_qty_sent { width:80px !important;}
.dock_add_tra_loc{
    padding-left:75px;
}
.dock_add_tra select {
    border: 1px solid #B4B5B7;
    color: #929497;
    font-size: 17px;
    margin: 0;
    padding: 0 5px 0 0;
    text-align: left;
    width: 250px;
}

@media screen and (max-width:460px) {
    .dock_add_tra select{
        width: auto;
    }
}



/*Start popup page from here*/

.ready_popup_slot { padding:0px; margin:0px; background:#fff; border:2px solid #fff; position:absolute; border-radius:30px; overflow:hidden; width:640px; margin-left:-320px; left:50%; top:30%; z-index:2000; -webkit-box-shadow: 0 0 20px 5px #444; box-shadow: 0 0 20px 5px #444; display:none;}
.ready_popup_slot .close_icon { padding:0px; margin:0px; cursor:pointer; position:absolute; right:20px; top:7px; background:url(../img/close_icon.png) left top no-repeat; height:21px; width:21px;}
.ready_popup_slot h2 { padding:8px 18px 28px 18px; margin:0px; background:#2a487a; font-size:19px; line-height:20px; font-weight:bold; color:#fff;}
.ready_popup_box { padding:20px; margin:-20px -2px 0px -2px; background:#fff; border-radius:30px; overflow:hidden; }

.ready_popup_box .pop_txt_1 { padding:0px; margin:0px; font-size:20px; font-weight:400; color:#000; line-height:22px;}
.ready_popup_box .pop_txt_2 { padding:0px; margin:0px; font-size:16px; font-weight:400; color:#000; line-height:22px;}

.ready_popup_box .inp_box { padding:0px; margin:0px;}
.ready_popup_box .inp_box input[type="text"] { padding:0px 0px 0px 7px; height:23px; line-height:23px; font-size:14px; margin:0px; border:1px solid #231f20; outline:none; width:78px;}

.ready_popup_box .popup_top_slot { padding:0px 0px 15px 0px; margin:0px; border-bottom:1px solid #929497; text-align:right;}
.ready_popup_box .popup_top_slot .top_1 { padding:0px; margin:0px; width:180px; float:left;} 
.ready_popup_box .popup_top_slot .top_2 { padding:0px; margin:0px; width:183px; float:left;} 
.ready_popup_box .popup_top_slot .top_3 { padding:0px; margin:0px; width:205px; float:left;} 
.ready_popup_box .popup_top_slot .top_3 .inp_box input[type="text"] { width:120px;}


.ready_popup_box .popup_top_slot .inp_box { display:inline-block;}
.ready_popup_box .popup_top_slot p { display:inline-block; text-align:right; padding-right:5px;}
.ready_popup_box .popup_top_slot .inp_box input[type="text"] { width:88px;}

.ready_popup_box .popup_mid_slot { padding:25px 0px 4px 0px; margin:0px; border-bottom:1px solid #929497;}

.ready_popup_box .popup_mid_slot .item_mod { padding:0px 0px 11px 0px; margin:0px auto; width:450px;}
.ready_popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:4px;}

.ready_popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:right; padding-right:15px;}

.ready_popup_box .popup_stats { padding:15px 5px 0px 0px; margin:0px; text-align:right;}
.ready_popup_box .popup_stats p { display:inline-block; padding-right:3px;}
.ready_popup_box .popup_stats .out_for { font-size:16px; color:#fff; line-height:21px; background:#70aadc; border:1px solid #313943; padding:0px 0px 0px 6px; margin:0px; width:253px; display:inline-block; text-align:left;}


.print_buttons { padding:12px 0px 0px 0px; margin:0px;}
.print_buttons .print_sec { float:left;}

.print_buttons .trans_sec { float:right; padding:50px 0px 0px 0px; margin:0px; position:relative;}
.print_buttons .trans_sec .blue_btn_submit input[type="submit"] { margin:0px 10px 0px 10px; min-width:93px;}
.print_buttons .trans_sec .pop_txt_2 { position:absolute; left:50px; top:15px; background:url(../img/l_left.png) left 10px no-repeat; padding:0px 0px 0px 20px;}
.print_buttons .trans_sec .pop_txt_2 span { display:block; padding:0px 20px 5px 0px; margin:0px; background:url(../img/l_right.png) right 10px no-repeat;}

.ready_popup_box .print_sec { padding:0px; margin:0px;}
.ready_popup_box .print_sec .pri_box { width:66px; margin-right:19px; float:left; text-align:center;}
.ready_popup_box .print_sec .pri_box .pop_txt_2 { padding-bottom:2px;}
.ready_popup_box .print_sec .pri_box a.print { padding:0px; margin:0px; background:url(../img/print_icon.png) left top no-repeat; cursor:pointer; height:66px; width:66px; display:block;}
.ready_popup_box .print_sec .pri_box a.cancel { padding:0px; margin:0px; background:url(../img/print_icon.png) right top no-repeat; cursor:pointer; height:66px; width:66px; display:block;}






.ready_popup_box .popup_mid_slot .item_mod .mid_1 { padding:0px; margin:0px; width:233px; float:left;} 
.ready_popup_box .popup_mid_slot .item_mod .mid_2 { padding:0px; margin:0px; width:127px; float:left;} 
.ready_popup_box .popup_mid_slot .item_mod .mid_3 { padding:0px; margin:0px; width:90px; float:left;} 


/*Inbound popup Start*/
.view_popup_slot_inbound { padding:0px; margin:0px; background:#fff; border:2px solid #fff; position:absolute; border-radius:30px; overflow:hidden; width:610px; margin-left:-320px; left:50%; top:30%; z-index:2000; -webkit-box-shadow: 0 0 20px 5px #444; box-shadow: 0 0 20px 5px #444; display:none;}
.view_popup_slot_inbound .close_icon { padding:0px; margin:0px; cursor:pointer; position:absolute; right:20px; top:7px; background:url(../img/close_icon.png) left top no-repeat; height:21px; width:21px;}
.view_popup_slot_inbound h2 { padding:8px 18px 28px 18px; margin:0px; background:#2a487a; font-size:19px; line-height:20px; font-weight:bold; color:#fff;}
.view_popup_box_inbound { padding:20px; margin:-20px -2px 0px -2px; background:#fff; border-radius:30px; overflow:hidden; }

.view_popup_box_inbound .popup_mid_slot { padding:25px 0px 4px 0px; margin:0px; border-bottom:1px solid #929497;}
.view_popup_box_inbound .popup_mid_slot .item_mod { padding:0px 0px 11px 0px; margin:0px auto; width:450px;}
.view_popup_box_inbound .popup_mid_slot .item_mod .mid_1 { padding:0px; margin:0px; width:445px; float:left;} 
.view_popup_box_inbound .popup_mid_slot .item_mod .pop_txt_1 { text-align:center; padding-right:33px;}
.view_popup_box_inbound .popup_mid_slot .item_mod:first-child { padding-bottom:4px;}


@media screen and (max-width:767px) {

.view_popup_slot_inbound { width:360px; margin-left:-180px;}
.view_popup_box_inbound .popup_mid_slot {}
.view_popup_box_inbound .popup_mid_slot .item_mod { width:auto; margin:0px; padding-bottom:15px;}
.view_popup_box_inbound .popup_mid_slot .item_mod .mid_1 { width:auto; float:none;}
.view_popup_box_inbound .popup_mid_slot .item_mod .pop_txt_1 { text-align:left; font-size:18px;}
.view_popup_box_inbound .popup_mid_slot .item_mod:first-child { padding-bottom:10px;}
.blue_btn_submit { margin-bottom:7px;}
}

@media screen and (max-width:460px) {
.view_popup_slot_inbound { width:270px; margin-left:-137px;}
.trans_sec .blue_btn_submit {margin-top: 10px;}

.trans_sec {padding: 3px 0 0;text-align: right;}
}

/*Inbound popup end*/


 /*Start view popup page from here*/

.view_popup_slot { padding:0px; margin:0px; background:#fff; border:2px solid #fff; position:absolute; border-radius:30px; overflow:hidden; width:470px; margin-left:-320px; left:50%; top:30%; z-index:2000; -webkit-box-shadow: 0 0 20px 5px #444; box-shadow: 0 0 20px 5px #444; display:none;}
.view_popup_slot .close_icon { padding:0px; margin:0px; cursor:pointer; position:absolute; right:20px; top:7px; background:url(../img/close_icon.png) left top no-repeat; height:21px; width:21px;}
.view_popup_slot h2 { padding:8px 18px 28px 18px; margin:0px; background:#2a487a; font-size:19px; line-height:20px; font-weight:bold; color:#fff;}
.view_popup_box { padding:20px; margin:-20px -2px 0px -2px; background:#fff; border-radius:30px; overflow:hidden; }

.view_popup_box .popup_mid_slot { padding:25px 0px 4px 0px; margin:0px; border-bottom:1px solid #929497;}
.view_popup_box .popup_mid_slot .item_mod { padding:0px 0px 11px 0px; margin:0px auto; width:450px;}
.view_popup_box .popup_mid_slot .item_mod .mid_1 { padding:0px; margin:0px; width:445px; float:left;} 
.view_popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:center; padding-right:33px;}
.view_popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:4px;}

@media screen and (max-width:767px) {

.view_popup_slot { width:360px; margin-left:-180px;}
.view_popup_box .popup_mid_slot {}
.view_popup_box .popup_mid_slot .item_mod { width:auto; margin:0px; padding-bottom:15px;}
.view_popup_box .popup_mid_slot .item_mod .mid_1 { width:auto; float:none;}
.view_popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:left; font-size:18px;}
.view_popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:10px;}
.blue_btn_submit { margin-bottom:7px;}
}

@media screen and (max-width:460px) {

.view_popup_slot { width:270px; margin-left:-137px;}
.trans_sec .blue_btn_submit {margin-top: 10px;}

.trans_sec {padding: 3px 0 0;text-align: right;}
}
/*end view page from here*/


 /*Start view popup page from here*/

.leave_popup_slot { padding:0px; margin:0px; background:#fff; border:2px solid #fff; position:absolute; border-radius:30px; overflow:hidden; width:470px; margin-left:-320px; left:50%; top:30%; z-index:2000; -webkit-box-shadow: 0 0 20px 5px #444; box-shadow: 0 0 20px 5px #444; display:none;}
.leave_popup_slot .close_icon { padding:0px; margin:0px; cursor:pointer; position:absolute; right:20px; top:7px; background:url(../img/close_icon.png) left top no-repeat; height:21px; width:21px;}
.leave_popup_slot h2 { padding:8px 18px 28px 18px; margin:0px; background:#2a487a; font-size:19px; line-height:20px; font-weight:bold; color:#fff;}
.leave_popup_box { padding:20px; margin:-20px -2px 0px -2px; background:#fff; border-radius:30px; overflow:hidden; }

.leave_popup_box .popup_mid_slot { padding:25px 0px 4px 0px; margin:0px; border-bottom:1px solid #929497;}
.leave_popup_box .popup_mid_slot .item_mod { padding:0px 0px 11px 0px; margin:0px auto; width:450px;}
.leave_popup_box .popup_mid_slot .item_mod .mid_1 { padding:0px; margin:0px; width:445px; float:left;} 
.leave_popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:center; padding-right:33px;}
.leave_popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:4px;}

@media screen and (max-width:767px) {

.leave_popup_slot { width:360px; margin-left:-180px;}
.leave_popup_box .popup_mid_slot {}
.leave_popup_box .popup_mid_slot .item_mod { width:auto; margin:0px; padding-bottom:15px;}
.leave_popup_box .popup_mid_slot .item_mod .mid_1 { width:auto; float:none;}
.leave_popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:left; font-size:18px;}
.leave_popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:10px;}
.blue_btn_submit { margin-bottom:7px;}
}

@media screen and (max-width:460px) {

.leave_popup_slot { width:270px; margin-left:-137px;}
.trans_sec .blue_btn_submit {margin-top: 10px;}

.trans_sec {padding: 3px 0 0;text-align: right;}
}
/*end view page from here*/


.driver_input{
color: #231F20;
font-size: 16px;
height: 23px;
line-height: 23px;
margin: 0;
outline: medium none;
padding: 0 0 0 7px;
}

.inp_box_temp {
    border: 1px solid #231F20;
    float: left;
    width: 80px;
}


 /*Start confirmation popup page from here*/

.confirmation_popup_slot_cancel { padding:0px; margin:0px; background:#fff; border:2px solid #fff; position:absolute; border-radius:30px; overflow:hidden; width:470px; margin-left:-320px; left:50%; top:30%; z-index:2000; -webkit-box-shadow: 0 0 20px 5px #444; box-shadow: 0 0 20px 5px #444; display:none;}
.confirmation_popup_slot_cancel .close_icon { padding:0px; margin:0px; cursor:pointer; position:absolute; right:20px; top:7px; background:url(../img/close_icon.png) left top no-repeat; height:21px; width:21px;}
.confirmation_popup_slot_cancel h2 { padding:8px 18px 28px 18px; margin:0px; background:#2a487a; font-size:19px; line-height:20px; font-weight:bold; color:#fff;}
.confirmation_popup_box { padding:20px; margin:-20px -2px 0px -2px; background:#fff; border-radius:30px; overflow:hidden; }

.confirmation_popup_box .popup_mid_slot { padding:25px 0px 4px 0px; margin:0px; border-bottom:1px solid #929497;}
.confirmation_popup_box .popup_mid_slot .item_mod { padding:0px 0px 11px 0px; margin:0px auto; width:450px;}
.confirmation_popup_box .popup_mid_slot .item_mod .mid_1 { padding:0px; margin:0px; width:445px; float:left;} 
.confirmation_popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:center; padding-right:33px;}
.confirmation_popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:4px;}

@media screen and (max-width:767px) {

.confirmation_popup_slot_cancel { width:360px; margin-left:-180px;}
.confirmation_popup_box .popup_mid_slot {}
.confirmation_popup_box .popup_mid_slot .item_mod { width:auto; margin:0px; padding-bottom:15px;}
.confirmation_popup_box .popup_mid_slot .item_mod .mid_1 { width:auto; float:none;}
.confirmation_popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:left; font-size:18px;}
.confirmation_popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:10px;}
.blue_btn_submit { margin-bottom:7px;}
}

@media screen and (max-width:460px) {

.confirmation_popup_slot_cancel { width:270px; margin-left:-137px;}
.trans_sec .blue_btn_submit {margin-top: 10px;}

.trans_sec {padding: 3px 0 0;text-align: right;}
}
/*end confirmation page from here*/





/*Start Ready popup page from here*/

.ready_popup_slot { padding:0px; margin:0px; background:#fff; border:2px solid #fff; position:absolute; border-radius:30px; overflow:hidden; width:640px; margin-left:-320px; left:50%; top:30%; z-index:2000; -webkit-box-shadow: 0 0 20px 5px #444; box-shadow: 0 0 20px 5px #444; display:none;}
.ready_popup_slot .close_icon { padding:0px; margin:0px; cursor:pointer; position:absolute; right:20px; top:7px; background:url(../img/close_icon.png) left top no-repeat; height:21px; width:21px;}
.ready_popup_slot h2 { padding:8px 20px 35px; margin:0px; background:#2a487a; font-size:19px; line-height:20px; font-weight:bold; color:#fff;}
.ready_popup_box { padding:20px; margin:-20px -2px 0px -2px; background:#fff; border-radius:30px; overflow:hidden; }

.ready_popup_box .pop_txt_1 { padding:0px; margin:0px; font-size:20px; font-weight:400; color:#000; line-height:22px;}
.ready_popup_box .pop_txt_2 { padding:0px; margin:0px; font-size:16px; font-weight:400; color:#000; line-height:22px;}

.ready_popup_box .inp_box { padding:0px; margin:0px;}
.ready_popup_box .inp_box input[type="text"] { padding:0px 0px 0px 7px; height:23px; line-height:23px; font-size:14px; margin:0px; border:1px solid #231f20; outline:none; width:78px;}

.ready_popup_box .popup_top_slot { padding:0px 0px 15px 0px; margin:0px; border-bottom:1px solid #929497; text-align:right;}
.ready_popup_box .popup_top_slot .top_1 { padding:0px; margin:0px; width:180px; float:left;} 
.ready_popup_box .popup_top_slot .top_2 { padding:0px; margin:0px; width:183px; float:left;} 
.ready_popup_box .popup_top_slot .top_3 { padding:0px; margin:0px; width:205px; float:left;} 
.ready_popup_box .popup_top_slot .top_3 .inp_box input[type="text"] { width:120px;}


.ready_popup_box .popup_top_slot .inp_box { display:inline-block;}
.ready_popup_box .popup_top_slot p { display:inline-block; text-align:right; padding-right:5px;}
.ready_popup_box .popup_top_slot .inp_box input[type="text"] { width:88px;}

.ready_popup_box .popup_mid_slot { padding:25px 0px 4px 0px; margin:0px; border-bottom:1px solid #929497;}

.ready_popup_box .popup_mid_slot .item_mod { padding:0px 0px 11px 0px; margin:0px auto; width:450px;}
.ready_popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:4px;}

.ready_popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:right; padding-right:15px;}

.ready_popup_box .popup_stats { padding:15px 5px 0px 0px; margin:0px; text-align:right;}
.ready_popup_box .popup_stats p { display:inline-block; padding-right:3px;}
.ready_popup_box .popup_stats .out_for { font-size:16px; color:#fff; line-height:21px; background:#70aadc; border:1px solid #313943; padding:0px 0px 0px 6px; margin:0px; width:253px; display:inline-block; text-align:left;}


.print_buttons { padding:12px 0px 0px 0px; margin:0px;}
.print_buttons .print_sec { float:left;}

.print_buttons .trans_sec { float:right; padding:50px 0px 0px 0px; margin:0px; position:relative;}
.print_buttons .trans_sec .blue_btn_submit input[type="submit"] { margin:0px 10px 0px 10px; min-width:93px;}
.print_buttons .trans_sec .pop_txt_2 { position:absolute; left:50px; top:15px; background:url(../img/l_left.png) left 10px no-repeat; padding:0px 0px 0px 20px;}
.print_buttons .trans_sec .pop_txt_2 span { display:block; padding:0px 20px 5px 0px; margin:0px; background:url(../img/l_right.png) right 10px no-repeat;}

.ready_popup_box .print_sec { padding:0px; margin:0px;}
.ready_popup_box .print_sec .pri_box { width:66px; margin-right:19px; float:left; text-align:center;}
.ready_popup_box .print_sec .pri_box .pop_txt_2 { padding-bottom:2px;}
.ready_popup_box .print_sec .pri_box a.print { padding:0px; margin:0px; background:url(../img/print_icon.png) left top no-repeat; cursor:pointer; height:66px; width:66px; display:block;}
.ready_popup_box .print_sec .pri_box a.cancel { padding:0px; margin:0px; background:url(../img/print_icon.png) right top no-repeat; cursor:pointer; height:66px; width:66px; display:block;}






.ready_popup_box .popup_mid_slot .item_mod .mid_1 { padding:0px; margin:0px; width:233px; float:left;} 
.ready_popup_box .popup_mid_slot .item_mod .mid_2 { padding:0px; margin:0px; width:127px; float:left;} 
.ready_popup_box .popup_mid_slot .item_mod .mid_3 { padding:0px; margin:0px; width:90px; float:left;} 


#transparent-div{
    background:url(../img/dark_bg.png) repeat;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1600;
}



@media screen and (max-width:767px) {

.ready_popup_slot { width:360px; margin-left:-180px;}

.ready_popup_box .popup_top_slot { text-align:left;}
.ready_popup_box .popup_top_slot p { width:60px; text-align:left;}
.ready_popup_box .popup_top_slot .inp_box input[type="text"] { width:245px;}
.ready_popup_box .popup_top_slot .top_3 .inp_box input[type="text"] { width:245px;}
.ready_popup_box .popup_top_slot .top_1 { width:auto; float:none;}
.ready_popup_box .popup_top_slot .top_2 { width:auto; float:none; margin:10px 0px;}
.ready_popup_box .popup_top_slot .top_3 { width:auto; float:none;}


.ready_popup_box .popup_mid_slot {}
.ready_popup_box .popup_mid_slot .pop_txt_2 { font-size:18px;}
.ready_popup_box .popup_mid_slot .inp_box input[type="text"] { width:314px;}
.ready_popup_box .popup_mid_slot .item_mod .pop_txt_1 { text-align:left; font-size:18px;}
.ready_popup_box .popup_mid_slot .item_mod { width:auto; margin:0px; padding-bottom:15px;}
.ready_popup_box .popup_mid_slot .item_mod:first-child { padding-bottom:10px;}
.ready_popup_box .popup_mid_slot .item_mod .mid_1 { width:auto; float:none;}
.ready_popup_box .popup_mid_slot .item_mod .mid_2 { width:auto; float:none; margin:5px 0px 5px 0px;}
.ready_popup_box .popup_mid_slot .item_mod .mid_3 { width:auto; float:none;}

.ready_popup_box .popup_stats { text-align:left;}
.ready_popup_box .popup_stats p { padding:0px 0px 5px 0px; display:block;}
.ready_popup_box .popup_stats .out_for { width:auto; display:block;}
.print_buttons  .trans_sec .blue_btn_submit { margin-bottom:7px;}


}

@media screen and (max-width:460px) {

.ready_popup_slot { width:270px; margin-left:-137px;}
.ready_popup_box .popup_top_slot .inp_box input[type="text"] { width:225px;}
.ready_popup_box .popup_top_slot .top_3 .inp_box input[type="text"] { width:225px;}

.ready_popup_box .popup_mid_slot .inp_box input[type="text"] { width:225px;}
}


/*end ready popup page from here*/

.receive_print_text {text-align: center;}

.receive_print_a{ background: url("../img/print_icon.png") no-repeat scroll left top rgba(0, 0, 0, 0); cursor: pointer; display: block; height: 66px; margin: 0; padding: 0; width: 66px;   }




/*Inbound popup Start*/
.view_popup_remove_trailer { padding:0px; margin:0px; background:#fff; border:2px solid #fff; position:absolute; border-radius:30px; overflow:hidden; width:610px; margin-left:-320px; left:50%; top:30%; z-index:2000; -webkit-box-shadow: 0 0 20px 5px #444; box-shadow: 0 0 20px 5px #444; display:none;}
.view_popup_remove_trailer .close_icon { padding:0px; margin:0px; cursor:pointer; position:absolute; right:20px; top:7px; background:url(../img/close_icon.png) left top no-repeat; height:21px; width:21px;}
.view_popup_remove_trailer h2 { padding:8px 18px 28px 18px; margin:0px; background:#2a487a; font-size:19px; line-height:20px; font-weight:bold; color:#fff;}
/*.view_popup_box_inbound { padding:20px; margin:-20px -2px 0px -2px; background:#fff; border-radius:30px; overflow:hidden; }*/

.view_popup_remove_trailer .popup_mid_slot { padding:25px 0px 4px 0px; margin:0px; border-bottom:1px solid #929497;}
.view_popup_remove_trailer .popup_mid_slot .item_mod { padding:0px 0px 11px 0px; margin:0px auto; width:450px;}
.view_popup_remove_trailer .popup_mid_slot .item_mod .mid_1 { padding:0px; margin:0px; width:445px; float:left;} 
.view_popup_remove_trailer .popup_mid_slot .item_mod .pop_txt_1 { text-align:center; padding-right:33px;}
.view_popup_remove_trailer .popup_mid_slot .item_mod:first-child { padding-bottom:4px;}


@media screen and (max-width:767px) {

.view_popup_remove_trailer { width:360px; margin-left:-180px;}
.view_popup_remove_trailer .popup_mid_slot {}
.view_popup_remove_trailer .popup_mid_slot .item_mod { width:auto; margin:0px; padding-bottom:15px;}
.view_popup_remove_trailer .popup_mid_slot .item_mod .mid_1 { width:auto; float:none;}
.view_popup_remove_trailer .popup_mid_slot .item_mod .pop_txt_1 { text-align:left; font-size:18px;}
.view_popup_remove_trailer .popup_mid_slot .item_mod:first-child { padding-bottom:10px;}
.blue_btn_submit { margin-bottom:7px;}
}

@media screen and (max-width:460px) {
.view_popup_remove_trailer { width:270px; margin-left:-137px;}
.trans_sec .blue_btn_submit {margin-top: 10px;}

.trans_sec {padding: 3px 0 0;text-align: right;}
}

/*Inbound popup end*/