.navbar-inverse {
    background-color: #272726;
    border-color: #272726;
    border-radius: 0;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
        font-weight: 600;
        margin-bottom: -1px;
    }

    .navbar-inverse .dropdown-menu {
        background-color: #e5b836;
    }

    .navbar-inverse .mainMenu > .selectedMenuItem > a, .navbar-inverse .mainMenu > .selectedMenuItem > a:focus, .navbar-inverse .mainMenu > .selectedMenuItem > a:hover /*, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover*/ {
        color: #333;
        background-color: #e5b836;
    }

        .navbar-inverse .mainMenu > .selectedMenuItem > a > .counts, .navbar-inverse .mainMenu > .selectedMenuItem > a:focus > .counts, .navbar-inverse .mainMenu > .selectedMenuItem > a:hover > .counts, .navbar-inverse .mainMenu > .active > a > .counts {
            color: #fff;
            background: #272726;
        }

.mainMenu .selectedMenuItem {
    position: static;
}

    .mainMenu .selectedMenuItem .dropdown-menu {
        width: 100%;
        padding: 9px;
        padding-bottom: 0;
    }

        .mainMenu .selectedMenuItem .dropdown-menu li {
            display: inline-block;
            font-size: 14px;
        }

            .mainMenu .selectedMenuItem .dropdown-menu li a {
                font-weight: 600;
            }

                .mainMenu .selectedMenuItem .dropdown-menu li a:hover {
                    background: transparent;
                    border-bottom: 2px solid #293239;
                }

.menuItemSelected {
    background: transparent;
    border-bottom: 2px solid #293239 !important;
}

.mainMenu .selectedMenuItem .dropdown-menu > li > a {
    padding: 0;
    padding-bottom: 10px;
    padding-top: 9px;
    border-bottom: 2px solid transparent;
}

.mainMenu .selectedMenuItem .dropdown-menu {
    padding-left: 0;
}

.mainMenu2 > li > .dropdown-menu {
    background-color: #272726;
    right: 0;
    left: auto;
    float: right;
    z-index: 999999;
}

.mainMenu2 .dropdown-menu > li > a {
    color: #fff;
}

.mainMenu2 .dropdown-menu > li:first-child a {
    color: #e5b836;
}

.mainMenu2 .dropdown-menu > li:first-child > a:focus, .mainMenu2 .dropdown-menu > li:first-child > a:hover {
    background-color: transparent;
    color: #e5b836;
}

.mainMenu2 .dropdown-menu > li > a:focus, .mainMenu2 .dropdown-menu > li > a:hover {
    background-color: #e5b836 !important;
    border-radius: 25px !important;
    color: #272726 !important;
}

.mainMenu2 a.dropdown-toggle {
    background-color: transparent !important;
}

.mainMenu .dropdown-menu > li {
    padding: 0px 19px;
}

.mainMenu2 .dropdown-menu > li {
    padding: 4px 20px;
}

.mainMenu2 > li > a {
    padding: 14px 15px;
}

.dropdown-menu {
    border: 0;
}

hr.line {
    border-top: 1px solid #4a4a4a;
    margin: 5px 0;
}

html {
    height: 100%;
    box-sizing: border-box;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 1.428571429;
    background-color: #f1f1f1;
    position: relative;
    margin: 0;
    padding-bottom: 40px;
    padding-top: 58px;
    min-height: 100%;
}

.counts {
    background: #e5b836;
    -ms-border-radius: 25px;
    border-radius: 25px;
    padding: 0px 3px;
    color: #272726;
    font-size: 14px;
    line-height: 1px;
}

footer {
    background-color: #272726;
    color: #9b9b9b;
    font-size: 14px;
    padding: 10px 0;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

    footer a {
        color: #9b9b9b;
    }

        footer a:hover, footer a:focus {
            color: #e5b836;
            text-decoration: none;
        }

    footer li {
        margin-right: 10px;
        list-style-type: none;
        display: inline-block;
    }

ul {
    margin: 0;
    padding: 0;
}

.paddlft-none {
    padding-left: 0;
}

.paddrght-none {
    padding-right: 0;
}

.paddlftrght-none {
    padding-left: 0;
    padding-right: 0;
}

.paddlft {
    padding-left: 15px;
}

.paddrght {
    padding-right: 15px;
}

.paddlftrght {
    padding-left: 15px;
    padding-right: 15px;
}

.control-label {
    padding-top: 7px;
}

.navbar {
    margin-bottom: 0;
}

header {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

    header h2 {
        font-weight: 600;
        display: inline-block;
        padding: 0;
        margin: 0;
        padding-bottom: 5px;
    }

h3 {
    display: inline-block;
}

.clearSearch {
    display: inline-block;
    font-size: 14px;
    color: #272726;
    text-decoration: underline;
    vertical-align: sub;
}

.exportAll {
    display: inline-block;
    font-size: 14px;
    color: #272726;
    font-weight: 600;
    text-decoration: underline;
}

.btn-search {
    background: #272726;
    color: #fff;
    border-radius: 5px;
    padding: 6px 20px;
    font-weight: bold;
}

    .btn-search .glyphicon-search {
        margin-left: 4px;
        color: #eab62c;
    }

    .btn-search:hover .glyphicon {
        color: #272726;
    }

    .btn-search:hover, .btn-search:focus {
        background: transparent;
        color: #272726;
        border: 1px solid #272726;
    }

.btn-black {
    background: #272726;
    color: #fff;
    padding: 6px 10px;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid #272726;
}

    .btn-black:hover, .btn-black:focus {
        background: transparent;
        color: #272726;
        border: 1px solid #272726;
    }

.navbar-right {
    float: right !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mdwdth30 {
        min-width: 50px !important;
    }

    .txtmdlft {
        text-align: left;
    }

    .cutOfftimepadd {
        padding-left: 14.9% !important;
    }

    .mdmrgnbtm6 {
        margin-bottom: 6px;
    }

    .mdmrgnbtm4 {
        margin-bottom: 4px;
    }

    .mdmrgntop4 {
        margin-bottom: 4px;
    }

    .tabletRadio {
        margin-left: 0 !important;
        display: block !important;
    }

    .customDefaultCheckBox[addressType="2"] .defaultCheckBox {
        margin-top: -460px !important;
        margin-left: -7px !important;
    }

    .mdpaddlft {
        padding-left: 15px;
    }

    .mdpaddlftrght {
        padding-right: 15px;
    }

    .mdpaddrght {
        padding-right: 15px;
    }

    .mdpaddlft-none {
        padding-left: 0;
    }

    .mdpaddrght-none {
        padding-right: 0;
    }

    .mdpaddlftrght-none {
        padding-left: 0;
        padding-right: 0;
    }

    .userIconImg {
        width: 26px;
        margin-top: 5px;
    }

    .mdtxtrght {
        text-align: right !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #divGlobalSearchType {
        top: 93px !important;
    }

    .mdtxtlft {
        text-align: left !important;
    }

    .add-asset-popup {
        width: 55% !important;
    }

    .glyphicon-bell {
        margin-top: 17px !important;
    }
}

@media (max-width: 1199px) {

    #divGlobalSearchType .k-dropdown-wrap {
        border: 1px solid #e8b53c;
    }

    .mobileStandardSearchIcon {
        display: block !important;
    }

        .mobileStandardSearchIcon span {
            color: #e3b02b;
            font-size: 24px;
            float: right;
            margin-top: 6px;
            cursor: pointer;
            margin-right: 15px;
        }

    .searchBarStandard {
        position: absolute !important;
        bottom: -34px;
        left: 0;
        z-index: 999999;
        width: 90%;
        right: 0;
        margin: auto;
        display: none;
    }

    .customStandardSearch {
        width: auto !important;
    }

    .searchBarStandard input {
        border: 1px solid #e8b53c;
    }

    .searchBarStandard span {
        color: #272726;
    }
}

@media (max-width: 991px) {
    .detailPopupModals {
        width: 90% !important;
    }

    .mobileStandardSearchIcon span {
        margin-top: 8px !important;
    }
}

@media (min-width: 992px) and (max-width: 1014px) {
    .mobileSearchIcon span {
        font-size: 21px !important;
        margin-top: 21px !important;
        cursor: pointer !important;
    }

    .userfeedbackIcon span {
        font-size: 21px !important;
        margin-top: 21px !important;
        cursor: pointer !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .servicePieChart .col-sm-6 {
        width: 50% !important;
    }

    .servicePieChart #dvDelivered {
        padding-right: 0 !important;
    }

    .cutOfftimepadd {
        padding-left: 5.9% !important;
    }

    .customDefaultCheckBox[addressType="2"] .defaultCheckBox {
        margin-top: 0px !important;
        margin-left: 0px !important;
    }

    .smtxtlft {
        text-align: left !important;
    }

    /*div#divBtnOperation {
			margin-bottom: 30px;
		}*/

    .smmrgntop5 {
        margin-top: 5px;
    }

    .smmrgntop4 {
        margin-top: 4px;
    }

    .smpaddlft-none {
        padding-left: 0;
    }

    .smpaddrght-none {
        padding-right: 0;
    }

    .smpaddlftrght-none {
        padding-left: 0;
        padding-right: 0;
    }

    .smmrgnbtm6 {
        margin-bottom: 6px;
    }

    #Addressdropdown .k-autocomplete {
        width: 100% !important;
    }

    .smpaddlft {
        padding-left: 15px;
    }

    .smpaddrght {
        padding-right: 15px;
    }

    .smtxtcntr {
        text-align: center;
    }

    .smtxtrght {
        text-align: right;
    }

    #ModalBulkUpdate {
        width: 60% !important;
    }

    .updateBookingTrackingPopup #prevUpdateBookingTrackingLink, .updateBookingTrackingPopup #nextUpdateBookingTrackingLink {
        top: 128px !important;
    }
}

@media screen and (max-width: 547px) {
    body {
        padding-bottom: 105px !important;
    }

    .xxstxtleft {
        text-align: left;
    }

    .dvColummnButtonMenu {
        position: relative !important;
        top: 12px !important;
        left: 0 !important;
    }

    .dvColummnButtonMenuDataExport {
        position: relative !important;
        top: 12px !important;
        left: 0 !important;
        left: 0px;
    }

    .dvColummnButtonMenuCRMExport {
        position: relative !important;
        top: 12px !important;
        left: 0 !important;
    }

    .dvColummnButtonMenuExtCustomsImport {
        position: relative !important;
        top: 12px !important;
        left: 0 !important;
        left: 0px;
    }

    .updateStatus {
        top: 54px !important;
    }

    .AccountTable {
        margin-bottom: 0 !important;
    }
}

.TopLeftPadd {
    top: 8px !important;
    left: 17px !important;
    position: absolute;
}

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


    #myModalAccountManagerDetail {
        width: 90% !important;
    }

    #myModalAccountGroupDetail {
        width: 90% !important;
    }

    .servicePieChart .col-xs-12 {
        width: 100% !important;
    }

    .servicePieChart #dvDelivered {
        padding-right: 0 !important;
    }

    .cutOfftimepadd {
        padding-left: 15px !important;
    }

    .responsiveScroll {
        /*overflow-y: hidden !important;*/
    }

    .mainMenu {
        margin: 7.5px -15px -21.5px -15px !important;
        overflow: auto;
    }

        .mainMenu::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
            background-color: #F5F5F5;
        }

        .mainMenu::-webkit-scrollbar {
            width: 4px;
            background-color: #1d1d1d;
        }

        .mainMenu::-webkit-scrollbar-thumb {
            background-color: #1d1d1d;
        }

    body {
        padding-bottom: 65px;
    }

    .upperspace {
        padding-top: 7px !important;
        margin-top: 0px !important;
    }

    .mainMenu2 > li > a {
        padding: 10px 15px;
    }

    .table-responsive {
        overflow-y: visible;
    }

    .mainMenu .selectedMenuItem .dropdown-menu {
        position: static;
    }

    .mainMenu .selectedMenuItem {
        position: relative;
    }

        .mainMenu .selectedMenuItem .dropdown-menu li a:hover {
            border-bottom: 2px solid transparent;
        }

        .mainMenu .selectedMenuItem .dropdown-menu li a .xsmenubrdr {
            border-bottom: 2px solid transparent;
            padding-bottom: 5px;
        }

        .mainMenu .selectedMenuItem .dropdown-menu li a:hover .xsmenubrdr {
            border-bottom: 2px solid #293239;
        }

    .menuItemSelected {
        border-bottom: 2px solid transparent !important;
    }

        .menuItemSelected .xsmenubrdr {
            border-bottom: 2px solid #293239 !important;
        }

    .mainMenu .selectedMenuItem .dropdown-menu li {
        display: block;
    }

    .xspaddtop5 {
        padding-top: 5px;
    }

    .paddtop27 {
        padding-top: 0 !important;
        padding-bottom: 6px;
    }

    .customDefaultCheckBox[addressType="2"] .defaultCheckBox {
        margin-top: 0px !important;
        margin-left: 0px !important;
        padding: 0;
    }

    /*.divmainOperation div#divBtnOperation {
			margin-bottom: 15px;
		}*/

    .divmainOperation div#divBtnOperation div {
        margin-top: auto !important;
    }

    .k-webkit .k-pager-info {
        display: inline-block !important;
    }

    .bootstrapWizard li:first-child {
        margin-left: 0 !important;
    }

    .mainMenu2 .selectedMenuItem .dropdown-menu {
        background-color: #272726;
        position: absolute;
    }

    #Addressdropdown .k-autocomplete {
        width: 100% !important;
    }

    #userlogin {
        margin-top: 0 !important;
        width: 80%;
        margin-left: 10%;
    }

    .bootstrapWizard {
        padding-top: 30px !important;
    }

    .xstxtlft {
        text-align: left !important;
    }

    .xsmrgntop5 {
        margin-top: 5px;
    }

    .xspaddlft-none {
        padding-left: 0 !important;
    }

    .xstxtcntr {
        text-align: center;
    }

    .xspaddrght-none {
        padding-right: 0;
    }

    .xspaddlftrght-none {
        padding-left: 0;
        padding-right: 0;
    }

    .xsmrgnbtm6 {
        margin-bottom: 6px;
    }

    .xsmrgntop-percent {
        margin-top: 13%;
        text-align: left !important;
    }

    .xsmrgnbtm30 {
        margin-bottom: 30px;
    }

    .xspaddlft {
        padding-left: 15px;
    }

    .xspaddrght {
        padding-right: 15px;
    }

    footer li {
        display: block;
    }

    .xsmrgn0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .collapse.in {
        display: initial;
    }

    .mainMenu .selectedMenuItem .dropdown-menu {
        padding-left: 0;
    }

    .navbar-inverse .mainMenu .dropdown-menu {
        background-color: #e5b836 !important;
    }

    .navbar-inverse .mainMenu .selectedMenuItem .dropdown-menu > li > a,
    .navbar-inverse .mainMenu .selectedMenuItem .dropdown-menu > li > a:focus,
    .navbar-inverse .mainMenu .selectedMenuItem .dropdown-menu > li > a:hover {
        color: #333;
    }

    .mainMenu .dropdown-menu > li {
        padding: 0px 17px;
    }

    .xstxtrght {
        text-align: right;
    }

    .manifestAll {
        top: 0px !important;
    }

    .mob-space {
        margin-bottom: 20px !important;
    }

    #myModalBookingDetails {
        width: 90% !important;
    }

    #divModalBookingTracking {
        overflow: auto !important;
        width: 90% !important;
        height: 88% !important;
    }

        #divModalBookingTracking .container-fluid {
            width: 90% !important;
        }

    #prevRef {
        position: fixed;
        /*left: 27px !important;*/
        margin-left: 0px !important;
        top: 50%;
    }

    #nextRef {
        position: fixed;
        /*right: 38px !important;*/
        margin-right: 0px !important;
        top: 50%;
    }

    /*#divModalBookingTracking .table-responsive {
			overflow-y: auto !important;
		}*/

    #divModalBookingTracking #grdBookingTrackingList {
        width: 100% !important;
    }

    #divModalUpdateBookingTrackingDisable #grdUpdateBookingTrackingList {
        width: 100% !important;
    }

    #myModalManifestDetail {
        width: 90% !important;
    }

    .divWindosToUpdateBookingTracking {
        width: 90% !important;
        left: 5% !important;
    }

    #myModalCountryDetail {
        width: 90% !important;
        top: 40% !important;
        height: auto !important;
    }

    .mobileSearchIcon span {
        margin-right: 20px;
    }

    .userfeedbackIcon span {
        margin-right: 20px;
    }

    .mobile_plusIcon {
        padding-right: 15px;
    }

    #divGlobalSearchType {
        top: 100px !important;
    }

    .mobileSearchIcon span {
        margin-top: 20px !important;
        margin-right: 20px !important;
    }

    .userfeedbackIcon span {
        margin-top: 20px !important;
        margin-right: 20px !important;
    }

    .customSearch {
        top: 66px !important;
    }

    .dvFeedback {
        top: 66px !important;
        width: 95% !important;
        left: 0;
        right: 0 !important;
        margin: auto;
    }

    .mobileStandardSearchIcon span {
        margin-right: 20px;
    }

    .margin-right-minus {
        float: left;
        margin: 5px 0px !important;
    }

    .closeBtn_mobile {
        position: absolute;
        top: 15px;
        /*right: 15px;*/
        right: 1%;
    }

    .add-asset-popup {
        width: 80% !important;
    }

    .assetImportPopup {
        width: 90% !important;
    }

    .margin-lt-3-3Per {
        margin-left: 0 !important;
    }

    .deliveryAnalysis-tracking-btn .btn-black {
        margin-bottom: 1px !important;
    }

    .dvDABookingTrackingPartial #grdBookingTrackingList .k-grid-content {
        /*padding-right: 150px;*/
    }

    .dvDABookingTrackingPartial #prevRef, .dvDABookingTrackingPartial #nextRef {
        top: 129px !important;
    }

    .updateBookingTrackingPopup #prevUpdateBookingTrackingLink, .updateBookingTrackingPopup #nextUpdateBookingTrackingLink {
        top: 129px !important;
    }

    .mrglft-9-min {
        margin-left: -9px;
    }

    .btnMargin {
        margin-top: -20px !important;
    }

    .table_customsMapping {
        width: 100% !important;
    }

    .nps_popup {
        width: 430px !important;
        top: 75% !important;
        left: 50% !important;
        height: 100% !important;
    }

    .npsSlider {
        width: 380px !important;
    }

    .userFeedbackSlider {
        width: 435px !important;
    }

    #ModalBulkUpdate, #ModalAddressDetails {
        width: 90% !important;
    }

    .confirmationDeleteTemplate {
        left: calc(5%) !important;
        right: calc(5%) !important;
    }
}

#divModalAssetTracking .container-fluid {
    width: 90% !important;
}

#divModalAssetTracking #grdAssetTrackingList {
    width: 100% !important;
}

#divModalAssetTracking .container-fluid {
    width: 90% !important;
}

#divModalAssetTracking #grdAssetTrackingList {
    width: 100% !important;
}

}

@media (max-width:587px) {
    #divGrdManifestDetails {
        overflow-x: scroll !important;
    }

    #myModalPartnerOrder {
        width: 90% !important;
    }

    .divmainOperation {
        margin-bottom: 0px !important;
    }
}

@media (max-width:688px) {
    .divmainOperation div#divBtnOperation div {
        margin-top: 6px !important;
    }
}

@media (min-width: 548px) and (max-width: 767px) {
    .divmainOperation {
        margin-bottom: 25px !important;
    }

    .AccountTable {
        margin-bottom: 0 !important;
    }

    #myModalPartnerOrder {
        width: 90% !important;
    }
}

@media (min-width: 768px) and (max-width: 1150px) {
    #dvBookingListMain {
        margin-bottom: 0px !important;
    }

    .AccountTable {
        margin-bottom: 60px !important;
    }

    #divModalBookingTracking {
        height: 85% !important;
        overflow: auto !important;
    }

        #divModalBookingTracking .container-fluid {
            width: 90% !important;
        }

    .divWindosToUpdateBookingTracking {
        width: 90% !important;
        left: 5% !important;
    }

    #myModalCountryDetail {
        width: 94% !important;
    }

    #divModalAssetTracking {
        width: 80% !important;
        overflow: auto !important;
    }

        #divModalAssetTracking .container-fluid {
            width: 90% !important;
        }

    .confirmationDeleteTemplate {
        left: calc(20%) !important;
        right: calc(20%) !important;
    }
}

@media (min-width: 1151px) and (max-width: 1710px) {
    #divModalBookingTracking { 
        height: 85% !important;
        overflow: auto !important;
    }
}

#myModalPartnerOrder {
    width: 95% !important;
}
/*.paddtop27 {
		padding-top: 0px !important;
	}*/

@media (max-width:1100px) {
    #grdUpdateBookingTrackingList {
        overflow-x: scroll !important;
    }
}

@media (min-width: 1600px) {
    .divmainOperation {
        margin-top: 0 !important;
    }
}

@media (min-width: 1367px) and (max-width: 1600px) {
    #grdBookingList .k-grid-content, #grdDataExportBookingList .k-grid-content, #grd_dgMaterial .k-grid-content, #grdPackageDataExportBookingList .k-grid-content {
        max-height: 530px !important;
        min-height: 330px !important
    }

    #grdDeliveryAnalysisBookingList .k-grid-content {
        max-height: 530px !important;
        min-height: 270px !important
    }

    #grdSelfSetupAssetList .k-grid-content {
        max-height: 530px !important;
        min-height: 330px !important
    }

    #grdExtCustomsImportList .k-grid-content {
        max-height: 340px !important;
    }

    .tblCustomsMapping_height {
        height: 325px !important;
    }
}

@media (min-width: 1601px) and (max-width: 1920px) {
    #grdBookingList .k-grid-content, #grdDataExportBookingList .k-grid-content, #grd_dgMaterial .k-grid-content, #grdPackageDataExportBookingList .k-grid-content {
        max-height: 650px !important;
        min-height: 330px !important
    }

    #grdDeliveryAnalysisBookingList .k-grid-content {
        max-height: 650px !important;
        min-height: 270px !important
    }

    #grdSelfSetupAssetList .k-grid-content {
        max-height: 650px !important;
        min-height: 330px !important
    }

    #grdExtCustomsImportList .k-grid-content {
        max-height: 420px !important;
    }

    .tblCustomsMapping_height {
        height: 400px !important;
    }
}

@media (min-width: 1921px) and (max-width: 2560px) {
    #grdBookingList .k-grid-content, #grdDataExportBookingList .k-grid-content, #grd_dgMaterial .k-grid-content, #grdPackageDataExportBookingList .k-grid-content {
        max-height: 850px !important;
        min-height: 330px !important
    }

    #grdDeliveryAnalysisBookingList .k-grid-content {
        max-height: 850px !important;
        min-height: 270px !important
    }

    #grdSelfSetupAssetList .k-grid-content {
        max-height: 850px !important;
        min-height: 330px !important
    }

    #grdExtCustomsImportList .k-grid-content {
        max-height: 580px !important;
    }

    .tblCustomsMapping_height {
        height: 580px !important;
    }
}

@media (min-width: 2561px) and (max-width: 4096px) {
    #grdBookingList .k-grid-content, #grdDataExportBookingList .k-grid-content, #grd_dgMaterial .k-grid-content, #grdPackageDataExportBookingList .k-grid-content {
        max-height: 1450px !important;
        min-height: 330px !important
    }

    #grdDeliveryAnalysisBookingList .k-grid-content {
        max-height: 1450px !important;
        min-height: 270px !important
    }

    #grdSelfSetupAssetList .k-grid-content {
        max-height: 1450px !important;
        min-height: 330px !important
    }

    #grdExtCustomsImportList .k-grid-content {
        max-height: 800px !important;
    }

    .tblCustomsMapping_height {
        height: 850px !important;
    }
}

@media (min-width: 4097px) and (max-width: 5120px) {
    #grdBookingList .k-grid-content, #grdDataExportBookingList .k-grid-content, #grd_dgMaterial .k-grid-content, #grdPackageDataExportBookingList .k-grid-content {
        max-height: 2400px !important;
        min-height: 330px !important
    }

    #grdDeliveryAnalysisBookingList .k-grid-content {
        max-height: 2400px !important;
        min-height: 270px !important
    }

    #grdSelfSetupAssetList .k-grid-content {
        max-height: 2400px !important;
        min-height: 330px !important
    }

    #grdExtCustomsImportList .k-grid-content {
        max-height: 1400px !important;
    }

    .tblCustomsMapping_height {
        height: 1400px !important;
    }
}

@media (min-width: 5121px) and (max-width: 7680px) {
    #grdBookingList .k-grid-content, #grdDataExportBookingList .k-grid-content, #grd_dgMaterial .k-grid-content, #grdPackageDataExportBookingList .k-grid-content {
        max-height: 3000px !important;
        min-height: 330px !important
    }

    #grdDeliveryAnalysisBookingList .k-grid-content {
        max-height: 3000px !important;
        min-height: 270px !important
    }

    #grdSelfSetupAssetList .k-grid-content {
        max-height: 3000px !important;
        min-height: 330px !important
    }

    #grdExtCustomsImportList .k-grid-content {
        max-height: 1800px !important;
    }

    .tblCustomsMapping_height {
        height: 1800px !important;
    }
}

@media (min-width: 547px) {
    .paddingMobileZero {
        padding-top: 55px !important;
    }
}

@media (min-width: 1367px) and (max-width: 1600px) {
    #grd_asset .k-grid-content {
        max-height: 530px !important;
        min-height: 440px !important
    }
}

@media (min-width: 1601px) and (max-width: 1920px) {
    #grd_asset .k-grid-content {
        max-height: 650px !important;
        min-height: 330px !important
    }
}

@media (min-width: 1921px) and (max-width: 2560px) {
    #grd_asset .k-grid-content {
        max-height: 850px !important;
        min-height: 330px !important
    }
}

@media (min-width: 2561px) and (max-width: 4096px) {
    #grd_asset .k-grid-content {
        max-height: 1450px !important;
        min-height: 330px !important
    }
}

@media (min-width: 4097px) and (max-width: 5120px) {
    #grd_asset .k-grid-content {
        max-height: 2400px !important;
        min-height: 330px !important
    }
}

@media (min-width: 5121px) and (max-width: 7680px) {
    #grd_asset .k-grid-content {
        max-height: 3000px !important;
        min-height: 330px !important
    }
}

/*@media (min-width:600px) and (max-width:800px) {
    .divDABookingListPartial #grdBookingTrackingList .k-grid-content {
        min-height: auto !important;
    }
}*/

#divModalBookingTracking {
    min-height: 420px !important;
    max-height: 580px !important;
    background-color: #fff;
    top: 30px;
    width: 90%;
    height: 58%;
    margin: 0 auto;
    border: 2px solid #ccc;
    overflow: inherit;
    /*overflow: auto !important;*/
}

    #divModalBookingTracking .container-fluid {
        width: 90% !important;
    }

.LoginHeading {
    background: #272726;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
}

#userlogin .panel {
    border: 1.5px solid #eab62c;
}

.content-wrapper .panel {
    border: 1px solid #dcdcdc;
}


.read-only {
    font-weight: normal;
}

    .read-only input {
        border: none;
    }

.k-header {
    font-weight: bold !important;
}

.checkboxLabel {
    vertical-align: text-bottom;
    padding-left: 3px;
}

.btn-font {
    font-size: 18px;
}

.top-btn-wid {
    width: 200px;
}

.wdth100px {
    width: 100px;
}

.wdth100prcnt {
    width: 100% !important;
}

#userlogin .btn-black {
    text-transform: capitalize;
    width: 100%;
}

#accordion .panel-title > a {
    display: block;
    padding: 22px;
    font-size: 18px;
    text-transform: uppercase;
    outline: none;
    font-weight: bold;
    text-decoration: none;
}

    #accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before {
        content: "\f077";
        float: right;
        font-family: FontAwesome;
        color: #eab62c;
        font-weight: 100;
        font-size: 27px;
        margin-top: -8px;
    }

    #accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before {
        content: "\f078";
    }

#accordionUncollapsed .panel-title > a {
    display: block;
    padding: 22px;
    font-size: 18px;
    text-transform: uppercase;
    outline: none;
    font-weight: bold;
    text-decoration: none;
}

    #accordionUncollapsed .panel-title > a.accordion-toggle::before, #accordionUncollapsed a[data-toggle="collapse"]::before {
        content: "\f077";
        float: right;
        font-family: FontAwesome;
        color: #eab62c;
        font-weight: 100;
        font-size: 27px;
        margin-top: -8px;
    }

    #accordionUncollapsed .panel-title > a.accordionUncollapsed-toggle.collapsed::before, #accordionUncollapsed a.collapsed[data-toggle="collapse"]::before {
        content: "\f078";
    }

.content-wrapper .panel-heading {
    background: #272726;
    color: #fff;
    padding: 0;
    font-size: 16px;
    line-height: 16px;
    text-transform: capitalize;
}

    .content-wrapper .panel-heading:hover {
        background: #eab62c;
        color: #272726;
    }

.loginscreen .main-header .logo {
    width: 200px;
}

.loginscreen .main-header > .navbar {
    margin-left: 200px;
}

.content-wrapper .panel-heading:hover a[data-toggle="collapse"]::before, .clickedpanel::before {
    background: #eab62c;
    color: #272726 !important;
}

.panel-heading:hover .panel-title a[data-toggle="collapse"]::before {
    color: #272726 !important;
}



/* Styles for validation helpers*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important;
}

.validation-summary-errors {
    /*font-weight: bold ;*/
    color: #ff0000 !important;
}

.validation-summary-valid {
    display: none;
}
/* end Styles for validation helpers*/

.selectedPanel, .selectedPanel a[data-toggle="collapse"]::before {
    background: #eab62c !important;
    color: #272726 !important;
}

.disabledPanel {
    background: #999 !important;
    color: #fff !important;
    cursor: default;
}

.custom-search-input-main .input-group {
    width: 100%;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.mainMenu > li > a {
    line-height: 29px;
}

.no-border {
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

.form-control-readonly[readonly] {
    cursor: not-allowed;
    background-color: transparent !important;
    opacity: 1;
    border: none;
    width: 100%;
    box-shadow: none;
    padding: 0;
    border-color: transparent;
}

::-ms-clear {
    display: none;
}

.form-control-clear {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 8px;
}
/*Start Wizard*/

.bootstrapWizard {
    display: block;
    list-style: none;
    padding: 0;
    position: relative;
    width: 100%
}

    .bootstrapWizard a:hover, .bootstrapWizard a:active, .bootstrapWizard a:focus {
        text-decoration: none
    }

    .bootstrapWizard li {
        display: block;
        float: left;
        text-align: center;
        padding-left: 0
    }

        .bootstrapWizard li:before {
            border-top: 3px solid #55606E;
            content: "";
            display: block;
            font-size: 0;
            overflow: hidden;
            position: relative;
            top: 21px;
            right: 1px;
            width: 100%;
            z-index: 1
        }

        .bootstrapWizard li:first-child:before {
            left: 50%;
            max-width: 50%
        }

        .bootstrapWizard li:last-child:before {
            max-width: 50%;
            width: 50%
        }

        .bootstrapWizard li.complete .step {
            background: #0aa66e;
            padding: 1px 6px;
            border: 3px solid #272726;
        }

        .bootstrapWizard li .step i {
            font-size: 10px;
            font-weight: 400;
            position: relative;
            top: -1.5px
        }

        .bootstrapWizard li .step {
            background: #272726;
            color: #fff;
            width: 40px;
            display: inline-block;
            font-size: 15px;
            font-weight: 700;
            line-height: 12px;
            padding: 7px 0;
            border: 14px solid transparent;
            border-radius: 50%;
            line-height: normal;
            position: relative;
            text-align: center;
            z-index: 2;
            transition: all .1s linear 0s
        }

        .bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {
            background: #eab62c;
            color: #000;
            font-weight: 700;
            padding: 7px 13px;
            font-size: 15px;
            border-radius: 0%;
            border: 3px solid #272726;
            height: 40px;
        }

        .bootstrapWizard li.complete .title, .bootstrapWizard li.active .title {
            color: #2B3D53
        }

        .bootstrapWizard li .title {
            color: #bfbfbf;
            display: block;
            font-size: 13px;
            line-height: 15px;
            max-width: 100%;
            position: relative;
            table-layout: fixed;
            text-align: center;
            top: 20px;
            word-wrap: break-word;
            z-index: 104
        }

.panelSearchVal {
    color: red;
}

.paddtop27 {
    padding-top: 27px;
}

.paddlft30 {
    padding-left: 2%;
}

.paddlft48 {
    padding-left: 48px;
}

.form-group.requiredlbl > .control-label:after {
    content: "*";
    color: red;
}

.requiredlbl > label:after {
    content: "*";
    color: red;
}

.portalGrid {
    padding-top: 30px;
}

    .portalGrid .k-header {
        background-color: #f1f1f1;
    }

    .portalGrid .k-widget {
        border: none;
    }

    .portalGrid .k-grid table {
        border: 1px solid #d9d9d9;
        box-sizing: border-box;
    }

    .portalGrid th.k-header {
        background-color: #F9F9F9;
    }

    .portalGrid tr.k-alt {
        background-color: #F9F9F9;
    }
    /*addded-temp*/
    .portalGrid .k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
        background: none !important;
    }

    .portalGrid tr {
        background-color: #F1F1F1;
    }

/*
.portalGrid .k-widget.k-grid.k-display-block, .portalGrid table, .portalGrid tr, .portalGrid td, .portalGrid th, .portalGrid .k-alt:hover, .portalGrid .k-alt, .portalGrid .k-alt:hover, .portalGrid .k-alt:hover {
    border: none !important;
    background: transparent;
}

.portalGrid .k-header {
    font-weight: bold !important;
    font-size: 16px;
    border-left: none;
    border-right: none;
}

.portalGrid th {
    padding-bottom: 15px;
    border-bottom: 1px solid #eab62c !important;
}

.portalGrid .k-pager-wrap {
    background: transparent;
    border-top: 1px solid #eab62c;
}

.portalGrid .k-icon {
    color: #01b9C3;
}

.portalGrid .k-state-selected {
    background-color: #01b9C3;
}

.portalGrid .k-grid-norecords-template {
    border: none;
}*/
.content-wrappers .panel-heading {
    background: #272726;
    color: #fff;
    padding: 0;
    font-size: 16px;
    line-height: 16px;
    text-transform: capitalize;
}

.content-wrappers {
    display: block;
}

    .content-wrappers .panel-heading:hover {
        background: #eab62c;
        color: #272726;
    }

--------- Active Inactive CSS----------
.onoffswitch1 {
    position: relative;
    width: 103px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}


.onoffswitch1-checkbox {
    display: none;
}

.onoffswitch1-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 30px;
    margin-bottom: 0;
    width: 103px;
}

.onoffswitch1-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch1-inner:before, .onoffswitch1-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 34px;
        padding: 0;
        line-height: 34px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 30px;
    }

    .onoffswitch1-inner:before {
        content: attr(data-content-on);
        padding-left: 10px;
        background-color: #272726;
        color: #FFFFFF;
        border-radius: 30px 0 0 30px;
    }

    .onoffswitch1-inner:after {
        content: attr(data-content-off);
        padding-right: 10px;
        background-color: #EEEEEE;
        color: #999999;
        text-align: right;
        border-radius: 0 30px 30px 0;
    }

.onoffswitch1-switch {
    display: block;
    width: 34px;
    height: 34px;
    margin: 0px;
    background: #eab62c;
    border-radius: 30px;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
}

.onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-inner {
    margin-left: 0;
}

.onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-switch {
    left: 70px;
}



.welcomeMessage {
    font-size: 50px;
    color: #fff;
    background: #eab62c;
}

    .welcomeMessage h1 {
        padding-top: 50px;
    }

    .welcomeMessage img {
        width: 100% !important;
    }

/*loading css start*/
.loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: .9;
    background-color: rgba( 0, 0, 0, 0.8);
    z-index: 99;
    text-align: center;
}

.loading-image {
    position: absolute;
    top: 45%;
    left: 45%;
    right: 45%;
    z-index: 600;
}
/*loading css End*/

.portalbodycontent {
    min-height: 600px;
}

.giga {
    font-size: 66px;
    text-align: center;
}

.welcomelogin1, .welcomelogin2 {
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
}

.welcomelogin1 {
    color: #272726;
    padding-top: 10px;
}

.welcomelogin2 {
    color: #eab62c;
    padding-bottom: 80px;
}

.bodyportal {
    min-height: 620px;
}

.menu-block {
    display: block !important;
}


.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: #666 !important;
}

input,
input::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: normal;
}

.k-multiselect .k-button {
    color: #fff;
    border-color: #272726 !important;
    background-color: #272726 !important;
}

.k-state-border-up {
    font-size: 14px !important;
}

.forgotPassword a {
    font-weight: normal;
}

.forgotPassword {
    padding-top: 8px;
}

.custom-search-input input {
    padding-left: 4px;
}

.titleDisabled {
    pointer-events: none;
}

/*.k-grid tr:hover {
    background: none !important;
}
*/
/*.k-grid tr.k-alt:hover {
	background: none !important;
}*/


.table-responsive {
    border: none !important;
    overflow-x: inherit !important;
    /*overflow-y: hidden;*/
}

.grdDeliveryAnalysisTableResponsive {
    border: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.responsiveScroll {
    /*overflow-y: visible;*/
}

.heightSearch {
    height: 42px;
}

.selectedMenuItemingHours {
    background-color: transparent !important;
}

    .selectedMenuItemingHours .time {
        width: 60px;
        margin-right: 5px;
        float: left;
    }

.hide {
    display: none;
}

.safariOnly .hide {
    visibility: hidden;
    width: 0;
    height: 0;
    display: inline-block !important;
}

.gridDropdown {
    position: absolute;
    margin-top: -11px;
    cursor: pointer;
    display: inline;
    margin-left: -9px;
}

    .gridDropdown .dropdown-toggle {
        font-weight: 700;
        line-height: 0;
        font-size: 20px;
        padding-bottom: 14px;
        padding-left: 16px;
        padding-right: 19px;
        vertical-align: super;
    }

    /*.gridDropdown .dropdown-menu {
        top: 75%;
        background-color: #272726;
        right: 0;
        left: auto;
        min-width: 215px;
    }*/
    .gridDropdown .dropdown-menu {
        top: -75%;
        background-color: #272726;
        right: 34px;
        left: auto;
        min-width: 215px;
    }

    .gridDropdown .dropdown-menu-left {
        right: auto;
        left: 34px;
    }

    .gridDropdown .dropdown-menu > li {
        padding: 4px 10px;
    }

        .gridDropdown .dropdown-menu > li > a {
            color: #fff;
        }

            .gridDropdown .dropdown-menu > li > a:focus, .gridDropdown .dropdown-menu > li > a:hover {
                background-color: #e5b836;
                border-radius: 5px;
                color: #272726;
            }

            .gridDropdown .dropdown-menu > li > a.cancelBooking:focus, .gridDropdown .dropdown-menu > li > a.cancelBooking:hover {
                background-color: #D0021B;
                border-radius: 5px;
                color: #fff;
            }

.cancelBooking span.fa-close {
    float: right;
    margin-top: 4px !important;
}

/*Kendo grid pager*/
.k-grid .k-pager-last {
    display: none !important;
}

.k-grid .k-pager-first {
    display: none !important;
}

.k-grid .k-grid-pager {
    float: right !important;
    background: transparent;
}

    .k-grid .k-grid-pager .k-pager-info.k-label {
        float: none !important;
        padding: 0;
        line-height: 28px;
        vertical-align: super;
        font-weight: 600;
        font-size: 15px;
        padding-right: 10px;
    }


    .k-grid .k-grid-pager .k-pager-nav[aria-label="Go to the next page"] {
        float: right !important;
        border-radius: 5px !important;
        margin-right: -82px !important;
        background-color: transparent;
        color: black;
        height: 28px;
        width: 28px;
        line-height: 28px;
        border: 1px solid #cdcdcd;
    }

    .k-grid .k-grid-pager .k-pager-nav[aria-label="Go to the previous page"] {
        float: right !important;
        border-radius: 5px !important;
        margin-right: 46px !important;
        background-color: transparent;
        color: black;
        height: 28px;
        width: 28px;
        line-height: 28px;
        border: 1px solid #cdcdcd;
    }

.k-grid .k-icon.k-i-sort-asc-sm:before {
    content: "\e253";
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
    margin-left: 2px;
    color: #000000;
}

.k-grid .k-icon.k-i-sort-desc-sm:before {
    content: "\e252";
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
    bottom: -9px;
    margin-left: 2px;
    color: #000000;
}

.k-grid .k-icon.k-i-arrow-w:before {
    content: "\f104";
    font-family: FontAwesome;
    top: -6px;
    font-weight: bold;
}

.k-grid .k-icon.k-i-arrow-e:before {
    content: "\f105";
    font-family: FontAwesome;
    top: -6px;
    font-weight: bold;
}
/*End Kendo grid pager*/

.mainMenu li.dropdown.active a.dropdown-toggle {
    background-color: #eab62c;
    color: #333;
}

    .mainMenu li.dropdown.active a.dropdown-toggle:hover {
        background-color: #eab62c;
        color: #333;
    }

.k-grid-norecords-template {
    border: none !important;
}

.dropdown-menu {
    min-width: auto !important;
}

.gridDropdown .dropdown-menu li {
    min-width: 215px;
}

#myModalBookingDetails .modal-body, #divModalBookingTracking .modal-body {
    padding-top: 0;
}

#myModalBookingDetails .modal-header {
    background-color: #f1f1f1;
    padding-top: 0;
    padding-bottom: 0;
}

#divModalBookingTracking .modal-header {
    padding-top: 0;
    padding-bottom: 0;
}

#myModalBookingDetails .modal-header .close {
    margin-top: 11px;
}

.bookingdetailmodal {
    font-size: 22px;
    font-weight: bold;
}

#myModalBookingDetails hr {
    margin: 7px 15px;
    border: 1px solid #e2dede;
}

/*.upperspace {
	padding-top: 50px;
	background-color: #eab62c;
}*/

.upperspace {
    padding-top: 80px;
    background-color: #eab62c;
    margin-top: -30px;
}

.gi-1x {
    font-size: 1.5em;
}

.gi-2x {
    font-size: 2em;
}

.gi-3x {
    font-size: 3em;
}

.gi-4x {
    font-size: 4em;
}

.gi-5x {
    font-size: 5em;
}

.valignsub {
    vertical-align: sub;
}

.dropdown3 .dropdown-menu {
    background-color: #f1f1f1;
    width: 100px;
}

    .dropdown3 .dropdown-menu button {
        font-weight: 600;
        color: #000;
    }

        .dropdown3 .dropdown-menu button:hover {
            color: #e5b836;
        }

fieldset.scheduler-border {
    border: 1px groove rgba(0,0,0,0.1) !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 6px 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

fieldset.shipment-border {
    border: 1px groove rgba(0,0,0,0.1) !important;
    padding: 8px 8px 8px 8px !important;
    margin: 0 0 0px 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: inherit; /* Or auto */
    padding: 0 10px; /* To give a bit of padding on the left and right */
    border-bottom: none;
}

.form-group {
    margin-bottom: 6px;
}

/*------Complete Booking Dropdown-------*/
ul.dropdown-menu.completeBooking {
    background: #272726;
    width: 147px;
}

.completeBooking a {
    color: #fff !important;
    font-weight: bold !important;
}

    .completeBooking a:hover {
        color: #262626 !important;
        background: #e5b836 !important;
        border-radius: 10px;
        font-weight: bold;
    }

.completeBooking li {
    padding: 3px 20px;
}

.btn.disabled {
    pointer-events: none !important;
    cursor: not-allowed;
}

div#myModalBookingDetails, div#divModalBookingTracking {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.customDefaultCheckBox[addressType="2"] .defaultCheckBox {
    margin-top: -120px;
    margin-left: -9px;
}

#AddressAutoFillPostCoder_listbox .k-item {
    border-bottom: 1px solid #ccc;
    font-weight: normal;
}



.orangeRowColor {
    background-color: #ffdb99 !important;
}


.redRowColor {
    background-color: #ffcccc !important;
}

.selectedMenuItem .dropdown-menu {
    display: block !important;
}

    .selectedMenuItem .dropdown-menu li a {
        background-color: transparent !important;
    }

.openingHours {
    background-color: transparent !important;
}

    .openingHours .time {
        width: 60px;
        margin-right: 5px;
        float: left;
    }

/*---------------- Dashboard ------------------*/
.DashboardProgressBar {
    position: relative;
    width: 100%;
    height: 250px;
}

    .DashboardProgressBar div {
        position: absolute;
        height: 200px;
        width: 200px;
        left: 50%;
        margin-left: -100px;
        border-radius: 50%;
    }

        .DashboardProgressBar div span {
            position: absolute;
            font-family: Arial;
            font-size: 16px;
            line-height: 210px;
            height: 175px;
            width: 175px;
            left: 12.5px;
            top: 12.5px;
            text-align: center;
            border-radius: 50%;
            background-color: white;
        }

    .DashboardProgressBar .rotate {
        clip: rect(0 100px 200px 0);
        background-color: #4b86db;
    }

    .DashboardProgressBar .left {
        clip: rect(0 100px 200px 0);
        opacity: 1;
        background-color: #b3cef6;
    }

    .DashboardProgressBar .right {
        clip: rect(0 100px 200px 0);
        transform: rotate(180deg);
        opacity: 0;
        background-color: #4b86db;
    }


.prcentage {
    margin-top: -15px;
    font-size: 40px;
    margin-left: -12px;
    text-align: center;
}


.progressbars {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #ccc;
    margin-top: 10px;
    border-radius: 3px;
    text-align: center;
}

.progressTitle {
    font-size: 15px;
    font-weight: bold;
    margin-top: 215px;
    /*text-transform: uppercase;*/
    vertical-align: text-top;
    display: inline-block;
}

    .progressTitle a {
        color: #272726;
        /*text-decoration: underline;*/
    }

.LatestActivity {
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    margin-top: 10px;
}

.LatestActivityHeading {
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    border-bottom: 1px solid #ccc;
}

.LatestActivityAllBlocks {
    height: 562px;
    unicode-bidi: bidi-override;
    direction: rtl;
    overflow: scroll;
    overflow-x: hidden !important;
}

.LatestActivityBlock {
    direction: ltr;
    padding: 20px;
    background-color: #fff;
    margin: 10px;
    border: 1px solid #ccc;
}



.LatestActivityAllBlocks::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.LatestActivityAllBlocks::-webkit-scrollbar {
    width: 4px;
    background-color: #1d1d1d;
}

.LatestActivityAllBlocks::-webkit-scrollbar-thumb {
    background-color: #1d1d1d;
}

.Notifications, .Deliveries {
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: 20px;
}

.NotificationsHeadings, .DeliveriesHeadings {
    border-bottom: 1px solid #ccc;
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
}

.weather {
    height: 150px;
}

.Notificationscounts {
    background: #e5b836;
    border-radius: 25px;
    padding: 0 6px;
    font-size: 14px;
    margin-right: 3px;
    color: #272726;
}

.DasboardArrows {
    display: inline-block;
    font-size: 12px;
    float: right;
}

    .DasboardArrows .glyphicon:first-child {
        margin-right: 10px;
    }

.DeliveriesGraph {
    height: 253px;
}

.DasboardContacts {
    background: #e5b836;
    margin-top: 15px;
    padding: 20px;
}

.DasboardContact {
    display: inline-block;
    margin-left: 15px;
}

.DasboardContacts .glyphicon {
    font-size: 30px;
    vertical-align: top;
}

.DasboardContactHeading {
    font-size: 18px;
    font-weight: bold;
}

.openingHours .time {
    width: 60px;
    margin-right: 5px;
    float: left;
}

.k-grid tr.orangeRowColor:hover {
    background-color: #ffdb99 !important;
}

.k-grid tr.redRowColor:hover {
    background-color: #ffcccc !important;
}
/*For Month Calander*/

.mrp-container {
    display: inline-block;
    float: right;
}

.mrp-icon {
    border: solid 1px #ddd;
    border-radius: 5px 0px 0px 5px;
    color: #40667A;
    background: #eee;
    padding: 7px;
    margin-right: 0px;
}

.mrp-monthdisplay {
    display: inline-block !important;
    padding: 0 0 5px 8px;
    border-radius: 0px 5px 5px 0px;
    background-color: #fff;
    cursor: pointer;
}

.mrp-lowerMonth, .mrp-upperMonth {
    color: #000;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}

.mrp-to {
    color: #aaa;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 13px;
    text-transform: uppercase;
    /* background-color: #eee; */
    padding: 5px 3px 5px 3px;
}

.mpr-calendar {
    display: inline-block;
    padding: 3px 5px;
    border-right: solid #999 1px;
}

    .mpr-calendar::last-child {
        border-right: none;
    }

.mpr-month {
    padding: 20px;
    text-transform: uppercase;
    font-size: 12px;
}

.mpr-calendar h5 {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 18px
}

.mpr-selected {
    background: rgba(64, 102, 122, 0.75);
    ;
    color: #fff;
}

.mpr-month:hover {
    border-radius: 5px;
    box-shadow: 0 0 0 1px #ddd inset;
    cursor: pointer;
}

.mpr-selected.mpr-month:hover {
    border-radius: 0px;
    box-shadow: none;
}

.mpr-calendarholder .col-xs-6 {
    max-width: 250px;
    min-width: 250px;
}

.mpr-calendarholder .col-xs-1 {
    max-width: 150px;
    min-width: 150px;
}

.mpr-calendarholder .btn-info {
    background-color: #40667A;
    border-color: #406670;
    width: 100%;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 10px;
    padding: 10px 0px;
}

.mpr-quickset {
    color: #666;
    text-transform: uppercase;
    text-align: center;
}

.mpr-yeardown, .mpr-yearup {
    margin-left: 5px;
    cursor: pointer;
    color: #666;
}

.mpr-yeardown {
    float: left;
}

.mpr-yearup {
    float: right;
}

    .mpr-yeardown:hover, .mpr-yearup:hover {
        color: #40667A;
    }

.mpr-calendar:first .mpr-selected:first {
    background-color: #40667A;
}

.mpr-calendar:last .mpr-selected:last {
    background-color: #40667A;
}

.popover {
    max-width: 1920px !important;
}
/**/
.DasboardContactsAnchor, .DasboardContactsAnchor:focus, .DasboardContactsAnchor:hover, .DasboardContactsAnchor:active {
    color: #000;
}

div#myNavbar.collapsing {
    display: none;
}

#divLaneNotFound {
    color: black;
    font-size: 14px;
}

.autoCompleteSearchIcon {
    border: 1px solid #ccc;
    height: 34px;
    vertical-align: top;
    padding-left: 5px;
    top: -1px;
    right: 0;
    margin-top: 1px;
    padding-right: 3px;
    background-color: #fff;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    position: absolute;
    cursor: pointer;
}

.autoCompleteSearchIcon1 {
    border-left: 1px solid #ccc;
    height: 34px;
    vertical-align: top;
    padding-left: 5px;
    top: 0;
    right: 5px;
    position: absolute;
    cursor: pointer;
}

.autoCompleteSearchIcon span {
    vertical-align: bottom;
    margin-bottom: -3.5px;
}

.autoCompleteSearchIcon1 span {
    vertical-align: bottom;
    margin-left: -3.5px;
}

.clsAutoCompleteList {
    position: relative;
}

    .clsAutoCompleteList .k-autocomplete > .k-i-close {
        margin-right: 25px !important;
        background-color: #fff;
        z-index: 50;
        padding: 8px 5px;
    }

    .clsAutoCompleteList .k-autocomplete .k-i-loading {
        display: none !important;
    }

.presetAutoComplete .k-autocomplete > .k-i-close {
    padding: 0 !important;
    margin-top: 0 !important;
}

.topmargin {
    margin-top: 15px !important;
}
/*.divSearchFileDDL {
    position: relative;
}
.divSearchFileDDL .k-autocomplete > .k-i-close {
    margin-right: 27px !important;
}
.divSearchFileDDL .k-autocomplete .k-i-loading {
    display: none !important;
}*/

.spanno-border {
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

.fnt14px {
    font-size: 14px;
}

.portalGrid .k-grid td.k-state-selected:hover, .portalGrid .k-grid tr.k-state-selected:hover td {
    background-color: transparent !important;
}

.portalGrid .k-grid td {
    color: #666 !important;
}

#grdDataExportBookingList.k-grid td.k-state-selected:hover, #grdDataExportBookingList.k-grid tr.k-state-selected:hover td {
    background-color: transparent !important;
}

#grdPackageDataExportBookingList.k-grid td.k-state-selected:hover, #grdPackageDataExportBookingList.k-grid tr.k-state-selected:hover td {
    background-color: transparent !important;
}

#grdDataExportBookingList.k-grid td, #grdPackageDataExportBookingList.k-grid td {
    color: #666 !important;
}

.portalGrid .k-pager-sizes {
    padding: 0;
    float: right !important;
}

    .portalGrid .k-pager-sizes .k-widget.k-dropdown {
        margin-top: -10px !important;
        line-height: normal !important;
    }

    .portalGrid .k-pager-sizes .k-dropdown-wrap .k-select {
        line-height: 1.74em !important;
    }

    .portalGrid .k-pager-sizes .k-dropdown-wrap .k-input {
        height: 23px;
        line-height: normal !important;
        font-size: 15px !important;
    }

.portalGrid .k-header.k-grid-toolbar.k-grid-top {
    padding: 0;
    padding-bottom: 5px;
}

.CaseType {
    padding-right: 22px;
}

.custom-search-input-main .input-group .form-control {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.custom-search-input-main .btn-search {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.portalGrid .k-button.k-button-icontext.k-grid-excel {
    background-color: #272726;
    color: #fff;
    border-radius: 5px;
    border: none;
    font-size: 14px;
    padding: 5px 16px;
    margin: 0;
    border: 1px solid #272726;
    position: absolute;
    top: -18px;
    width: 124px;
    box-sizing: border-box;
}

.portalGrid .k-icon.k-i-excel {
    color: #eab62c;
    font-size: 14px;
    float: right;
    margin-left: 6px;
    margin-top: 6px;
}

.portalGrid .k-button.k-button-icontext.k-grid-excel:hover {
    background: transparent;
    color: #272726;
    border: 1px solid #272726;
}

    .portalGrid .k-button.k-button-icontext.k-grid-excel:hover .k-icon.k-i-excel {
        color: #272726;
    }

.createCase {
    padding-bottom: 20px;
}
/*.createCase {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .createCase > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }*/
.disableItemTemplate {
    background: #cccccc;
    color: #ffffff
}

.btnExport {
    width: 124px
}

.xsmrgnbtm7 {
    margin-bottom: 2px;
}

.dvColummnButtonMenuAddressExport {
    display: inline-block;
    position: absolute;
    top: 20px;
    z-index: 1;
    left: 0;
}

.GridPaddingTop {
    padding-top: 64px;
}

.btnExportIcon {
    /*padding: 0px 15px;*/
    color: #eab62c !important;
    font-size: 14px !important;
    float: right;
    margin-right: 13px;
    margin-top: 3px;
}

.navbar-fixed-top {
    position: fixed !important;
}

.mdlgpaddrght5 {
    padding-right: 5px;
}

@media (min-width:768px) and (max-width: 991px) {
    .responsiveScroll {
        /*overflow-y: hidden !important;*/
    }

    .upperspace {
        padding-top: 30px !important;
    }

    .mainMenu .selectedMenuItem .dropdown-menu {
        position: relative;
    }

    .mainMenu .selectedMenuItem {
        position: relative;
    }

        .mainMenu .selectedMenuItem .dropdown-menu li a:hover {
            border-bottom: 2px solid transparent;
        }

        .mainMenu .selectedMenuItem .dropdown-menu li a .xsmenubrdr {
            border-bottom: 2px solid transparent;
            padding-bottom: 5px;
        }

        .mainMenu .selectedMenuItem .dropdown-menu li a:hover .xsmenubrdr {
            border-bottom: 2px solid #293239;
        }

    .menuItemSelected {
        border-bottom: 2px solid transparent !important;
    }

        .menuItemSelected .xsmenubrdr {
            border-bottom: 2px solid #293239 !important;
        }

    .mainMenu .selectedMenuItem .dropdown-menu li {
        display: block;
    }

    .mainMenu::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .mainMenu::-webkit-scrollbar {
        width: 4px;
        background-color: #1d1d1d;
    }

    .mainMenu::-webkit-scrollbar-thumb {
        background-color: #1d1d1d;
    }

    .mainMenu {
        margin: 1px -15px 5px -15px !important;
        overflow: auto;
        background-color: #272729;
    }

    .mdlgpaddrght5 {
        padding-right: 0;
    }

    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }

    .margin-right-minus {
        margin-right: -11% !important;
    }
}

.productDetail th {
    min-width: 88px !important;
    width: 88px !important;
}

.productDetail .k-textboxnum {
    min-width: 88px !important;
    width: 100% !important;
}

.productDetail .k-valdiv-cont {
    max-width: 100% !important;
}

.productDetail .k-invalid-msg {
    min-width: 88px !important;
    width: 88px !important;
}

.productDetail .k-invalid-msg-dg .k-invalid-msg {
    min-width: 100px !important;
    width: 100px !important;
}

.productDetail .btnAddHeader {
    text-align: center !important;
}

.productDetail th, .productDetail td {
    /*text-align: center;*/
}

.productDetail th {
    white-space: nowrap;
}

.trBookingItem td:first-child .k-icon.k-clear-value.k-i-close {
    margin-top: 0;
}

.clsAutoCompleteList .k-input {
    width: 100% !important;
}

.insuranceValidation .k-invalid-msg {
    padding-left: 0 !important;
}

#grdLaneList {
    min-width: 1130px;
}

    #grdLaneList .k-pager-info {
        padding-right: 10px;
    }


.k-datepicker {
    width: 100% !important;
}

    .k-datepicker span.k-picker-wrap.k-state-default {
        height: 32px;
    }

        .k-datepicker span.k-picker-wrap.k-state-default input {
            height: 27px;
        }

    .k-datepicker .k-picker-wrap .k-select {
        line-height: 2em !important;
    }

@-moz-document url-prefix() {
    .portalGrid .k-grid {
        width: 99.5%;
    }

    .form-control-clear {
        top: 23px;
    }

    .cancelBooking span.fa-close {
        margin-top: -17px;
    }

    .dvAlertPercent .k-numeric-wrap input {
        margin-top: -31px;
        height: 31px;
    }

    .autoCompleteSearchIcon1 {
        height: 29px !important;
    }
}

.has-feedback .form-control {
    padding-right: 28px !important;
}

.k-autocomplete {
    padding-right: 0px !important;
    background: #fff !important;
}

.dvAlertPercent .k-numeric-wrap input {
    height: 33px;
}

.dvClickable {
    cursor: pointer;
    width: 100%;
    color: blue;
}

.hrline {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    background: #ccc;
    height: 1px;
}
/* ZoomableTreeMap css   */

#zoomableTreeMapToolTip {
    position: absolute;
    display: none;
    width: auto;
    height: auto;
    background: none repeat scroll 0 0 black;
    border: 0 none;
    border-radius: 8px 8px 8px 8px;
    box-shadow: -3px 3px 15px #888888;
    color: white;
    font: 12px sans-serif;
    padding: 5px;
    text-align: center;
}

#domainDrillDown text {
    pointer-events: none;
}

#domainDrillDown .grandparent text {
    font-weight: bold;
}

#domainDrillDown rect {
    fill: none;
    stroke: #fff;
}

    #domainDrillDown rect.parent,
    #domainDrillDown .grandparent rect {
        stroke-width: 2px;
    }

#domainDrillDown .grandparent rect {
    fill: #e5b836;
    height: 24px;
}

#domainDrillDown .grandparent:hover rect {
    fill: #e5b836;
}

#domainDrillDown .children rect.parent,
#domainDrillDown .grandparent rect {
    cursor: pointer;
}

#domainDrillDown .children rect.parent {
    fill: #bbb;
    fill-opacity: .5;
}

#domainDrillDown .children:hover rect.child {
    fill: #bbb;
}
/* End Here   */


#dvTreeViewDeliveryLocations::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#dvTreeViewDeliveryLocations::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #1d1d1d;
}

#dvTreeViewDeliveryLocations::-webkit-scrollbar-thumb {
    background-color: #1d1d1d;
}

#dvTreeViewDeliveryLocations div.k-treeview {
    overflow: initial !important;
}

#domainDrillDown svg {
    margin-top: -2px;
}

.collectionAndDelivery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .collectionAndDelivery > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

.addressAccountEdit .k-state-disabled {
    background: #efefef !important;
}

.brdrline {
    border-top: 1px solid #ccc;
    padding-top: 6px;
}

.safariOnly .welcomelogin2 {
    height: 150px;
}

.safariOnly .k-grid .k-grid-pager .k-pager-info.k-label {
    float: right !important;
    width: 250px;
    margin-top: -35px
}

.safariOnly .k-grid-norecords + .k-grid-pager .k-pager-info.k-label {
    width: 300px !important;
}

.safariOnly .mrp-container {
    white-space: nowrap;
}

.safariOnly .productDetail th {
    text-align: left;
    white-space: nowrap;
}

.safariOnly .k-autocomplete input {
    line-height: 1;
}

.safariOnly input[type="number"]::-webkit-outer-spin-button,
.safariOnly input[type="number"]::-webkit-inner-spin-button {
    height: auto;
    float: right;
}

.safariOnly {
    font-family: inherit;
    font-size: 15px;
}

    .safariOnly .progressTitle {
        font-size: 11px !important;
    }

    .safariOnly .navbar-brand {
        padding: 15px 10px 10px 10px;
    }
/***************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-control-clear {
        top: 24px;
    }

    .responsiveScroll {
        overflow-x: hidden;
    }

    html {
        -ms-overflow-style: scrollbar;
    }
}

.inlineElements label {
    width: 40px;
    padding-right: 10px;
    text-align: right;
    vertical-align: initial !important;
}

.inlineElements .k-header {
    width: 90px;
    margin-right: 10px;
    margin-bottom: 6px;
}

.cutOfftimepadd {
    padding-left: 5.4%;
}

#divDashboardCaseChart .k-chart {
    height: 260px !important;
}

.redirect {
    position: absolute;
    display: inline-block;
    top: 79px;
    right: 7px;
    color: #272726;
}

.clickedCircle {
    /*color: #01B9C3 !important;*/
    text-decoration: underline;
}

.updateStatus {
    position: absolute;
    top: 12px;
    right: 0px;
    display: block;
    padding: 7px 10px;
}

input.dangrousgoodtxt {
    display: inline-block;
    height: 27px !important;
    border-bottom: 1px solid #ccc;
    width: 100% !important;
    padding-right: 0 !important;
}

.dangrousgoodtxt {
    display: inline-block;
    height: 29px;
    border-bottom: 1px solid #ccc;
    width: 100% !important;
    padding-right: 0 !important;
}

.autoCompleteDangourArrow {
    height: 29px;
    right: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    padding-top: 5px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-left: none;
}

.dangrousgoodtxt[disabled="disabled"]:hover, .autoCompleteDisabled {
    background: #efefef;
}

.dangrousgoodAutoComplete {
    position: relative;
}

.dangrousgoodAutoCompleteCheckbox {
    position: absolute;
    left: -2px;
    top: 0px;
}

.checkbox.checbox-switch {
    padding-left: 0;
    margin: 0;
}

    .checkbox.checbox-switch label,
    .checkbox-inline.checbox-switch {
        display: inline-block;
        position: relative;
        padding-left: 0;
        font-weight: bold;
    }

        .checkbox.checbox-switch label input,
        .checkbox-inline.checbox-switch input {
            display: none;
        }

        .checkbox.checbox-switch label span,
        .checkbox-inline.checbox-switch span {
            width: 50px;
            border-radius: 20px;
            height: 34px;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            background: #272726;
        }

            .checkbox.checbox-switch label span:before,
            .checkbox-inline.checbox-switch span:before {
                display: inline-block;
                width: 34px;
                height: 34px;
                border-radius: 20px;
                background: rgb(255,255,255);
                border: 1px solid #ddd;
                content: " ";
                top: 0;
                position: relative;
                left: -1px;
                transition: all 0.3s ease;
            }

        .checkbox.checbox-switch label > input:checked + span:before,
        .checkbox-inline.checbox-switch > input:checked + span:before {
            left: 18px;
        }

        .checkbox.checbox-switch label span + div:before,
        .checkbox-inline.checbox-switch span + div:before {
            content: attr(data-content-off);
        }

        .checkbox.checbox-switch label > input:checked + span + div:before, .checkbox-inline.checbox-switch > input:checked + span + div:before {
            content: attr(data-content-on);
        }

        .checkbox.checbox-switch.switch-success label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-success > input:checked + span {
            background-color: #e5b836;
        }

.switchLabel {
    display: inline-block;
    padding-left: 5px;
}

.thumNotEdit {
    background-color: #f1f1f1;
    color: #afaaaa;
}

textarea {
    resize: none;
}

.dvColummnButtonMenu {
    display: inline-block;
    position: absolute;
    top: 12px;
    z-index: 1;
    left: 127px;
}

.dvColummnButtonMenuDataExport {
    display: inline-block;
    position: absolute;
    top: 12px;
    z-index: 1;
    left: 0;
}

.dvColummnButtonMenuCRMExport {
    display: inline-block;
    position: absolute;
    top: 15px;
    z-index: 1;
}

.dvColummnButtonMenuExtCustomsImport {
    display: inline-block;
    position: absolute;
    top: 12px;
    z-index: 1;
    left: 0;
}

.k-header.k-grid-toolbar {
    padding-left: 0;
}

.columnMenu {
    display: inline-block;
}

    .columnMenu a span {
        color: #fff;
    }

    .columnMenu a:hover span {
        color: #272726;
    }

#rssFeedCarousel .carousel-caption {
    top: 50%;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    margin-top: -100px;
}

    #rssFeedCarousel .carousel-caption h3 {
        font-size: 50px;
        font-weight: 600;
    }

#dvRssFeed #rssFeedCarousel .carousel-caption {
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    transform: translate(0,-25%);
    height: 157px;
}

    #dvRssFeed #rssFeedCarousel .carousel-caption h3 {
        font-size: 20px !important;
    }

#dvRssFeed img {
    width: 100%;
    min-height: 100%;
}

/*#dvRssFeed .item img {
    height: 157px !important;
}*/
/*#dvRssFeed .item img {
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    transform: translate(0,-25%);
}*/

#dvRssFeed .item h3 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.tdcustomdetail input, .tdcustomnumber input {
    min-width: 80px;
    max-width: 110px;
    width: 100%;
}

.tddetail input {
    min-width: 175px;
    width: 100%;
}

.tdcustomorigin > span {
    width: 180px !important;
}

table.borderless > tbody > tr > td, table.borderless > tbody > tr > td {
    border: none !important;
    padding: 3px 0 3px 2px !important;
}

.generateInvoice a {
    display: inline-block !important;
}

.generateInvoice .copyInvoiceLink {
    float: right;
    padding-left: 31.5px !important;
    padding-right: 31.5px !important;
    width: 0px;
}

.loadingimage {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}

.scheduledStatus .k-widget.k-dropdown.k-header {
    width: 100%;
}

    .scheduledStatus .k-widget.k-dropdown.k-header .k-input {
        padding: 1px;
        font-weight: normal;
        color: #999 !important;
    }

.scheduledStatus .k-list-scroller {
    font-weight: normal;
}

.modalScroll {
    max-height: 79vh;
    overflow: auto;
}

.modalScroll2 {
    max-height: 80vh;
    overflow: auto;
}

#FtpName {
    display: inline-block;
    width: 95.4%;
    /*margin-left: 10px;*/
}

.schedulerfileborder {
    border: none;
    background: transparent;
}

.attachedDocIcon {
    width: 75px;
}

    .attachedDocIcon .fa-download {
        color: #e8b53c;
    }

.tableExportBtn {
    padding: 6px 20px;
    display: inline-block;
}

    .tableExportBtn span {
        margin: 4px 0 0 10px !important;
    }

.attachedDocIcon .glyphicon-remove {
    color: #272726;
    padding-left: 10px;
}

.dvColummnButtonMenu .btn-black {
    padding: 7px 10px;
}

.dvColummnButtonMenuDataExport .btn-black {
    padding: 7px 10px;
}

.dvColummnButtonMenuCRMExport.btn-black {
    padding: 7px 10px;
}

.exportall-btn2 .first-child-btn {
    padding: 7px 21px;
}

.dvColummnButtonMenuExtCustomsImport .btn-black {
    padding: 7px 10px;
}

.refreshSelfSetupShipment {
    position: absolute;
    top: 6px;
    right: 0px;
    display: block;
    padding: 7px 10px;
}

.refreshCaseActivites {
    position: absolute;
    top: 15px;
    right: 17px;
    display: block;
    padding: 3px 15px;
    color: #e5b836 !important;
    font-weight: 900;
    cursor: pointer;
}

.shipmentContains {
    margin-top: 43px;
    margin-left: 10px;
}

.modalloading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: block;
    opacity: .9;
    background-color: rgba( 0, 0, 0, 0.8);
    z-index: 99;
    text-align: center;
}

    .modalloading .loading-image {
        position: absolute;
        top: 45%;
        left: 45%;
        right: 45%;
        z-index: 600;
    }

.paddRightZeroImp {
    padding-right: 0 !important;
}

.radioInputCenter {
    text-align: center;
    vertical-align: middle !important;
}

.mdwdth30 {
    min-width: auto;
}

.servicePieChart .col-md-3 {
    width: 20%;
}

.servicePieChart .DashboardProgressBar {
    height: 200px;
}

    .servicePieChart .DashboardProgressBar div {
        height: 150px;
        width: 150px;
        margin-left: -75px;
    }

    .servicePieChart .DashboardProgressBar .rotate {
        clip: rect(0 75px 150px 0);
    }

    .servicePieChart .DashboardProgressBar .left {
        clip: rect(0 75px 150px 0);
    }

    .servicePieChart .DashboardProgressBar .right {
        clip: rect(0 75px 150px 0);
    }

    .servicePieChart .DashboardProgressBar div span {
        height: 125px;
        width: 125px;
        line-height: 160px;
    }

.servicePieChart .progressTitle {
    margin-top: 170px;
}

#dvDelivered {
    padding-right: 15px;
}

.boxsizing {
    box-sizing: border-box !important;
}

.switch-centre {
    margin: 0 auto !important;
    width: 180px;
}


.boxsizing {
    box-sizing: border-box !important;
}

.switch-centre {
    margin: 0 auto !important;
    width: 180px;
}

span.multiselect-native-select {
    position: relative
}

    span.multiselect-native-select select {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px -1px -1px -3px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
        left: 50%;
        top: 30px
    }

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .multiselect-container .input-group {
        margin: 5px
    }

    .multiselect-container > li {
        padding: 0
    }

        .multiselect-container > li > a.multiselect-all label {
            font-weight: 700
        }

        .multiselect-container > li.multiselect-group label {
            margin: 0;
            padding: 3px 20px 3px 20px;
            height: 100%;
        }

        .multiselect-container > li.multiselect-group-clickable label {
            cursor: pointer
        }

        .multiselect-container > li > a {
            padding: 0
        }

            .multiselect-container > li > a > label {
                margin: 0;
                height: 100%;
                cursor: pointer;
                padding: 3px 0 3px 30px
            }

                .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
                    margin: 0
                }

                .multiselect-container > li > a > label > input[type=checkbox] {
                    margin-bottom: 5px
                }

.multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}

.multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}

.multipleSelect .open {
    position: relative;
}

.multipleSelect .multiselect-container {
    width: 100%;
}

.modal-header .close {
    margin-top: -5px !important;
    font-size: 32px !important;
}

span.form-control.glyphicon.glyphicon-calendar.fa.fa-calendar {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    padding: 9px 12px;
}

.fa-calendar:before {
    content: "\f073";
    font-family: fontawesome;
}

/*.cal_left {
	left: 658px !important;
}
	.cal_left::after, .cal_left::before {
		display: none !important;
	}*/

#divDeliveryAnalysisPkgWeightKg .k-textboxnum {
    min-width: 88px !important;
    width: 88px !important;
}

.addpopup input {
    height: 28px !important;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.flt-none {
    float: none;
    margin: auto;
    text-align: left;
}

#prevRef, #nextRef {
    color: #131212;
    background: #f1f1f1;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border-radius: 50%;
    /*margin-left: -38px;*/
    text-decoration: none;
    box-shadow: 0px 0px 6px #d8d3d3;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    left: 5px;
}

#nextRef {
    /*margin-right: -38px;*/
    right: 5px;
    left: auto;
}

.disableLink {
    color: #d0d0d0 !important;
    cursor: auto;
    pointer-events: none;
}

.enableLink {
    color: #131212;
    cursor: pointer;
}

.goldenlink {
    color: #e5b836 !important;
}

.goldenlinkBold {
    color: #e5b836 !important;
    font-weight: bold;
}

.mrgntop3 {
    margin-top: 3px;
}

.divConditionOfGoods .k-dropdown {
    width: 100%;
}

.darkGreyRowColor {
    background-color: #c1c1c1 !important;
}

#dvSupplierList .k-multiselect-wrap .k-input {
    color: #9999A6 !important;
    /*padding: 0px;*/
    padding-top: 6px;
}

.multiSelectplaceholder input {
    color: #9999A6 !important;
    padding-top: 6px !important;
}

#divShipmentManifestDetails hr {
    margin: 7px 15px;
    border: 1px solid #e2dede;
}

#myModalManifestDetail {
    padding-right: 0 !important;
}

    #myModalManifestDetail .modal-body {
        display: inline-block;
        padding-bottom: 0px;
        width: 100%;
    }

#divGrdManifestDetails {
    padding-top: 10px;
    overflow: hidden;
}

.manifestDetailFooter {
    padding-top: 10px;
}

    .manifestDetailFooter button {
        margin-bottom: 10px;
        width: 15%;
    }

.manifestDetailHeader .close {
    font-size: 36px;
    line-height: 18px;
}

.divBookingTrackingFooter {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    padding-left: 51px;
}

#prevUpdateBookingTrackingLink, #nextUpdateBookingTrackingLink {
    color: #131212;
    background: #f1f1f1;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border-radius: 50%;
    /*margin-left: -38px;*/
    text-decoration: none;
    box-shadow: 0px 0px 6px #d8d3d3;
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    left: 5px;
    z-index: 9999;
}

#nextUpdateBookingTrackingLink {
    /*margin-right: -38px;*/
    right: 5px;
    left: auto;
}

#prevManualShpUpdateValueLink, #nextManualShpUpdateValueLink {
    color: #131212;
    background: #f1f1f1;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border-radius: 50%;
    /*margin-left: -38px;*/
    text-decoration: none;
    box-shadow: 0px 0px 6px #d8d3d3;
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    left: 5px;
    z-index: 9999;
}

#nextManualShpUpdateValueLink {
    /*margin-right: -38px;*/
    right: 5px;
    left: auto;
}

.divWindosToUpdateBookingTracking {
    width: 80% !important;
    left: 10% !important;
}

#windosToUpdateBookingTracking {
    padding-left: 50px;
    padding-right: 50px;
}

.overflowHidden {
    overflow: hidden !important;
}

.overflowAuto {
    overflow: auto !important;
}

#dvRssFeed .carousel_image {
    height: 157px;
}

    #dvRssFeed .carousel_image .carousel-caption {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

        #dvRssFeed .carousel_image .carousel-caption h3 {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 75%;
            transform: translate(-50%,-50%);
        }

    #dvRssFeed .carousel_image img {
        width: 100%;
        height: 157px;
        /*object-fit: cover;*/
    }

#dvLoginRssFeed .carousel_image img {
    width: 100%;
    height: 100vh !important;
}

#rssFeedCarousel .glyphicon-chevron-left, .glyphicon-chevron-right {
    margin-top: -17px !important;
}

#frmPartnerOrder .form-group {
    overflow: hidden !important;
}

.mrgnbottom25 {
    margin-bottom: 25px !important;
}

.mrgnbottom10 {
    margin-bottom: 10px !important;
}

.divFinanceDetailsAddresses {
    float: left;
    width: 100%;
    background-color: #f1f1f1;
    font-size: 14px;
    margin-bottom: 10px;
}

#grdPurchaseOrders {
    overflow: auto;
}

#grdSalesOrders {
    overflow: auto;
}

.k-multiselect {
    max-height: 140px;
    overflow: auto;
}

#txtCommonFilter {
    position: relative
}

.commonSerchDelivery {
    position: absolute;
    top: 0;
    right: 15px;
}

.mrgbottom6 {
    margin-bottom: 6px;
}

.mrgtop6 {
    margin-top: 6px;
}

.bookingTrackingGrid {
    overflow: auto;
}

    .bookingTrackingGrid .k-pager-wrap.k-grid-pager {
        width: 100%;
        margin-top: -1px;
    }

#grdBookingTrackingList .k-pager-info, #grdUpdateBookingTrackingList .k-pager-info {
    float: right !important;
}

#grdBookingList table tr:first-child ul.dropdown-menu {
    top: 0px;
    bottom: auto;
}

#grdDeliveryAnalysisBookingList table tr:first-child ul.dropdown-menu {
    top: 0px;
    bottom: auto;
}

#grdBookingList table ul.dropdown-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    background-color: #272726;
}

#grdBookingList table ul.dropdown-menu::-webkit-scrollbar {
    width: 4px;
    background-color: #1d1d1d;
}

#grdBookingList table ul.dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #e5b836;
}

.edediatbleButtons button {
    width: 60px;
    font-size: 14px;
    margin: 3px 0px;
    background: #000;
    border: none;
    color: #fff;
    border-radius: 5px;
    padding: 2px;
    outline: none;
}

.ediatble input {
    border-radius: 5px;
    border: #ccc 1px solid;
    padding: 0px 10px;
    height: 30px;
    outline: none;
}

.ediatble select {
    border-radius: 5px;
    border: #ccc 1px solid;
    padding: 0px 10px;
    height: 30px;
    outline: none;
}

.ediatbleInputNumber {
    width: 100px;
}

.calculationData-div {
    width: 500px;
    clear: both;
}

    .calculationData-div lable:last-child {
        float: right;
    }

.thumbnail label {
    padding-left: 5px;
    margin-bottom: 2px !important;
}

#grdBookingTrackingList.k-grid .k-grid-header .k-header .k-link {
    height: auto !important;
}

#grdBookingTrackingList.k-grid .k-grid-header .k-header {
    white-space: normal !important;
}

.divmainOperation {
    position: relative;
    margin-bottom: 18px;
    display: flex;
    flex-wrap: wrap;
    /*margin-top: 15px;*/
    padding-left: 15px;
}

.clsPrintModal {
    width: 639px;
    overflow: hidden !important;
    background-color: rgb(255, 255, 255);
    height: 95%;
    max-height: 605px;
    top: 10px;
    margin: 0px auto;
    border: 2px solid rgb(204, 204, 204);
    display: none;
    padding-right: 0px !important;
}

.calculationData-div lable:last-child {
    float: right;
}

.inputaditionaladdressCode {
    position: relative;
}

.btnaditionaladdressCode {
    position: absolute;
    top: 8px;
    right: 0px;
}

#dvManulualShpList .portalGrid .k-header.k-grid-toolbar.k-grid-top {
    padding: 0;
    padding-bottom: 21px !important;
}

#rssFeedDefaultImg {
    object-fit: cover;
    height: 100%;
}


.detailPopupModals {
    width: 70%;
    margin: 0 auto;
    top: 10%;
}

.customSearch {
    width: 300px;
    position: absolute;
    right: 80px;
    top: 58px;
    z-index: 99999;
    background: #ffffff;
    border: #bfb3b3 1px solid;
    padding: 12px;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
    display: none;
}

.dvFeedback {
    width: 500px;
    position: absolute;
    right: 80px;
    top: 58px;
    z-index: 99999;
    background: #ffffff;
    border: #bfb3b3 1px solid;
    padding: 12px;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
    display: none;
}

.searchBar {
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.customSearch .k-dropdown-wrap {
    border-color: #dcd7d7 !important;
    height: 34px !important;
    background: #f1f1f1 !important;
}

.searchBar #txtMenuShipmentSearch {
    /*border-color: #dcd7d7 !important;*/
    height: 34px !important;
    background-color: #f1f1f1;
    box-shadow: none;
}

.searchBar span {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 20px;
    border-left: #c0c0c0 1px solid;
    height: 100%;
    padding: 0px 10px;
    width: 35px;
    cursor: pointer;
}

.portalGrid tr.k-alt:hover {
    background-color: #F9F9F9 !important;
}

.k-grid tr:hover {
    background-color: #F1F1F1 !important;
}

tr.highlight_bgColor, tr.highlight_bgColor:hover, tr.k-alt.highlight_bgColor, tr.k-alt.highlight_bgColor:hover {
    background-color: #D3D3D3 !important;
}

tr.darkGreyRowColor:hover {
    background-color: #c1c1c1 !important;
}

#grdBookingList .k-grid-content {
    max-height: 450px;
    min-height: 350px;
}

#grdDeliveryAnalysisBookingList .k-grid-content {
    max-height: 420px;
    min-height: 290px;
}

#grdDataExportBookingList .k-grid-content, #grdPackageDataExportBookingList .k-grid-content {
    max-height: 420px;
    min-height: 350px;
}

#grd_dgMaterial .k-grid-content {
    max-height: 450px;
    min-height: 350px;
}

#grdExtCustomsImportList .k-grid-content {
    max-height: 270px;
    min-height: 250px;
}

#prevBookingDetailPopupLink, #nextBookingDetailPopupLink {
    color: #131212;
    background: #f1f1f1;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 0px 0px 6px #d8d3d3;
    position: absolute;
    transform: translateY(-50%);
    left: 5px;
}

#prevBookingDetailPopupLink {
    margin-left: 0px !important;
    top: 30%;
}

#nextBookingDetailPopupLink {
    right: 5px;
    left: auto;
    top: 30%;
}

.bookingDetailsPopup {
    width: 100%;
    float: left;
    padding-left: 50px;
    padding-right: 50px;
}

.pos-relative {
    position: relative;
}

.k-grid-filter {
    color: #101010 !important;
}

.k-state-active, .k-state-active:hover {
    color: #e5b836 !important;
}

.k-filter-menu .k-button.k-primary {
    background: #272726;
    color: #fff;
    border-radius: 5px;
    padding: 6px 20px;
    font-weight: bold;
}

    .k-filter-menu .k-button.k-primary:hover {
        background: transparent;
        color: #272726;
        border: 1px solid #272726;
    }

.subCarrierCreateLink {
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: -5px;
    top: 5px;
}

td[role=gridcell] input[type=checkbox] {
    vertical-align: middle;
}

#grdBookingList .k-grid-header, #grdDeliveryAnalysisBookingList .k-grid-header, #grdDataExportBookingList .k-grid-header, #grdPackageDataExportBookingList .k-grid-header {
    background-color: #F9F9F9;
}

.k-grid-update {
    background: #272726 !important;
    color: #fff;
    padding: 6px 10px;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid #272726;
}

#divSearchFileDDL #deliveryAddressAutoComplete .k-autocomplete > .k-i-close, #divSearchFileDDL #collectionAddressAutoComplete .k-autocomplete > .k-i-close {
    margin-right: 2px !important;
    height: 13px;
}

#divGlobalSearchType {
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

    #divGlobalSearchType .k-dropdown.k-header {
        width: 100%;
    }

    #divGlobalSearchType .k-input {
        font-size: 13px;
        color: #555 !important;
        line-height: 2.4;
    }

.mobileSearchIcon span {
    color: #e3b02b;
    font-size: 24px;
    float: right;
    margin-top: 17px;
    cursor: pointer;
    margin-right: 15px;
}

.userfeedbackIcon span {
    color: #e3b02b;
    font-size: 24px;
    float: right;
    margin-top: 18px;
    cursor: pointer;
    margin-right: 0;
}

.customSearch button {
    width: 48.5%;
    margin-top: 7px;
}

.dvFeedback button {
    width: 48.5%;
    margin-top: 7px;
}

.customSearch button:last-child {
    float: right !important;
}

.dvFeedback button:last-child {
    float: right !important;
}

.globalSearchTypeFontSize {
    font-size: 14px !important;
}

.customStandardSearch {
    width: 18%;
    float: right;
    margin-top: 12px;
}

.searchBarStandard {
    position: relative;
    margin-right: 15px;
}

.mobileStandardSearchIcon {
    display: none;
}

.searchBarStandard span {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 20px;
    border-left: #c0c0c0 1px solid;
    height: 100%;
    padding: 0px 10px;
    width: 35px;
    cursor: pointer;
}

#frmUpdateBookingTracking .k-link.k-link-time {
    display: none;
}

#frmUpdateBookingTracking .k-datetimepicker .k-picker-wrap {
    padding-right: 2.8em;
}

#frmUpdateBookingTracking .k-datetimepicker .k-select {
    width: 2.8em;
}

.updateBookingTrackingPopup {
    width: 92%;
    top: 4%;
    bottom: 1%;
    left: 4%;
    padding-right: 16px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
    z-index: 9999;
}

.paddbottom-10 {
    padding-bottom: 10px !important;
}

.disableBackgroudPopUp {
    background: rgba(0,0,0,0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
}


.modal-header-tracking {
    padding-top: 0px;
    padding-bottom: 1px;
}

.modal-header-tracking-content {
    padding: 10px 15px 8px 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #eee;
}

.bold-heading {
    font-weight: bold;
}

.updateBookingTrackingPopup fieldset.box-border {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.updateBookingTrackingPopup form.customDefaultCheckBox {
    background: #fff !important;
}

.bacground-color-white {
    background: #fff !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.margin-right-minus {
    margin-right: -13%;
}

.margin-top4 {
    margin-top: 4px;
}

.closeBtn_mobile {
    width: auto !important;
    float: right !important;
}

.redBorder {
    border-color: red !important;
    border-width: 1.3px;
}

.greyBorder {
    border-color: #dcd7d7 !important;
}

.btnMrgLft5 button {
    margin-left: 5px;
}

.clsWordWrap {
    word-break: break-all;
}

.add_dgmaterial_popup {
    width: 75%;
    top: 28%;
    left: 12%;
    padding-right: 0;
}

    .add_dgmaterial_popup form {
        padding: 20px;
        overflow: hidden;
    }

    .add_dgmaterial_popup button {
        /*margin-top: 10px;*/
    }

.exportBtn {
    top: -50px !important;
}

@media (max-width: 400px) {
    .exportBtn {
        top: -30% !important;
    }

    .twoBottomBtn {
        float: left;
        margin-top: 12%;
    }
}

@media (min-width: 768px) and (max-width: 900px) {
    .paddlft30 {
        padding-left: 5%;
    }
}

.margin-bottom-6 {
    margin-bottom: 6px;
}

.paddingrightSearchIcon {
    padding-right: 35px !important;
}

.width-124 {
    width: 124px;
}

.width-100Per {
    width: 100% !important;
}

@media (min-width:1199px) {
    .paddlft30 {
        padding-left: 5%;
    }

    .marg-7Per {
        margin-left: -7%;
    }

    .lg-paddlft-none {
        padding-left: 0 !important;
    }
}

@media (min-width:1300px) {
    .paddlft30 {
        padding-left: 3%;
    }
}

.clsToggle:before {
    width: 70% !important;
}

.width-98-Per {
    width: 98% !important;
}

.dgMaterial-grd-Import-btn button {
    margin-right: 5px !important;
}

.pad-btm-8 {
    padding-bottom: 8px;
}

.margin-top-15 {
    margin-top: 15px
}

.margin-top-6 {
    margin-top: 6px
}

.add-asset-popup {
    width: 40%;
    padding-right: 0;
    top: 50%;
    left: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
    background: #f1f1f1;
    padding-bottom: 15px;
}

#grd_asset .k-grid-content {
    max-height: 450px;
    min-height: 350px;
}

#grd_asset table tr:first-child ul.dropdown-menu {
    top: 0px;
    bottom: auto;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-lftrght-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#divAssetPopup, #divAssetImportPopup {
    padding-right: 0 !important;
}

#grd_asset table tr:first-child ul.dropdown-menu {
    top: 0px;
    bottom: auto;
}

#divModalAssetTracking {
    /*min-height: 420px !important;*/
    max-height: 580px !important;
    background-color: #fff;
    top: 5%;
    width: 65%;
    height: 58%;
    margin: 0 auto;
    border: 2px solid #ccc;
    overflow: inherit;
}

    #divModalAssetTracking .container-fluid {
        width: 90% !important;
    }

    #divModalAssetTracking .modal-body {
        padding-top: 0;
    }

    #divModalAssetTracking .modal-header {
        padding-top: 0;
        padding-bottom: 0;
    }

div#divModalAssetTracking {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.assetTrackingGrid {
    overflow: auto;
}

    .assetTrackingGrid .k-pager-wrap.k-grid-pager {
        width: 100%;
        margin-top: -1px;
    }

#grdAssetTrackingList .k-pager-info {
    float: right !important;
}

.assetImportPopup {
    width: 70%;
    max-height: 82%;
    padding-right: 0;
    top: 50%;
    left: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
    background: #f1f1f1;
    padding-bottom: 0;
    overflow-x: hidden !important;
}

#grdSelfSetupAssetList .k-grid-content {
    max-height: 530px !important;
    min-height: 330px !important
}
/*Fix scrollbar to bottom floating-scroll*/
.fl-scrolls {
    bottom: 0;
    min-height: 17px;
    overflow: auto;
    position: fixed
}

    .fl-scrolls div {
        height: 1px;
        overflow: hidden;
        pointer-events: none
    }

        .fl-scrolls div:before {
            content: "\A0"
        }

    .fl-scrolls, .fl-scrolls div {
        font-size: 1px;
        line-height: 0;
        margin: 0;
        padding: 0
    }

.fl-scrolls-hidden {
    bottom: 9999px
}

    .fl-scrolls-hidden div:before {
        content: "\A0\A0"
    }

.fl-scrolls-viewport {
    position: relative
}

.fl-scrolls-body {
    overflow: auto
}

.fl-scrolls-viewport .fl-scrolls {
    left: 0;
    position: absolute
}

.fl-scrolls-hoverable .fl-scrolls {
    opacity: 0;
    transition: opacity .5s .3s
}

.fl-scrolls-hoverable:hover .fl-scrolls {
    opacity: 1
}
/*END Fix scrollbar to bottom floating-scroll*/
.topPadding {
    padding-top: 7px
}

.tablescroll-div {
    overflow-y: auto !important;
}

.serviceKando-width .k-dropdown {
    width: auto !important;
}

.trRateLookUpBookingItem td {
    vertical-align: bottom !important;
}

.trActivityAttachment td button[name=btnUploadNoteAttachment] {
    margin-top: -3px !important;
}

.dvDABookingTrackingPartial #grdBookingTrackingList .k-grid-content {
    height: auto !important;
}

.updateBookingTrackingPopup #grdUpdateBookingTrackingList .k-grid-content {
    height: auto !important;
}

.divDABookingListPartial #divModalBookingTracking {
    height: auto !important;
    max-height: none !important;
}

.dvDABookingTrackingPartial #grdBookingTrackingList .k-grid-header {
    padding-right: 15px;
}

.dvDABookingTrackingPartial #prevRef, .dvDABookingTrackingPartial #nextRef {
    top: 90px;
}

.updateBookingTrackingPopup #prevUpdateBookingTrackingLink, .updateBookingTrackingPopup #nextUpdateBookingTrackingLink {
    top: 69px !important;
}


.margin-lt-3-3Per {
    margin-left: 3.3%;
}

.popup_scroll_height {
    max-height: initial !important;
    overflow: auto !important;
}

.divDABookingListPartial #divModalBookingTracking {
    height: inherit !important;
    max-height: none !important;
}

.divDABookingListPartial #grdBookingTrackingList .k-grid-content {
    min-height: 65px !important;
}

.updateBookingTrackingPopup #grdUpdateBookingTrackingList .k-grid-content {
    min-height: 85px !important;
}

.serviceKando-widthRateLookUp .k-widget {
    width: 100% !important;
}

.add-edit-PO-Line .k-listbox .k-item, .k-popup .k-list .k-item {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#CopyaccountListAutoComplete {
    margin-left: 18px;
    margin-right: 0px;
    margin-top: -32px;
    margin-bottom: 5px;
}

.DivBox {
    background-color: #f1f1f1;
    font-size: 14px;
}

.input-disabled {
    background: #ebebe4 !important;
}

.btnMargin {
    margin-top: -60px;
}

.table_customsMapping {
    width: 70%;
    margin: 0px auto 10px auto;
    background: #f1f1f1;
    padding: 20px;
    border-radius: 5px;
}

.tblCustomsMapping_height {
    height: 250px;
    overflow: auto;
}

#tblExtCustoms th {
    position: sticky;
    top: -1px;
    background: #d6d6d6;
    z-index: 10;
}

#tblExtCustoms td {
    vertical-align: middle !important;
}

    #tblExtCustoms td label {
        margin-bottom: 0 !important;
    }

.btnExtCustomsMapping {
    margin-top: 20px;
    padding-top: 20px;
    border-top: #ccc 1px solid;
}

.btnExtCustomsImport {
    width: 124px;
}

.btnExtCustomsSubmit {
    width: 80px;
    line-height: 1;
}

.nps_popup {
    width: 530px;
    padding-right: 0;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    overflow: hidden !important;
}

    .nps_popup form {
        padding: 5px 20px;
        overflow: hidden;
    }

.npsSlider {
    width: 500px;
}

.npsSliderRow {
    margin-top: 15px;
    margin-bottom: 15px;
}

.npsQuestion {
    padding: 0px 25px;
}

.npsButtons {
    width: 100px;
}

#divNPSContent {
    background-color: #f1f1f1;
    padding: 0;
}

.k-slider-selection {
    background-color: #e5b836 !important;
}

#grdExtCustomsImportList table tr:first-child ul.dropdown-menu {
    top: 0px;
    bottom: auto;
}

.userFeedbackSliderRow {
    margin-top: 10px;
    margin-bottom: 20px;
}

.lblUserFeedbackOptions {
    font-weight: normal !important;
}

.k-slider-horizontal .k-slider-selection, .k-slider-horizontal .k-slider-track {
    margin-top: -4px !important;
}

.divSlider {
    padding-left: 5px;
    padding-right: 5px;
}

.paddrght5 {
    padding-right: 10px;
}

.rating-clear {
    display: none;
}
/*  notifications */
.glyphicon-bell {
    color: #e3b02b;
    font-size: 22px;
    float: right;
    margin-top: 17px;
    margin-right: 15px;
    cursor: pointer;
    font-family: 'Glyphicons Halflings';
}

.noti-content {
    width: 500px;
    position: absolute;
    right: 130px;
    top: 58px;
    z-index: 99999;
    background: #ffffff;
    border: #bfb3b3 1px solid;
    padding: 18px 12px 12px 12px;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}

.noti-top-arrow {
    border-color: transparent;
    border-bottom-color: #F5DEB3;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    position: absolute;
    right: 32px;
    top: -8px;
}

span.count {
    position: absolute;
    font-size: 11px;
    top: -7px;
    right: -12px;
}

#notiContent {
    list-style-type: none;
}

.notiBox {
    padding: 10px 5px 5px 5px;
    border-radius: 5px;
    margin-bottom: 2px;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #ccc;
    width: 100%;
    float: left;
}

.noti-container {
    max-height: 500px;
    overflow-y: scroll;
    width: 480px;
    padding-right: 5px;
    margin-top: 5px;
}

.numberCircle {
    border-radius: 50%;
    width: 21px;
    height: 21px;
    padding: 5px 0px;
    background: #D12A40;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    line-height: 10px;
}

.blink_me {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.noti-close {
    opacity: 0.5;
}

.notificationSuccessIcon {
    color: green;
    margin-right: 3px;
}

.notificationErrorIcon {
    color: red;
    margin-right: 3px;
}

.notificationTimeAgoSpan {
    float: right;
    font-size: 12px;
    color: grey;
}

.notificationClosePanel {
    font-size: 32px;
    margin-left: 3px;
    line-height: 0.6;
    position: relative;
    top: -15px;
    left: 5px;
}

@media screen and (max-width: 767px) {
    .noti-content {
        top: 66px !important;
        width: 95% !important;
        left: 0;
        right: 0 !important;
        margin: auto;
    }

    .noti-container {
        width: 100% !important;
    }

    .glyphicon-bell {
        margin-top: 20px;
    }
}

.imgGrayed {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1) contrast(0.25); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1) contrast(0.25); /* Microsoft Edge and Firefox 35+ */
}

.dvShipmentErrorPagination button {
    display: inline-block;
    width: 36px;
    height: 27px;
    line-height: 20px;
    padding: 0px;
    margin-left: 2px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #cdcdcd;
}

.dvShipmentErrorPagination select {
    width: 64px;
    height: 28px;
    margin-left: 7px;
    margin-right: 2px;
    font-weight: bold;
    border-color: #ccc;
    border-radius: 4px;
    padding-left: 7px;
    font-size: 15px !important;
    cursor: pointer;
}

    .dvShipmentErrorPagination select option {
        font-weight: bold;
    }

.dvShipmentErrorPagination #txtPageNumber {
    margin-left: 7px;
}

.dvShipmentErrorPagination button .fa {
    font-weight: bold !important;
}

.dvShipmentErrorPagination #txtTotalPages {
    font-weight: bold;
    white-space: pre;
    font-size: 15px;
    padding-right: 5px;
}

.dvShipmentErrorListGrdHeader {
    vertical-align: bottom;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.dvShipmentErrorListGrdRow {
    vertical-align: bottom;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

    .dvShipmentErrorListGrdRow a, .dvShipmentErrorListGrdHeader a {
        vertical-align: top;
        cursor: pointer;
    }

    .tooltipCursor, .dvShipmentErrorListGrdRow .goldenlink {
        cursor: pointer;
    }

    .dvShipmentErrorListGrdRow .errorRow {
        width: 405px !important;
        display: inline-block;
        overflow: hidden;
    }

    .dvShipmentErrorListGrdRow .addressRow {
        width: 150px !important;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.width200 {
    width: 200px;
}

.shipmentErrorExclamation {
    color: red !important;
}

.bulkUpdatePopUpCheckbox {
    vertical-align: text-top;
    margin-left: 5px !important;
    margin-top: 5px !important;
}

.confirmationDeleteTemplate {
    left: calc(30%);
    right: calc(30%);
}

.confirmationDelete {
    left: calc(44%) !important;
}

.bookingTrackingChange {
    display: inline;
}

.dvbookingTrackingChange {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
    justify-content: center;
}

.margin-0 {
    margin: 0 !important;
    padding-left: 5px !important;
}

#TrackingImportAuthKey {
    display: inline-block;
    width: 95.4%;
}

.dvAuditListGrdRow .goldenlink {
    cursor: pointer;
}

.overridePadding {
    margin: 0 !important;
}

    .overridePadding .forTooltips {
        visibility: hidden;
        width: 120px;
        background-color: #e5b836;
        color: #272726;
        text-align: center;
        border-radius: 2px !important;
        padding: 2px 1px !important;
        /* Position the tooltip */
        position: absolute;
        z-index: 5;
        margin-left: -7.5%;
        margin-top: 2%;
    }

    .overridePadding .forTooltipDate {
        visibility: hidden;
        width: 80px;
        background-color: #e5b836;
        color: #272726;
        text-align: center;
        border-radius: 2px !important;
        padding: 2px 1px !important;
        /* Position the tooltip */
        position: absolute;
        z-index: 5;
        margin-left: 0.5%;
        margin-top: -0.2%;
    }

    .overridePadding .forTooltipTime {
        visibility: hidden;
        width: 40px;
        background-color: #e5b836;
        color: #272726;
        text-align: center;
        border-radius: 2px !important;
        padding: 2px 1px !important;
        /* Position the tooltip */
        position: absolute;
        z-index: 5;
        margin-left: 1.5%;
        margin-top: -0.2%;
    }

    .overridePadding:hover .forTooltips {
        visibility: visible;
    }

    .overridePadding:hover .forTooltipDate {
        visibility: visible;
    }

    .overridePadding:hover .forTooltipTime {
        visibility: visible;
    }

    .overridePadding .forTooltips1 {
        visibility: hidden;
        width: 120px;
        background-color: #e5b836;
        color: #272726;
        text-align: center;
        border-radius: 2px !important;
        padding: 2px 1px !important;
        /* Position the tooltip */
        position: absolute;
        z-index: 5;
        margin-left: 0.5%;
        margin-top: -0.2%;
    }

    .overridePadding:hover .forTooltips1 {
        visibility: visible;
    }

    .overridePadding .forTooltips2 {
        visibility: hidden;
        width: 120px;
        background-color: #e5b836;
        color: #272726;
        text-align: center;
        border-radius: 2px !important;
        padding: 2px 1px !important;
        /* Position the tooltip */
        position: absolute;
        z-index: 5;
        margin-left: 0.5%;
        margin-top: -0.2%;
    }

    .overridePadding:hover .forTooltips2 {
        visibility: visible;
    }

    .overridePadding .forTooltips3 {
        visibility: hidden;
        width: 120px;
        background-color: #e5b836;
        color: #272726;
        text-align: center;
        border-radius: 2px !important;
        padding: 2px 1px !important;
        /* Position the tooltip */
        position: absolute;
        z-index: 5;
        margin-left: 1.5%;
        margin-top: -0.2%;
    }

    .overridePadding:hover .forTooltips3 {
        visibility: visible;
    }

.invert {
  
}

.logoImg {
    width: 118px;
}