/* CSS Document */
/* latin */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat'), url(https://fonts.gstatic.com/s/montserrat/v7/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v7/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*Loading*/
.loading-clsnew.crt-ld{height:auto}
.loading-clsnew{ width: 100%; height: 100vh; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; z-index:99999; overflow: auto; background: rgba(0,0,0,0.8) url(../Images/PreLoaderF.gif) no-repeat center center; }
/*Loading*/
body {font-family: 'Montserrat', sans-serif; font-size:13px; padding:0; }
input, select, textarea { max-width: 100% !important;  font-family: 'Montserrat', sans-serif; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Montserrat', sans-serif;}
.form-control{ background-color:#eee;}
select.form-control {background:#eee url(../images/down-arrow.png) no-repeat center right 1%; padding-right: 20px;
    background-size: 13px;  vertical-align: middle;  -moz-appearance: none;  -webkit-appearance: none;}
.reg-out-blk label{text-transform: uppercase;font-weight: 500;}
h3.main-title-txt { font-size: 24px; font-weight:500; color: #333333; text-align: center;margin: 20px 0 30px 0; }
.reg-out-blk { margin: 10px auto 30px auto; padding: 10px 20px; background: #fff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 0 10px #ccc; width: 100%; text-align: left; }
h4.sub-title-txt, h2.sub-title-txt { background: #37b9ea; padding: 15px; border-radius: 5px; text-align: center; color: #fff; font-weight:500; margin:10px 0 30px 0; }
h2.sub-title-txt{margin-bottom:0;font-size:22px;padding:12px;}
.btn-new { padding: 10px 12px; min-width: 150px; font-size: 16px; border: 0; border-radius: 4px; text-transform: uppercase; font-weight:bold; }
.btn-create1 { background: #37b9e9; color: #fff; min-width: 150px; font-size: 16px; border: 0; border-radius: 4px; text-transform: uppercase; }
.btn-grp {margin-top: 30px;}
.chk-box input[type="checkbox"]{margin: -2px 4px 0 0; vertical-align: middle;}
.field-validation-error{ font-weight:500;}
.bg-theme {
    background: #23bbed;
    color: #fff;
}
/* Title border css start */
.line{background: #0f487b;
    background: -moz-radial-gradient(center, ellipse cover, #0f487b 1%, #005bac 51%, #0f487b 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #0f487b 1%,#005bac 51%,#0f487b 100%);
    background: radial-gradient(ellipse at center, #0f487b 1%,#005bac 51%,#0f487b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f487b', endColorstr='#0f487b',GradientType=1 );
}
.title-line1 .line:before {
    position: absolute;
    content: "";
    width: 60px;
    height: 1px;
    top: 50%;
    left: 0;
    margin: 0 0 0 -80px;
}
/* Title border css start */

/*-------------------------------
            LOGIN STYLES
-------------------------------*/

/* Login New Styles start */
.login-blk{ width: 100% !important;}
.login-blk{clear: both; width: 100%; display: block; position: relative; text-align: left;}
.login-blk input{ width:100% !important;height: 40px;margin-left:0 !important;}
.blk-100{display:block !important;}
.login-blk { border: 1px solid #ccc; max-width: 350px; margin: 40px auto 20px auto; overflow: hidden; min-height: 300px; 
             border-radius: 10px; background: #fff; box-shadow: 0px 0px 10px #999; padding: 30px;}
.login-blk label {text-transform: uppercase; font-size: 18px; color: #515a69; font-weight: 500 !important;}
.login-blk h3.main-title-txt{ margin-top:0;}
.btn-blue { color: #ffffff !important; padding: 8px 12px; background-color: #23bbed; border-color:#23bbed;}
.btn-grp1 { margin-top: 30px;margin-bottom: 10px;}
.btn-grp1 .btn{ margin-bottom:8px;}
a.frgot-pswd {font-size: 16px; color: #989898; margin:2px 0 15px 0; float: left; width: 100%; text-align: center; font-family: 'Montserrat', sans-serif;}
.login-blk a.btn{height: 40px; width: 100%; text-transform: uppercase; line-height: 40px; padding: 0;}
/* Login New Styles end */

/* Custom Header Start */
.top_sec {float: left; clear: both; padding:20px 0;}
.top_secleft img{ max-width:100%; width:150px;}
.top_secright{}
.top_secright ul{ list-style-type:none;}
.top_secright ul li{ display:inline-block; margin-left: 8px;}
.top_secright a {min-width: 100px;}
.nav-cust{ background-color: #23BBED; border-radius:0;}
.nav-cust ul li{ padding:0 16px; border-left:1px solid #006DBB !important;}
.nav-cust ul li:last-child {border-right: 1px solid #006DBB !important;}
.nav-cust ul li a{color:#fff !important; font-size: 14px;}
.nav-cust ul li a:hover, .nav-cust ul li a:focus{ background-color:transparent;}
.navbar-toggle{margin-top: 2px; margin-bottom:0px;}
.navbar-toggle i {color: #fff;font-size: 24px;}
.navbar-toggle:hover, .navbar-toggle:active,.navbar-toggle:focus{ border:0;outline: none;}

/* Custom Header End */

/* Dashboard Styles start */
.content-dshbrd {border: 1px solid #ccc; box-shadow: 0 0 10px #ccc; margin-bottom:50px; overflow: hidden;}
.content-dshbrd img{ max-width:100%;}
.content-dshbrd .panel-body{ padding:10px;}
.content-dshbrd .panel {border: 1px solid #d6d6d6; border-radius: 0;}
.welcome-txt h1{background: #37b9ea; padding: 10px;text-align: center; color: #fff;font-size: 30px; font-weight: 500; margin: 20px 0 20px 0;}
.dshbrd_summary {  }
.dshbrd-spn{ vertical-align:middle;}
.dshbrd_summary .panel {border: 1px solid #d6d6d6; border-radius: 0;margin:15px 0;}
.dshbrd_summary h4 {text-transform: uppercase; font-size: 16px; margin: 0; color: #23bbed;}
.address-blk1 p{font-size: 16px; color: #676767; margin-left: 25px;    margin-top: 10px;  font-weight: normal;}
.txt-usrname{ font-size:20px;}
.txt-red{color:#ea2630;}
.address-blk1{min-height:210px; float: left; width: 100%;}
.address-blk1 .btn-srch{ margin-top:10px; text-align:center; min-width:120px;}
.address-blk1 .btn-srch input { background-color: #37b9e9; background-image: url('../images/ico-aftership.png'); color: #fff; min-width: 150px; font-size: 16px; 
                                padding: 13px 15px 13px 50px !important;float: right;border: 1px solid #37b9e9; background-size: 36px;background-repeat: no-repeat;background-position: 25px center;}
.address-blk1 .form-control{margin: 10px auto 10px auto; height: 50px; border: 2px solid #d6d6d6; padding: 15px; float: left; width: 70%; border-radius: 6px; font-size: 16px; background-color: transparent !important;}

.summary-blkleft{text-align: center;}
.summary-blkleft p{text-transform:uppercase; color:#231f20; font-size:14px; margin:10px 0 0px 0; line-height: 20px !important; font-family: Montserrat;}
.brd-right{/*border-right: 2px solid #d6d6d6;*/}

.summary-blkright{ text-align:center; padding-top:20px; padding-bottom: 15px; border-left: 2px solid #d6d6d6;}
.summary-blkright p{font-size: 14px; text-transform: uppercase; color: #676767;}

.usr-name{font-size: 20px; text-transform: uppercase; color: #4e4e4e; padding:12px 30px 12px 20px;}
.usr-name span{ color:#38b8e8;}
.btn-logout{background: #37b9e9 !important; color: #fff !important; text-transform: uppercase; min-width: 120px; padding: 10px 20px !important; font-size: 16px;}

.sblkright-in{position: relative; padding-top: 10px;}
.order-count { background: url(../images/icon-count-red.png) no-repeat center center; position: absolute; right: 25%; top: -25px; padding: 20px; color: #fff; font-size: 18px; font-weight: bold;}
.order-count1 { background: url(../images/icon-count-red.png) no-repeat center center; position: absolute; right: 5%; top: -25px; padding: 20px; color: #fff; font-size: 18px; font-weight: bold;}

.add-pad-rgt{ padding-right:8px;}
.add-pad-left{ padding-left:8px;}

.summary-blkright img {width: 42px !important; max-width:100%;}
.summary-blkleft img { width: 48px !important; max-width:100%;}
.track-blk{margin-left:25px; margin-top:10px; }

/* Dashboard Styles end */

/*myshippment css start*/
.reg-out-blk {padding:20px 5px;display:inline-block; min-height:100vh;}
h3.shipment {border-bottom: 2px solid #c5c4c4; padding-bottom: 5px;color: #23bbed;text-transform: uppercase;margin:0 0 10px 0;font-size: 22px;}
.myshipp ul.nav li input {background: none; border: none; color: #777; border-bottom: 3px solid #eee;}
.myshipp ul.nav.nav-tabs { border-bottom: none; padding: 0;}
.myshipp .top_secright ul li {margin-left: 0; padding: 0 5px 0 0px;}
.myshipp .top_secright ul li.active input { color: #23bbed; border-bottom: 2px solid #23bbed;}
.myshipp ul.nav li input:focus { outline: 0;}
.addpurchase-bpox .reg-out-blk { overflow: initial; padding: 0; border: none; box-shadow: none;}
.table.history-table tr th {background: #0088cc;font-family: 'Montserrat', sans-serif; font-size: 13px; color: #fff;padding:5px;font-weight:400;}
.table.history-table tbody > tr > td { padding: 5px;vertical-align: top;min-width: 120px;}
.pad-lft{padding-left:0;}
.pad-hor{padding:0;}
.pad-rit{padding-right:0;}
.add-form label{font-size:12px;}
.add-form .col-md-2{width:20%;}
.add-form{margin-top:10px;}
.add-form .btn-blue, .add-form .btn.btn-red{min-width:120px;margin-bottom:10px;}
.error-r{color:red}
.err-val {font-size: 11px;}
.btn.btn-red { background: #f32828; color: #fff; padding: 8px 15px; border-color: #f32828;}
.pop-succ{text-align:center;font-size:18px; color: #3cd83c;}
.pop-succ .btn.btn-blue a{color:#fff;padding:8px 25px;}
.side-links ul li a {color:#333333;font-size: 14px;}
.side-links ul li {
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
}
.side-links ul li.active a:hover {
    background: #23bbed;
}
.side-links ul li.active a {
    background: #23bbed;
    position: relative;
    border-radius: 0px;
}
.side-links ul li.active a:focus{
    background: #23bbed;
}
.side-links ul li.active a:before {
    content: "";
    position: absolute;
    width: auto;
    height: auto;
    border-right: 20px solid #23bbed;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    top: 0;
    left: 0;
    margin-left: -20px;
}
/*.inv-pur-pop .modal-content{border: 6px solid #2CACE2;border-radius: 0px;}*/
/*myshippment css end*/
/*customer information start*/
.cust-info button.btn.btn-blue a {    color: #fff;}
.cust-info button.btn.btn-blue {    margin-top: 20px;    padding: 6px 10px;margin-bottom:10px;}
.edit-btns{margin-bottom:15px;}
.edit-btns input#btnSubmit, .edit-btns input#btnCancel { color: #ffffff !important;padding: 8px 12px;background-color: #23bbed;border-color: #23bbed;border-radius: 3px;border: none;}
.edit-btns input#btnCancel {background: #f32828;    color: #fff;    padding: 8px 15px;   border-color: #f32828;}
table.upload-imge td input {    height: auto;   margin: 5px 5px 10px 10px;}
table.upload-imge {    font-size: 14px;}
/*customer information end*/

/*calculator start*/
.cacl-mr span { margin-left: 10px;font-weight: bold;}
.cacl-mr{margin-top:15px}
.form-group.cacl-mr {margin-bottom: 0px;}
/*calculator end*/

/*pending shipment start*/
.pending-action .ship{background: url(../images/tick_mark.png) no-repeat; border: none; width:25px;height:25px;}
.pending-action .return{background: url(../images/left.png) no-repeat; border: none; width:25px;height:25px;}
.pending-action .keep{background: url(../images/r.png) no-repeat; border: none; width:25px;height:25px;}
.pending-action .discard{background: url(../images/discard.png) no-repeat;  border: none; width:25px;height:25px;}
.pendig-tab tr, .pendig-tab td{/*white-space:nowrap;*/}
.table.history-table.pendig-tab tr th, .table.history-table.pendig-tab tr td{font-weight:400;}
.pend-rep{/*overflow-y:hidden;*/margin-bottom: 10px;}
.pend-rep .table td {padding: 5px;}
.table.pendig-tab{margin-bottom:0px;}
.cls{background: url(../images/close.png) no-repeat;border: none;width: 25px;height: 25px;background-position: center right;}
.change-ad{border:none;background:none;color:#247ba0}
.btn-wid{min-width:120px;padding:8px 0;}
.add-address{margin-bottom:15px;}
.shipping-method label, .finish-shipping label { text-transform: capitalize;}
.finshing { margin-top: 20px;}
table.table.borderless tr td {border: none;padding: 2px 0;}
table.table.borderless{margin-bottom:0px;}
hr.fi-lin{margin:5px 0 0 0;}
.payment-method {
    border: 1px solid #dedede;
    margin-bottom: 15px;
    display: block;
}
.payment-method h4 {
    background: #272727;
    color: #fff;
    display: block;
    padding: 10px;
    margin: 0;
}
.payment-method input[type="checkbox"] {  margin: 2px 5px 0 0;}
.payment-method .paymentopt{padding:10px;}
.payment-method .form-horizontal .control-label {text-align: left;}
h4.checkbox {
    background: #fff;
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #dedede;
}
.payment-method .form-horizontal .form-group{margin-left:0; margin-right:0;}
.feedbacks p{margin:0}
.feedbacks-tbl { margin-top: 30px;}
.feedbacks-tbl .table tr th, .feedbacks-tbl .table tr td:first-child { background: #ddd;font-weight:normal;}
.feedbacks-tbl .table tr th:first-child{background:#fff}
.feedbacks-tbl h4, .feedheading h4 {  font-weight: 700;}
.feedbk-btn{margin:15px 0px;}
/*pending shipment end*/

/*payment success start*/
.paymentsuceesspage { margin-top: 3%; border: 1px solid #dedede; padding: 0;border-radius: 10px;background:#fff;margin-bottom:20px}
.paymentlogo { padding: 10px;border-bottom: 1px solid #dedede; text-align: center;}
.order-info {padding: 5px 30px;}
.order-info h3 {border-bottom: 1px solid #dedede;padding-bottom: 10px;}
label.ord {color: #2cace2;}
.paymen-btn a {color: #ffff;}
.goto-dash { text-align: right; margin-bottom: 15px;}
h2.box-co {color: #23bbed;font-size: 24px;}
/*payment success end*/


/* Contact Us Page */
.required {color: red;}
.contact-page {padding: 10px;}
.contact-page .heading h2 {color: #23bbed;font-weight: 600;}
.contact-page .form-group label {text-transform: uppercase;}
.contact-page .btn {min-width: 120px;font-size: 16px;padding: 6px;}
.contact-page textarea.form-control {height: auto;min-height: 120px;}
/* Contact Us Page */

/* Shippments Page */
.shippments-page .history-table tr td {
    border-color: #a0a0a0;
}
.shippments-page .history-table tr th {
    background: #23bbed;
    font-size: 14px;
    padding: 8px;
    border: 1px solid #a0a0a0 !important;
    font-weight: 400;
    border-right-color: #d4d4d4 !important;
    white-space: nowrap;
}
.shippments-page .history-table tr th:last-child {
    border-right-color: #a0a0a0 !important;
}
.shippments-page .history-table tr > td {
    padding: 8px;
    vertical-align: middle;
}
.shpng_popup .modal-header {
    padding: 10px 15px;
}
.shpng_popup .modal-header .modal-title {
    color: #23bbed;
    font-size: 22px;
}
.shpng_popup .modal-body {
    padding: 10px 15px;
}
.shpng_popup .shpng_btns {
    margin: 5px 0 10px;
}
.shippments-page ul.nav.nav-tabs {
    padding: 0;
}
.shippments-page ul.nav.nav-tabs li input {
    font-size: 14px;
    padding: 5px 12px;
    border-bottom-width: 3px;
    border-bottom-color: #b5b5b5;
}
.shippments-page ul.nav.nav-tabs li.active input {
    border-bottom-width: 3px;
    padding: 5px 12px;
    font-weight: 600;
    border-bottom-color: #23bbed;
}
.shippments-page ul.nav.nav-tabs li:hover input {
    color: #23bbed;
    border-color: #23bbed;
}
.shippments-page .shp_qnty {
    width: 70px;
    margin: 0 auto;
    text-align: center;
}
.shippments-page .pending-action .ship {vertical-align: bottom;}
.shippments-page .pending-action .return {vertical-align: bottom;}
.shippments-page .pending-action .keep {vertical-align: initial;}
.shippments-page .pending-action .discard {vertical-align: top;}
.modal-dialog.success_popup {
    max-width: 380px;
    margin-left:auto;
    margin-left:auto;
}
.success_popup {
    text-align: center;
    font-size: 18px;
}
.success_popup .btn {
    padding: 5px;
    min-width: 80px;
}
.success_popup .modal-header {
    padding: 5px 15px;
}
.shippments-page .history-table.hstry-shpt tr td {
    border-top: 0;
    border-right: 0;
}
.shippments-page .hstry-fltr select.form-control {
    margin: 20px 0;
    min-width: 200px;
    float: right;
    width: auto;
}
/* Shippments Page */
.btn+.btn {margin-left: 5px;} /*for button spacing*/

/* 24-01-2018 */
.modal-dialog{left:0 !important;}
.spl-instrs {margin-top: 10px;}
.spl-instrs .form-control {min-height: 80px;resize: none;}
.shpng-mthd .radio span {vertical-align: inherit;}
.shpng-mthd .radio label {padding-left: 5px;vertical-align: middle;font-weight: 600;font-size: 14px;}
.shpng_popup .shpng_btns .btn {min-width: 100px;}
.stnd-crd {padding: 10px;margin: 0;font-size:16px;}
.stnd-crd input[type="checkbox"] {vertical-align: text-top;}
.stnd-crd input[type=checkbox] { display:none; }
.stnd-crd input[type=checkbox] + label {width: 22px;height: 22px;border: 2px solid #272727;border-radius: 50%;vertical-align: middle;margin-right: 8px;}
.stnd-crd input[type=checkbox]:checked + label:after {content: '';width: 14px;height: 14px;position: absolute;background: #272727;border-radius: 50%;margin: 2px 0px 0px 2px;}

.loading-clsnew.crt-ld.new_load {position: fixed;height: 100%; }

/* 25-01-2018 */
.m-0 {margin: 0!important;}
.d-block {
    display: block;
}
.hstry-shpnt div.dataTables_length select {
    line-height: 20px;
}
.top_secright .hstry-shpnt a {
    color: #333;
    min-width: inherit;
    font-size: 12px;
}
.top_secright .hstry-shpnt ul li.active a {
    background: #23bbed;
    border-color: #c1c1c1;
    color: #fff;
}
.hstry-shpnt input[type=button] {
    /*background: none;*/
    background-color: transparent;
    border: 0;
    color: #0098ca;
}
.shippments-page .hstry-shpnt tr td {
    padding: 8px 10px !important;
}
.stus_popup .modal-body {
    padding: 15px 20px 10px;
}
.stus_popup label.lbl-value {
    border: 1px solid #ccc;
    padding: 5px 10px;
    display: block;
    border-radius: 4px;
    min-height: 30px;
    background: #fbfbfb;
}
.mng-header {
    margin: 15px 0 0;
    overflow: hidden;
}


/* 30-01-2017 */
.reg_success h3 {
    margin: 10px 0 30px 0;
}
.reg_success .reg_service .fa {
    color: #4678bd;
}
.reg_success .reg_acunt span {
    color: #4678bd;
    font-weight: bold;
    font-size: 14px;
}
.reg_success .reg_address ul li {
    color: #4678bd;
    font-weight: bold;
    font-size: 14px;
}
.reg_success .reg_careful {
    background: #4678bd;
    padding: 20px;
    color: #fff;
}
.reg_footer {
    margin-top: 10px;
}
.reg_footer span.red {
    color: red;
}
.login-blk a.btn#btnCancel {
    margin: 0;
}
/* Footer CSS Start */
.footer_new.dark-footer {padding: 30px 0; background: #0e0e0e; border-top: 1px solid #0e0e0e; margin-top: 30px;}
.footer_new.dark-footer h4 {color: #e0e0e0;}
.footer_new.dark-footer .footer ul{ list-style-type:none; padding: 0;}
.footer_new.dark-footer .footer ul li{}
.footer_new.dark-footer .footer ul li a, .footer_new.dark-footer .footer ul li, 
.footer_new.dark-footer .footer ul li a:hover, .footer_new.dark-footer a, .footer_new.dark-footer p
{color: #fff; font-size: 13px; line-height: 22px; letter-spacing: .5px;}
.footer_new.dark-footer .footer span.blue-clr {color: #ffffff;}
.footer-btm{ margin-top:20px;}
.footer-btm p{ margin:0;}
.footer-btm .txt-right{text-align: right;}
/* Footer CSS End */
.pend-rep .table{ margin-bottom:0 !important;}
.pend-rep .table-responsive{ margin-bottom:15px;margin-top: 10px; overflow-x: auto;}

/* Home Page CSS Start */
 .abt-PO-Box h1, .track-htxt h1{ color: #23bbed; font-weight: bold; text-align: center; margin: 0 0 30px; }
.abt-PO-Box p { text-align: justify; color: #231f20; font-weight: 500; }
section.abt-PO-Box, section.abt-frieght { padding: 30px 0px; }
.homebottom { background-color: #23bbed; padding: 30px 0px; }
.frieght-col h1, .frieght-col h2 { color: #fff; font-weight: bold; margin-top: 0; }
.frieght-col ul { padding-left: 15%; }
.frieght-col li { clear: both; }
.frieght-col li { color: #fff; font-weight: 600; }
.frieght-testimonial { text-align: center; color: #fff; }
.frieght-testimonial { background: url(../../images/frieght-testimonialbg.jpg) no-repeat center center; padding: 5% 0; background-size: cover; }
.frg-ob-head h1, .frg-ob-head h3, .frg-ob-head h2 { color: #23bbed; font-weight: bold; margin-bottom: 30px; margin-top: 0; text-align: center; font-size: 30px; }
.frg-ob-col {text-align: center;}
.frg-ob-col img {width: 20%; margin-bottom: 10px; }
.single-service img { height: auto; }
.frg-ob-col h3 { font-weight: bold; margin-top: 0; color: #000; font-size: 16px; }
section.btm_pdng_none { padding: 10px 0 0 0; }
.frgt-cntct-blue { padding: 5% 0; background: #23bbed; /*float: left;*/ min-height: 100px; }
.frgt-cntct-blue p { color: #fff; font-size: 28px; font-weight: 600; margin: 0; padding: 10px 0; text-align: center; }
.homebottom h2 { color: #fff; text-align: center; font-size: 36px; margin-top:0;}
/*.homebottom .container { width: 800px; }*/
/* Home Page CSS end */
/* About Page CSS Start */
img.alignnone {max-width: 100%;}
/* About Page CSS End */
/* Services Page css satrt */
#services { padding: 20px 0 70px 0; }
#services h1, #services .ser-row h2 { color: #23bbed; font-weight: bold; text-transform: uppercase; text-align: center; font-size: 36px; }
#services .ser-row p { padding: 10px 50px; margin: 30px 35px; font-weight: 400; color: #4e525d; }
#services .single-service h3 { margin-top: 0; margin-bottom: 15px; color: #23bbed; font-weight: bold; }
#services .service_content p { min-height: 100px; }
#services .single-service p { padding: 0; color: #4e525d; font-size: 13px; font-weight: 400; }

/* Services page css end */
.body-content{min-height:70vh;}
.summary-blkleft {padding: 15px;}

.reg-out-blk table.dataTable{ margin-top:0 !important;}
.abt-PO-Box h1, .homebottom h2, .ftestimonial-head h2, .frg-ob-head h2, #services h1, #services .ser-row h2, .track-htxt h1{ text-transform:uppercase;}
.cusd-upload {margin-bottom: 10px;}

/*.track-htxt{color: #23bbed; text-align :center; font-size:50px;padding: 100px 00px 30px 0px}*/

.pend-rep div.dataTables_wrapper div.dataTables_info{white-space:normal;}
.hstry-shpnt .btn-prcd-ship input[type=button]:disabled { background-color: #ccc; color: #000;}
.hstry-shpnt .btn-prcd-ship input[type=button] { background-color: #23bbed; color:#fff;}
.rdo-grp input[type="radio"]{vertical-align:middle; margin:0;}
.rdo-grp span{vertical-align: middle; margin: 0 25px 0 5px;}

/* Track Line */
/*.trck_tbl td.trck_line .fa {   
    font-size: 16px;
    color: #23bbed;
}
span.line_bg {
    background: url(../images/line.png);
    display: block;
}

td.trck_line {
    position: relative;
}
td.trck_line:before {
    content: "\f111";
    font-family: FontAwesome;
    color: #23bbed;
    font-size: 16px;
}
span.line_bg {
    background: url(../images/line.png) repeat-y;
    position: absolute;
    top: 15px;
    bottom: 0;
    min-height: 30px;
    width: 15px;
    margin-left: 3px;
}*/

/* New tracking Styles Start */
.grd-tracknew{border:1px solid #23bbed;}
.grd-tracknew th, .grd-tracknew td {width: auto; border:0 !important;}
table.grd-tracknew tr td{ width:auto; vertical-align: top; padding-left: 15px;  padding-right: 25px;}
table.grd-tracknew tr td:nth-child(1), table.grd-tracknew tr td:nth-child(2), .grd-tracknew table tr td:nth-child(4){ width:auto}
.trck_line{ background:url(../images/completed-state.png) no-repeat center 10px; position:relative;width:40px !important;}
.line_bg{background: url(../images/line.png) repeat-y center 10px; position: absolute;  top: 2px;  bottom: 0; margin-top: 20px; margin-bottom: -20px;left:18px;}
tr:last-child .line_bg{ background:none;}
table.grd-tracknew tr:first-child td.trck_line { background: url(../images/current-state.png) no-repeat center 8px;}
table.grd-tracknew tr:first-child td { color:#23bbed;}

/* 31-08-2018 */
.no-padding {
    padding: 0 !important;
}
.quote_sec .head_txt h4 {
    margin: 5px 0 0;
}
.quote_sec p.ttl_cost {
    margin-top: 10px;
}
.shipping_blck .sblkright-in {
    margin-bottom: 13px;
}
.shipmnt_sec .shpnt_srch .form-control {
    background-color: #eee;
    width: 200px;
    display: inline-block;
    margin: 0 5px;
}
.shipmnt_sec .shpnt_srch .btn_shp_srch {
    padding: 0;
    width: 35px;
    height: 35px;
}
.shipmnt_sec .shpnt_srch .btn_shp_srch:after {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 16px;
}
span.error {
    color: #ff0000;
}
.pickup_sec .add_nw_blck select.form-control {
    width: calc(100% - 100px);
    display: inline-block;
}
.pickup_sec .add_nw_blck .btn_add {
    width: 95px;
    height: 36px;
}
/* 31-08-2018 */

/* 05-08-2018 */
.pay_type_selec {
    margin-top: 15px;
}

.pay_type_selec label {
    font-size: 16px;
}
/* 05-08-2018 */

/* 06-09-2018 */
.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.p-0 { padding: 0 !important; }
/* 06-09-2018 */


/* 12-09-2018 */
.error_msg {
    color: #f00;
}
/* 12-09-2018 */

/* 19-12-2018 */
.taxcharge_blk p {float: left; width: 100%; clear: both; margin-bottom: 10px; text-transform:uppercase;}
.taxcharge_blk p span {float: left;}
.taxcharge_blk p strong span {float: right;}

.mrg-btmnew{ margin-bottom:28px;}

.add-form .bgrp1 .btn {
    margin-top: 15px !important;
    min-width: 100px;
    margin-right: 10px !important;
}

.tbl_purch_ord tr td{width:50%; display:inline-block;padding: 0 15px;}

.tbl_purch_ord tr td.pad-lft{padding-left:0 !important;}

.ship-method-cls label{font-weight:bold !important; }

table.tbl-unknship td{min-width:10px !important;}

/* Responsive Styles start */

@media (min-width:1200px){

.nav-cust ul{float:none; text-align:center;}
.nav-cust ul li{float: none; display: inline-block; text-align: center; padding: 0 46px; border-left:1px solid #006DBB; margin: 0;}
.nav-cust ul li:last-child {border-right: 1px solid #006DBB;}

}

@media (min-width:1200px){
    .paymentsuceesspage {max-width: 830px;}
}

@media (max-width:1200px)
{
  .nav-cust ul li{padding: 0 38px;}
  .address-blk1 .form-control{width: 63%;}
  .abt-PO-Box h1, .homebottom h2, .ftestimonial-head h2, .frg-ob-head h2, #services h1, #services .ser-row h2 { font-size:24px;}
}
@media (max-width:1024px)
{
  #services .service_content p {min-height:auto; margin-bottom: 30px;}
  .order-count{right:15%;}
  h3.shipment, .shippments-page h3{font-size:18px;}
  .add-form label {font-size: 11px;}
}
@media (max-width:991px)
{
  .nav-cust ul li{ padding:0 16px; border-left:1px solid #006DBB !important;}
  .nav-cust ul li:last-child {border-right: 1px solid #006DBB !important;}
  .address-blk1 .form-control{width:50%;}
  h3.shipment,.shippments-page h3{font-size: 14px;}
  .side-links ul li a {font-size: 12px;}
  .shippments-page ul.nav.nav-tabs li input {font-size: 12px;}   
  .shippments-page .h4, .shippments-page h4 { font-size: 15px;}
  .side-links ul li.active a:before {border-top: 18px solid transparent; border-bottom: 19px solid transparent;}
  .shippments-page .history-table tr th, .table.history-table tr th{ font-size:12px;}
  .reg-out-blk label{ font-size:12px;}
  .abt-PO-Box h1, .track-htxt h1{ font-size:22px;   margin-top: 0;}
  .homebottom h2, .ftestimonial-head h2, .frg-ob-head h2, #services h1, #services .ser-row h2{font-size: 22px;}
  .add-form .col-md-2, .add-form .col-sm-12 {width: 100%; padding: 0;}
  #dvCalculator .col-sm-12.col-md-6 {padding: 0 15px;}
  .address-blk1 p, .txt-usrname{font-size: 14px;}
  h2.sub-title-txt{ font-size:20px;}  
  .single-service img {width: 80px;}
  #services .single-service h3{ font-size:16px;}
  #services .ser-row p {padding: 10px 20px; margin: 0 15px 30px 15px;}
  .login-blk label{font-size:14px;}
  
}
@media (max-width:768px)
{
   .tbl_purch_ord tr td {
    width: 100%;display:block;   padding: 0 !important;
}
  .frieght-col ul {padding: 0 4%;}
  #services .single-service, #services .ser-row p{text-align: center;}
  .order-count{ right:0;}
}
@media (max-width:767px)
{
    .nav-cust ul li { box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5);border-left:0 !important;}
    .nav-cust ul li:last-child {border-right:0 !important;}
    .nav-cust .navbar-nav { margin: 0 -15px;}
    .top_sec {padding:20px 0 10px;}
    .top_secleft { text-align: center;}
    .top_secright { text-align: center;}
    .top_secright ul { padding: 0;margin-top: 10px;}
    .top_secright ul li {margin-left: 0;margin-right: 8px;}
    .summary-blkright{ padding-top:0;padding-bottom:0px; border-left:0;}
    .summary-blkleft.brd-right {border-right: 0;}
    .address-blk1 .form-control {width: 76%;}
    .add-pad-rgt{padding-right:15px;padding-left: 15px}
    /*calculator page page*/
    h3.shipment {font-size: 20px;text-align: left;}
    .pad-lft { padding-left: 15px;}
    .calc p{text-align:left}
    .calc .add-form label, .calc .add-form .form-group {text-align: left !important;}
    .side-links{margin-top:30px}
    .side-links ul li.active a:before{display:none;}
    .calc .form-group { text-align: left;}
    .form-group, .calc-re h3 { text-align: left;}
    /*calculator page end*/

    /*personal information page start*/
    .cust-info{text-align:left;}
     .cust-info button.btn.btn-blue{margin-top:0px;}
    /*personal information page end*/
    section.btm_pdng_none { padding: 10px 0 0 0;}
    .footer-btm, .footer_new.dark-footer{text-align: center;}
    .footer-btm .txt-right{text-align: center;}

    .abt-PO-Box h1, .track-htxt h1{font-size:20px; margin: 0;}
    .abt-new{text-align:center;}

    .order-count {right: 5%; top: -15px; font-size: 14px;}
    .add-pad-left{padding-left: 15px;}
    .address-blk1{ min-height:auto;}
    .summary-blkleft {padding: 10px;}
    .reg-out-blk{min-height:auto;}
    .shippments-page .hstry-fltr select.form-control {margin: 20px auto; float: none;}
    #dvShipment h3{ text-align:center;}
    #dvShipment #btnAdd {display: block; margin: auto;}

    #dvDocumentInfo {text-align: left;}
    #dvDocumentInfo h3{ text-align:center;}
    .shipping-method, .shiping-option, .finish-shipping{text-align: left;}
    .add-address{}
    .add-address select {margin: 8px 0px;}
    .add-address .pad-lft {padding: 0;}
    .row.hidden-xs-row {margin: 0;}
    .row.hidden-xs-row .pad-mob{ padding:0;}

    table.upload-imge { width: 100%;}
    table.upload-imge td input[type="radio"]{float:left; width:20px;margin-top:2px;}
    table.upload-imge td label{ float:left; width:80%;}
    .myshipp .top_secright ul.pagination li {padding-right: 5px;}

    #DivCreateTicket {text-align: left;}
    .crt-tktspace{ padding:0 30px;}
    [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
 }
@media (max-width:480px) {
    /*.tbl_purch_ord tr td.btn-col1{width:100%; display:block;padding: 0;}*/
    .summary-blkleft.brd-right, .summary-blkright, .sblkright-in {display: block; width: 100%;}
    .order-count {right: 20%;}
     h3.shipment {font-size: 16px;}
    .myshipp .top_secright ul li{padding:10px 5px 0 0px}
    .edit-btns{float:left !important;}
    .btn-wid{min-width:100px;}

      .top_secright ul li {margin-right:0px;}
      .myshipp .top_secright ul li {padding-right:0px;}
      .shippments-page ul.nav.nav-tabs li.active input, .shippments-page ul.nav.nav-tabs li input{ padding-left:4px; padding-right:4px;}
      .shippments-page ul.nav.nav-tabs li input {font-size: 10px;}
      
      /*.pend-rep.hstry-shpnt div.dataTables_wrapper div.dataTables_length, 
      .pend-rep.hstry-shpnt div.dataTables_wrapper div.dataTables_filter, 
      .pend-rep.hstry-shpnt div.dataTables_wrapper div.dataTables_info, 
      .pend-rep.hstry-shpnt div.dataTables_wrapper div.dataTables_paginate {text-align: left;}*/
      .pagination>li>a, .pagination>li>span{ padding-left:8px; padding-right:8px;font-size: 10px;}

}
@media only screen and (min-width:768px) and (max-width:991px){
    /*h3.shipment {font-size: 14px;}*/
    .edit-btns{float:left !important;}
}

@media only screen and (min-width:560px) and (max-width:767px){
    
}

@media only screen and (min-width:320px) and (max-width:480px) {
    /*h3.shipment {font-size: 16px;}
    .myshipp .top_secright ul li{padding:10px 5px 0 0px}    
    .btn-wid{min-width:100px;}*/
   .edit-btns{float:left !important;}
}