body{font-size: 15px; color: #4E4E4E;}

/* Width css */
.w10{width: 10px !important; min-width: 10px !important; max-width: 10px !important;}
.w20{width: 20px !important; min-width: 20px !important; max-width: 20px !important;}
.w30{width: 30px !important; min-width: 30px !important; max-width: 30px !important;}
.w40{width: 40px !important; min-width: 40px !important; max-width: 40px !important;}
.w50{width: 50px !important; min-width: 50px !important; max-width: 50px !important;}
.w60{width: 60px !important; min-width: 60px !important; max-width: 60px !important;}
.w70{width: 70px !important; min-width: 70px !important; max-width: 70px !important;}
.w80{width: 80px !important; min-width: 80px !important; max-width: 80px !important;}
.w90{width: 90px !important; min-width: 90px !important; max-width: 90px !important;}
.w100{width: 100px !important; min-width: 100px !important; max-width: 100px !important;}
.w110{width: 110px !important; min-width: 110px !important; max-width: 110px !important;}
.w120{width: 120px !important; min-width: 120px !important; max-width: 120px !important;}
.w130{width: 130px !important; min-width: 130px !important; max-width: 130px !important;}
.w140{width: 140px !important; min-width: 140px !important; max-width: 140px !important;}
.w150{width: 150px !important; min-width: 150px !important; max-width: 150px !important;}
.w160{width: 160px !important; min-width: 160px !important; max-width: 160px !important;}
.w170{width: 170px !important; min-width: 170px !important; max-width: 170px !important;}
.w180{width: 180px !important; min-width: 180px !important; max-width: 180px !important;}
.w190{width: 190px !important; min-width: 190px !important; max-width: 190px !important;}
.w200{width: 200px !important; min-width: 200px !important; max-width: 200px !important;}
.w210{width: 210px !important; min-width: 210px !important; max-width: 210px !important;}
.w220{width: 220px !important; min-width: 220px !important; max-width: 220px !important;}
.w230{width: 230px !important; min-width: 230px !important; max-width: 230px !important;}
.w240{width: 240px !important; min-width: 240px !important; max-width: 240px !important;}
.w250{width: 250px !important; min-width: 250px !important; max-width: 250px !important;}
.w260{width: 260px !important; min-width: 260px !important; max-width: 260px !important;}
.w270{width: 270px !important; min-width: 270px !important; max-width: 270px !important;}
.w280{width: 280px !important; min-width: 280px !important; max-width: 280px !important;}
.w290{width: 290px !important; min-width: 290px !important; max-width: 290px !important;}
.w300{width: 300px !important; min-width: 300px !important; max-width: 300px !important;}
.w310{width: 310px !important; min-width: 310px !important; max-width: 310px !important;}
.w320{width: 320px !important; min-width: 320px !important; max-width: 320px !important;}
.w350{width: 350px !important; min-width: 350px !important; max-width: 350px !important;}
.w380{width: 380px !important; min-width: 380px !important; max-width: 380px !important;}
.maxw400{width: 100% !important; max-width: 400px !important;}
.w100p{width: 100% !important; max-width: inherit !important;}
.w90p{width: 90% !important; max-width: inherit !important; min-width: inherit !important;}
.wm114{min-width: 114px;}
.wm180{min-width: 180px;}
.wm150{min-width: 150px !important;}
.wm130{min-width: 130px;}
.wm300{max-width: 300px !important;}
.mh120 {min-height: 120px !important;}
.mh100p {min-height: 100% !important;}
.mh90 {min-height: 90px;}
.mhinherit{min-height: inherit !important; max-height: inherit !important;}
.w43p{width: 43%;}
/* Width css */

.link-text{color: #cc0000 !important;}
.blue-text{color: #29396B !important;}
.t13{font-size: 13px !important;}
.t14{font-size: 14px !important;}
.t15{font-size: 15px !important;}
.t16{font-size: 16px !important;}
.t18{font-size: 18px !important;}
.t20{font-size: 20px !important;}
.t24{font-size: 24px !important;}
.t30{font-size: 30px !important;}
h1, h2, h3, h4, h5, h6{font-weight: 500;}
.text-muted {color: #969696 !important;}
.font-weight-medium{font-weight: 500 !important;}
.text-underline{text-decoration: underline;}

.btn{height: 40px; line-height: 23px; padding: 6px 15px; font-size: 18px; font-weight: 500; border-radius: 0; text-align: center;appearance: none !important;-webkit-appearance: none !important;-mz-appearance: none !important;}
.btn.focus, .btn:focus, .form-control:focus {box-shadow: none !important;}
.btn.btn-default{background-color: #E8EAEF; border-color: #E8EAEF; color: #4E4E4E;}
.btn.btn-primary{background-color: #CC0000; border-color: #CC0000;}
.btn.btn-secondary{background-color: #29396B; border-color: #29396B;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{background-color: #29396B; border-color: #29396B;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{background-color: #cc0000; border-color: #cc0000;}
.btn-default:hover, .btn-default:focus, .btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle{background-color: #29396B; border-color: #29396B; color: #fff;}
.btn.btn-icon{height: 40px; width: 40px; padding: 2px;}
.btn.btn-icon > i{font-size: 34px;}
.btn.btn-icon.btn-sm {height: 26px; width: 26px; padding: 3px;}
.btn.btn-sm > i{font-size: 18px;}
.btn.btn-sm {height: 26px; padding: 6px 10px; line-height: 12px;}
.btn.btn-lg{height: 45px; font-size: 18px; padding: 10px 20px;}
.btn.icon-btn{padding-right: 35px;}
.btn.icon-btn.left-icon{padding-right: 20px; padding-left: 35px; position: relative;}
.btn.icon-btn > i{position: absolute;}
.btn.icon-btn.left-icon > i{left: 10px;}
.btn.btn-circle{border-radius: 50%;}


.select2-container{width: 100% !important;}
.form-group{position: relative;}
.form-group .form-control, .form-control, .select2-container .select2-selection{min-height: 40px; border-color: #E4E4E4; border-radius: 0; margin: 0; color: #3E3E3E; font-size: 14px; padding: 8px 12px; line-height: 20px;}
.form-group label{font-size: 15px; color: #4E4E4E; margin-bottom: 10px;}
.input-group-text{border: 0; border-radius: 0; background-color: transparent;}
.input-group-text i{color: #e52232;}
.select2-container .select2-selection{padding: 4px 30px 4px 12px; border-radius: 0;}
.form-group select.form-control, select.form-control, select, .select2-container .select2-selection{background: url(../images/arrow.png) center center no-repeat; background-position: calc(100% - 10px); padding-right: 30px;}
.form-group select.form-control:focus, select.form-control:focus, select:focus, .select2-container.select2-container--focus .select2-selection{border-color: #b9b9b9;}
.select2-container .select2-selection .select2-selection__rendered{padding: 0;}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice{background-color: #F5F5F5; border: 1px solid #ddd; font-size: 13px;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #F5F5F5; color: #3E3E3E;}
.select2-container .select2-dropdown{border-color: #E4E4E4;}
.input-group input[type=text]:focus + .input-group-text.border, .input-group input[type=email]:focus + .input-group-text.border,
.input-group input[type=password]:focus + .input-group-text.border, .input-group input.text:focus + .input-group-text.border,
.input-group input.title:focus + .input-group-text.border, .input-group textarea:focus + .input-group-text.border,
.input-group select:focus + .input-group-text.border{border-color: #b9b9b9 !important;}

.border, .border-right, .border-left, .border-top, .border-bottom, hr{border-color: #ddd !important;}
.table tr:first-child td{border-top: 0;}
.table td, .table th {padding: 12px; vertical-align: middle; border-color: #ddd; color: #4E4E4E; font-size: 15px;}
.table thead tr, .table tfoot tr{background-color: #E9EBF0;}
.table tfoot td{color: #29396B; font-weight: 600;}
.delete_link{color: #CC0000;}
.total-price{font-size: 20px; font-weight: 600; color: #29396B;}

.modal-title {color: #29396B; font-size: 29px;}
.modal-footer a{color: #4E4E4E; font-size: 18px;}
.req{color: #f00 !important;}
#mobile-header, .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}


/* custom radio checkbox */
.custom-radio {display: block; position: relative; border: 1px solid #bec3d2; padding: 11px 15px 11px 40px; margin-bottom: 20px; max-height: 40px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.custom-radio input {position: absolute !important; opacity: 0; cursor: pointer}
.custom-radio > span {position: absolute; top: 0; left: 15px; bottom: 0; margin: auto; height: 15px; width: 15px; border: 2px solid #ccc; border-radius: 50%}
.custom-radio input:checked ~ span {border-color: #29396B;}
.custom-radio > span:after {content: ""; position: absolute; display: none}
.custom-radio input:checked ~ span:after {display: block}
.custom-radio > span:after {top: 3px; left: 3px; width: 5px; height: 5px; border-radius: 50%; background: #29396B;}
.custom-radio.checked{background: #29396B; color: #fff;}
.custom-radio.checked input:checked ~ span {border-color: #fff;}
.custom-radio.checked > span:after{background: #fff;}

.d-flex input[type="checkbox"]{position: relative; top: 4px; margin-right: 2px;}
.d-flex input[type="checkbox"]+span{line-height: 20px;}
/* custom radio checkbox */

/* Date Time Picker */
.input-group-addon {cursor: pointer;}
.bootstrap-datetimepicker-widget.dropdown-menu {border: 1px solid #ddd; border-radius: 0; box-shadow: none; margin: 10px 0 0 0; padding: 0; min-width: 300px; max-width: 100%; width: auto;}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {display: none;}
.bootstrap-datetimepicker-widget.dropdown-menu table td,
.bootstrap-datetimepicker-widget.dropdown-menu table th {border-radius: 0;}
.bootstrap-datetimepicker-widget.dropdown-menu table td.old, .bootstrap-datetimepicker-widget.dropdown-menu table td.new {color: #bbb;}
.bootstrap-datetimepicker-widget.dropdown-menu table td.today:before {border-bottom-color: #CC0000;}
.bootstrap-datetimepicker-widget.dropdown-menu table td.active,
.bootstrap-datetimepicker-widget.dropdown-menu table td.active:hover,
.bootstrap-datetimepicker-widget.dropdown-menu table td span.active {background-color: #CC0000; text-shadow: none;}
.bootstrap-datetimepicker-widget.dropdown-menu table td.active.today:before,
.bootstrap-datetimepicker-widget.dropdown-menu table td.active:hover.today:before,
.bootstrap-datetimepicker-widget.dropdown-menu table td span.active.today:before {border-bottom-color: #fff;}
.bootstrap-datetimepicker-widget.dropdown-menu table th {height: 40px; padding: 0; width: 40px;}
.bootstrap-datetimepicker-widget.dropdown-menu table th.picker-switch {width: auto;}
.bootstrap-datetimepicker-widget.dropdown-menu table tr:first-of-type th {border-bottom: 1px solid #ddd;}
.bootstrap-datetimepicker-widget.dropdown-menu table td.day {height: 32px; line-height: 32px; padding: 0; width: auto;}
.bootstrap-datetimepicker-widget.dropdown-menu table td span {border-radius: 0; height: 77px; line-height: 77px; margin: 0; width: 25%;}
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-months tbody tr td,
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-years tbody tr td,
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td {padding: 0;}
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td {height: 27px; line-height: 27px;}
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td span {display: block; float: left; width: 50%; height: 46px; line-height: 46px !important; padding: 0;}
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker-decades tbody tr td span:not(.decade) {display: none;}
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td {padding: 0; width: 30%; height: 20px; line-height: 20px;}
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td:nth-child(2) {width: 10%;}
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td a,
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td span,
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button {border: none; border-radius: 0; height: 56px; line-height: 56px; padding: 0; width: 100%;}
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td span {color: #333; margin-top: -1px;}
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button {background-color: #fff; color: #333; font-weight: 500; font-size: 1.2em;}
.bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker table td button:hover {background-color: #eee;}
.bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td {border-top: 1px solid #ddd;}
.bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td a, .bootstrap-datetimepicker-widget.dropdown-menu .picker-switch table td span {display: block; height: 40px; line-height: 40px; padding: 0; width: 100%;}
.todayText:before {content: "Today's Date"; color: #333;}
/* Date Time Picker */

.borderbox{border: 1px solid #BEC3D2; box-shadow: 0px 0 14px 2px rgb(0 0 0 / 0.1);}
.borderbox .box-action{background: #F5F5F5;}
.greybgbox{background: #F5F5F5; border: 1px solid #ddd;}
.form-title{color: #29396B; text-transform: none;}
.form-title.bg-title{background-color: #E8EAEF; color: #4E4E4E; padding: 15px 20px;}
ul.FilterResult{display: block;}
ul.FilterResult li{float: left;}
ul.tick-list li{color: #29396B; font-size: 15px; margin-bottom: 15px; position: relative; padding-left: 22px;}
ul.tick-list li>span{color: #444; min-width: 150px; display: inline-block;}
ul.tick-list li:before{content: "done"; font-family: 'Material Icons'; font-size: 16px; position: absolute; left: 0; font-weight: 600;}
.iconpo{position: relative; top: 8px;}
.transit-info > div{min-height: 60px;}
.transit-info .blue-text{min-width: 42px; display: inline-block;}

div#search_srcsuggest, div#search_destsuggest {width: 100% !important; top: 64px !important; left: 0 !important; background: #fff; border: 1px solid #ddd !important;}
div#search_srcsuggest .suggest_link, div#search_srcsuggest > div, div#search_destsuggest .suggest_link, div#search_destsuggest > div{padding: 10px; border: 0 !important; color: #3E3E3E; cursor: context-menu;}
div#search_srcsuggest .suggest_link_over, div#search_destsuggest .suggest_link_over{background-color: #F5F5F5;}

.divider-block {height: 100%; position: relative;}
.divider-block i{background: #29396B; color: #fff; padding: 5px; border-radius: 50px; font-size: 16px; height: 26px; width: 26px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; box-shadow: 0px 0px 5px 5px #fff; z-index: 1;}
.divider-block:before{content: ""; height: 100%; width: 1px; background: #ddd; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.success_check{font-size: 100px; color: #06BB06;}

ul.number_list{list-style-type: decimal; padding-left: 20px;}
ul.number_list li {margin-bottom: 10px; line-height: 24px;}
.kbw-signature {display: inline-block; border: 1px solid #ddd;  border-radius: 0; width: 100%; height: 120px;}
#signature.kbw-signature canvas{height: 115px !important;}
#signature input {background: transparent; border: 0; color: #29396b; padding: 0; font-size: 12px; border-radius: 0; cursor: pointer; left: auto !important; right: 0; top: -115px !important;}

/* my order */
table.table-order > tbody > tr{width: 100%; border: 1px solid #BEC3D2; display: table; margin-top: 20px; padding: 10px;}
table.table-order > tbody > tr:first-child{margin-top: 0;}
table.table-order > tbody > tr.order-detail{display: none; border-top: 0; margin: 0;}
table.table-order > tbody > tr.order-detail.open{display: table;}
table.table-order > tbody > tr.parent{border-bottom: 0;}
table.table-order > tbody > tr.order-detail > td{position: relative; padding-top: 2.1rem;}
table.table-order > tbody > tr.order-detail > td:before{content: ""; height: 1px; width: calc(100% - 32px); display: block; top: 12px; background: #ddd; position: absolute;}
table.table-order > tbody > tr > td{vertical-align: middle; border: 0; padding: 20px 12px; line-height: 22px;}
table.table-order td.separate_vert{padding-left: 40px; position: relative;}
table.table-order td.separate_vert:before{content: "";position: absolute;left: 12px;height: calc(100% - 20px);width: 1px;background: #ddd;top: 10px;}
table.table-order td.separate_vert i{background: #29396B;color: #fff;padding: 5px;border-radius: 50px;font-size: 16px;height: 26px;width: 26px;position: absolute;box-shadow: 0px 0px 5px 5px #fff;z-index: 1;left: 0;top: 0;bottom: 0;margin: auto;}
.badge{padding: 6px; font-size: 12px; font-weight: 400; border-radius: 0; border: 1px solid #ddd;}
.badge.pending{background-color: #FFF6C8; border-color: #E9A300; color: #E9A300;}
.badge.scheduled{background-color: #E9E2FF; border-color: #7448FF; color: #7448FF;}
.badge.order{background-color: #E2F6FF; border-color: #19B8FF; color: #19B8FF;}
.badge.transit{background-color: #ECFFF8; border-color: #00B772; color: #00B772;}
.badge.delivered{background-color: #F2F5FF; border-color: #29396B; color: #29396B;}
/* my order */

#booking_type.modal .modal-dialog{
	max-width: 430px;
}
#booking_type .btn.btn-secondary{
	text-decoration: none;
}
#booking_type .btn.btn-secondary.air-to-door{
	background-image: url(../images/air-to-door.jpg);
	background-repeat: no-repeat;
	background-position: calc(100% - 10px);
}
#booking_type .btn.btn-secondary.door-to-air{
	background-image: url(../images/door-to-air.jpg);
	background-repeat: no-repeat;
	background-position: calc(100% - 10px);
}
#booking_type .btn.btn-secondary.door-to-door{
	background-image: url(../images/door-to-door.jpg);
	background-repeat: no-repeat;
	background-position: calc(100% - 10px);
}
.error_po {
    position: absolute;
    bottom: -15px;
    font-size: 13px;
    color: #f00;
}
.w-280 {min-width:280px;}

/* responsive menu */
.subscription_menu li:hover .sub-menu{display: block !important;}
/* responsive menu */

nav#top-menu ul { margin-bottom: 0px !important; }
ul.subscription_menu { margin-bottom: 0px; }

/*Display loader [start]*/
.ovs {
position: absolute;
top: 250px;
width: 1064px;
height: 400px;
padding: 16px;
/*border: 16px solid orange;*/
/*background-color: white;*/
z-index:1002;
overflow: auto;
left:45%;
margin-left: -470px;
overflow:none;
}
.ovs table{background:#fff;}
.voidstyle {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100% !important;
background-color: white;
z-index:1001;
-moz-opacity: 0.6;
opacity:.80;
filter: alpha(opacity=30);
}
/*Display loader [end]*/

@media (min-width: 992px){
    .border-lg-right{border-right: 1px solid #ddd !important;}
    .comm_height{height:35px;}    
}

@media (min-width: 1199px){
    .container.booking-page{min-width: 1027px;}
}

@media (min-width: 1200px){
    .border-xl-right{border-right: 1px solid #ddd !important;}
}

@media (max-width: 996px){
    #mobile-header {display: block;}
    .transit-info{flex-direction: column;}
    .transit-info > div{padding-top: 20px !important; padding-bottom: 20px !important; min-height: inherit; display: block !important; width: 100%; text-align: center;}
    .transit-info > div.border-right{border-right: 0 !important; border-bottom: 1px solid #ddd !important;}
    .transit-info .blue-text{min-width: inherit;}
	.credit-track-btn{padding-top: 10px;}
}

@media (max-width: 991px){
    /* responsive menu */
    #sidr-main #top-menu {
        /*display: block;*/
		display: none;
        float: none;
    }
	#sidr-main .sidr-class-sf-sub-indicator {display: none;}
	#sidr-main .sidr-inner {
        /*display: none;*/
    }
    #sidr-main.sidr {
        display: none;
        position: fixed;
        top: 0;
        left: -260px;
        right: auto;
        height: 100%;
        z-index: 999999;
        width: 260px;
        overflow-x: none;
        overflow-y: auto;
        font-size: 15px;
        background: #f8f8f8;
        color: #333;
        -webkit-box-shadow: inset 0 0 5px 5px #ebebeb;
        -moz-box-shadow: inset 0 0 5px 5px #ebebeb;
        box-shadow: inset 0 0 5px 5px #ebebeb;
    }
    #sidr-main #top-menu ul {
        display: block;
        margin: 0px;
        padding: 0;
        float: none !important;
    }
    #sidr-main #top-menu ul li {
        display: block;
        margin: 0;
        line-height: 52px;
        border-top: 1px solid #e9e9e9;
        float: none;
        border-left: 0;
    }
    #sidr-main #top-menu ul li:hover, #sidr-main #top-menu ul li.active, #sidr-main #top-menu ul li.sidr-class-active {
        line-height: 52px;
        background: #cc0000;
    }
    #sidr-main #top-menu ul li a, #sidr-main #top-menu ul li span {
        padding: 0 15px;
        display: inline-block;
        text-decoration: none;
        color: #0c4499;
        text-shadow: none;
        font-weight: 500;
        font-size: 16px;
    }
    #sidr-main #top-menu ul li.close-menu a{
        color: #fff;
    }
    #sidr-main #top-menu ul li.close-menu {
        background: #cc0000 url(../images/btn-close.png) no-repeat 96% center;
    }
    #sidr-main #top-menu ul li.close-menu:hover {
        background: #cc0000 url(../images/btn-close.png) no-repeat 96% center;
    }
    /* responsive menu */
}

@media (max-width: 767px){
    .w43p{width: 100%;}
    .modal-open .modal, .modal {width: 100% !important; margin-left: auto !important;}
    .table-responsive {max-width: 420px !important;}
}

@media (max-width: 479px){
    ul.tick-list li>span{min-width: 138px;}
    .table-responsive {max-width: 260px !important;}
	
	.w-280 {min-width:inherit;}
	.error_po {bottom:-28px;}
	div#search_destsuggest {top: 77px !important;}
}

@media (min-width: 1200px){
	.col-xl-48 {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 48%;
	    flex: 0 0 48%;
	    max-width: 48%;
	}
}