body {
    background-color: #F3F4FB
}

label {
    font-weight: 400;
}

.hrefnone {
    cursor: default;
}

.form-control {
    border-radius: 2px;
    height: 34px;
}
.errorclass {
    border-radius: 2px;
    height: 34px;
}
.input-group-addon {
    border-radius: 2px;
}

.bg-custom {
    background-color: #91a0a0 !important;
}

.page-title {
    font-size: 18px;
    color: #d2d0d0;
    font-weight: 700;
}

#sidebar_list.advance_searchcol .form-group label {
    font-weight: 700;
}

.user-box p {
    float: left;
    padding-right: 6px;
    text-align: right;
    font-size: 17px;
    line-height: 20px;
    color: #639;
}

.user-box p span {
    font-size: 13px;
    clear: both;
    display: block;
    color: #666;
}

.mtop10 {
    margin-top: 10px;
}

.cardHeader {
    border-bottom: solid 1px #ccc;
}

.labelButtonFilter button {
    margin-top: 27px;
    border-radius: 2px;
}

.headerHeading {
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px;
}

.headerHeading .header-title {
    font-size: 20px;
    color: #293eb1;
}

.user-box .user-box-header {
    border-bottom: solid 1px #ccc;
}

.user-box .user-box-header h5 {
    text-align: center;
    font-size: 14px;
    background-color: #293eb1;
    color: #b8c3ff;
    line-height: 20px;
    padding: 13px 0px;
    margin: 0px;
}

.user-box .user-box-header h5 span {
    display: block;
    font-size: 15px;
    color: #fff;
}

.filters-action .dropdown-menu label.radio input[type=radio] {
    visibility: hidden;
}

.filters-action .dropdown-menu label.radio {
    padding-left: 10px;
}

.filters-action ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 20px;
}

.filters-action .multiselect-clear-filter {
    height: 39px;
}

.filters-action .multiselect-native-select .multiselect {
    width: 100%;
    text-align: left;
    border: solid 2px #b8bac3;
    background-color: #fbfbff;
    height: 39px;
}

.filters-action .multiselect-native-select .btn-group {
    width: 100%;
}

.filters-action .multiselect-native-select .multiselect-selected-text {
    font-size: 17px !important;
}

.filters-action .multiselect .caret {
    position: absolute;
    right: 8px;
    top: 14px;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    border-top: 6px dashed;
}

.filters-action .multiselect-container li {
    margin-top: 1px;
}

.filters-action .multiselect-container.dropdown-menu>.active>a,
.filters-action .multiselect-container.dropdown-menu>.active>a:hover,
.filters-action .multiselect-container.dropdown-menu>.active>a:focus {
    background-color: #7f8398 !important;
}

.filters-action span.multiselect-native-select .multiselect.btn-default {
    width: 341px;
}

.filters-action .multiselect-container {
    width: 341px !important;
    max-height: 338px;
    overflow: auto;
    border-radius: 0px;
    padding: 4px 0px;
}


/* radio */

.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.custom-radio [type="radio"]:checked+label,
.custom-radio [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.custom-radio [type="radio"]:checked+label:before,
.custom-radio [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #969696;
    border-radius: 100%;
    background: #fff;
}

.custom-radio [type="radio"]:checked+label:after,
.custom-radio [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #00c2d2;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.custom-radio [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.custom-radio [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* radio */


/* checkmark */

.custom-input input {
    position: absolute;
    opacity: 0;
}

label.custom-input {
    padding-left: 34px;
}

.formcontainer .signSection .alert {
    border-radius: 2px;
}

.formcontainer .signSection .alert-danger {
    color: #d42b4a;
    background-color: #ffb2c0;
    border-color: #ffb2c0;
}


/* On mouse-over, add a grey background color */

.custom-input:hover input~.checkmark {}


/* When the checkbox is checked, add a blue background */

.custom-input input:checked~.checkmark {
    background-color: #676f94;
    border: solid 1px #676f94;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.custom-input input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.custom-input .checkmark:after {
    left: 8px;
    top: 5px;
    width: 7px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark {
    position: absolute;
    top: -3px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 2px;
    cursor: pointer;
    border: solid 1px #ccc;
}


/* checkmark */

.custom-input.nolabel {
    margin-top: 36px;
    position: relative;
}


/* side-menu */

.side-menu {
    background: #FFF;
    border-right: none;
    box-shadow: hsla(0, 0%, 12%, 0.08) 0 0 16px;
}

#sidebar-menu>ul>li>a {
    color: #152d54;
    font-size: 14px;
}

#sidebar-menu>ul>li>a.active {
    color: #152D54 !important;
    background-color: #E7ECFD;
    border-right: 4px solid #152D54;
}

#sidebar-menu>ul>li>a:hover {
    color: #fff !important;
    background-color: #152D54 !important;
}

#sidebar-menu>ul>li>a i:hover {
    color: #fff !important;
    background-color: transparent;
}

#sidebar-menu>ul>li>a:hover,
#sidebar-menu>ul>li>a:focus,
#sidebar-menu>ul>li>a:active {
    color: #152d54;
    text-decoration: none;
    background-color: transparent;
}

#sidebar-menu ul li a:hover i {
    color: #fff;
}

#sidebar-menu ul li a i {
    color: #152d54;
}

#sidebar-menu>ul>li>a i.active {
    color: #fff !important;
    background-color: #152d54;
}

#sidebar-menu ul li a.active i {
    color: #152d54 !important;
    background-color: transparent;
}

#sidebar-menu ul li a.active:hover i {
    color: #fff !important;
    background-color: transparent;
}

#sidebar-menu ul li a svg {
    fill: #b2c4ff;
    stroke: #b2c4ff;
    width: 18px;
    position: absolute;
    top: 17px;
}

#sidebar-menu>ul>li>a svg.active {
    fill: #fff;
    stroke: #fff;
}

#sidebar-menu ul li a.active svg {
    fill: #fff;
    stroke: #fff;
}

#sidebar-menu ul li a .reports-svg {
    width: 17px;
}

#sidebar-menu ul li a .tourleaders-svg {
    width: 20px;
}

#sidebar-menu ul li a .warnings-svg {
    width: 18px;
}


/* #sidebar-menu > ul > li > a > span { padding-left: 31px;} */

#sidebar-menu ul li a svg.dashboardsvg {
    top: 15px !important;
}

.enlarged #sidebar-menu>ul>li:hover>a.active svg {
    fill: #293eb1;
    stroke: #293eb1;
    top: 23px;
}

.enlarged #sidebar-menu>ul>li:hover a svg {
    fill: #293eb1;
    stroke: #293eb1;
    top: 20px;
}

.enlarged #sidebar-menu>ul>li:hover>a {
    box-shadow: hsl(0, 0%, 70%) 0 0 6px;
}

.enlarged #sidebar-menu ul li a svg.dashboardsvg {
    top: 20px !important;
}


/* side-menu */

.btn-default {
    border-radius: 2px;
}

.btn-blue {
    color: #fff;
    background-color: #293eb1;
    border: none !important;
    font-size: 16px;
    padding: 9px 15px 6px 15px;
    box-shadow: none;
    text-transform: uppercase;
    border-radius: 2px;
}

.btn-blue:hover {
    color: #fff;
    background-color: #4960da;
    border-color: none;
    box-shadow: none;
}

.btn-blue.focus,
.btn-blue:focus {
    color: #fff;
    background-color: #4960da;
    border-color: none !important;
    box-shadow: none;
}

.btn-blue.cancelBt {
    color: #fff;
    background-color: #969696;
}

.btn-blue.cancelBt:hover {
    color: #fff;
    background-color: #6d6d6d;
    border-color: none;
    box-shadow: none;
}

.btn-blue.cancelBt.focus,
.btn-blue.cancelBt:focus {
    color: #fff;
    background-color: #6d6d6d;
    border-color: none !important;
    box-shadow: none;
}

.menu-title {
    color: #aec0fd;
    font-size: 12px;
}

.navbar-default {
    background-color: #152D54;
    box-shadow: 0 0 40px 0 rgba(82, 63, 105, .1)
}

.topbar .topbar-left {
    background-color: #FFF;
    height: auto;
    width: 240px;
    text-align: left;
    padding-left: 20px;
    height: 73px;
}

.navbar-default {
    border-bottom: none;
}

.logo img {
    /* height: 52px; */
    height: auto;
}

.button-menu-mobile {
    background-color: transparent;
}

.menuThreeLines {
    fill: #152D54;
    display: block !important;
    margin-top: 5px;
}

.menuThreeLines .firstline {
    transform: translate(0px, -5px);
}

.menuThreeLines .secondline {
    transform: translateX(0px);
}

.enlarged .menuThreeLines .firstline {
    transform: translate(20px, -5px);
}

.enlarged .menuThreeLines .secondline {
    transform: translateX(40px);
}

body.enlarged .topbar .topbar-left {
    padding-left: 9px;
}

body.enlarged .logo img {
    height: 38px;
}

body.enlarged .side-menu {
    top: 73px;
}

.card-box.buttonsCard {
    background-color: #d3dfe0;
    display: inline-block;
    width: 100%;
    padding: 18px 20px;
    border: solid 1px #cedbdc;
}


/* forms */

.form-group input[type="text"]:focus,
.form-group input[type=email]:focus,
input[type=email]:focus,
input[type=text]:focus,
input[type=password]:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #616890;
}


/* .formstyle .multiselect-container.dropdown-menu > .active > a,
.formstyle .multiselect-container.dropdown-menu > .active > a:hover,
.formstyle .multiselect-container.dropdown-menu > .active > a:focus {background-color:#3c52cc !important;} */

.filters-action.formfilter span.multiselect-native-select .multiselect.btn-default {
    width: 100%;
}

.filters-action.formfilter ul {
    margin: 0px;
    padding: 0px;
}

.filters-action.formfilter .multiselect-filter .disabled.active a label {
    color: #fff;
}

.filters-action.formfilter .multiselect-container {
    width: 100% !important;
}

.multiselect-container>li>a:hover>label {
    color: #fff;
}


/* forms */


/* datepicker */

.datepicker .datepicker-days th {
    color: #333;
}

.datepicker th.datepicker-switch {
    color: #152c55;
}

.datepicker td.day {
    color: #333;
}


/* datepicker */

.dashCardblue {
    background-color: #5473e8;
    padding: 40px 40px;
    display: inline-block;
    width: 100%;
}

.dashCardgreen {
    background-color: #36c2cf;
    padding: 40px 40px;
    display: inline-block;
    width: 100%;
}

.boxsCards-dashboard svg {
    fill: #fff;
    stroke: #fff;
    width: 80px;
    opacity: 0.8;
    display: inline-block;
}

.boxsCards-dashboard h3 {
    font-size: 20px;
    color: #fff;
    opacity: 1;
    float: right;
    font-weight: 400;
    margin: -8px 0px 0px 0px;
    padding: 0px;
}

.boxsCards-dashboard h3 span {
    color: #fff;
    opacity: 1 !important;
    display: block;
    font-weight: 600 !important;
    font-size: 46px;
    margin: 0px;
}


/* dataTables */

.card-box.table-responsive {
    padding: 0px;
}

.card-box.table-responsive .table {
    margin-bottom: 0px;
}

.card-box.table-responsive .tablecirclesuper {
    color: #40aeb7;
    font-size: 13px;
}

div.dataTables_wrapper div.dataTables_filter input {
    height: 36px;
    border: 1px solid #C7CFE9;
}

.table thead {
    background-color: #fff;
    color: #152c55;
}

.table thead th {
    font-weight: 500;
}

.table tbody td {
    font-size: 13px;
    color: #333;
}

.dataTables_info {
    font-size: 13px;
}

div.dataTables_wrapper div.dataTables_paginate {
    font-size: 15px;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #00c2d2;
    border-color: #00c2d2;
}

.tableStyle .dataTables_filter .form-control.input-sm {
    width: 202px;
    font-size: 16px;
}

.nosort.sorting:after {
    display: none !important;
}

.td-moredetailsLink {
    color: #293eb1;
    cursor: pointer;
}

.td-moredetailsLink:hover {
    color: #586de0;
}

.td-moredetailsLink:hover td {
    background-color: #effcfd;
}

.table-bordered>tbody>tr>td {
    border: 1px solid #efefef;
}

.table-bordered>thead>tr>th {
    border: 1px solid #8b95b7;
}

.activeTd {
    color: #0cc300;
}

.activeTd:before {
    content: "\f111";
    font-size: 12px !important;
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 5px;
}

.inactiveTd {
    color: #e47171;
}

.inactiveTd:before {
    content: "\f111";
    font-size: 12px !important;
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 5px;
}

.plannedTd {
    color: #f78d0a;
}

.plannedTd:before {
    content: "\f111";
    font-size: 12px !important;
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 5px;
}

span.tableFollowup {
    border-radius: 25px;
    padding: 2px 12px;
    background-color: #edf0f9;
    float: left;
    margin-right: 5px;
}


/* Button Tables */

.partiListBt {
    padding: 2px 12px;
    border: none;
    background-color: #455194;
    color: #fff;
    margin-top: 2px;
    float: left;
    border-radius: 25px;
}

.partiListBt:hover {
    background-color: #00c2d2;
    color: #fff;
}

.table-actionbt {
    border: none;
    background-color: transparent;
    padding: 0px;
    margin: 0px 0px 0px 9px;
    border: solid 1px #e2e2e2;
    line-height: 27px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    float: left;
    color: #455194;
}

.table-actionbt:hover {
    border: none;
    background-color: #00c2d2;
    border: solid 1px #00c2d2;
    color: #fff;
    border-radius: 50%;
}

.table-actionbt:hover i {
    color: #fff;
}

.table-actionbt svg {
    fill: #455194;
    stroke: #455194;
    width: 18px;
    padding-top: 0px;
    padding-left: 2px;
    display: block;
    margin: auto;
}

.table-actionbt:hover svg {
    fill: #fff;
    stroke: #fff;
}

.partiListBt:disabled {
    color: #c3c3c3;
    background-color: #edf0f9;
}

.table-actionbt:disabled svg {
    fill: #c5c5c5;
    stroke: #c5c5c5;
}

.table-actionbt:disabled i {
    color: #c5c5c5;
}

.table-actionbt:hover:disabled {
    background-color: transparent;
    border: solid 1px #f1f1f1;
}

.table-actionbt:hover:disabled svg {
    fill: #c5c5c5;
    stroke: #c5c5c5;
}

.table-actionbt:hover:disabled i {
    color: #c5c5c5;
}


/* Button Tables */


/* dataTables */


/* spinCount */

.spinCountInput .form-control {
    float: left;
    width: 100%;
}
.spinCountInput .errorclass {
    float: left;
    width: 100%;
}


.spinCountInput .input-group-btn-vertical {
    position: absolute;
    right: 0px;
    width: auto;
    z-index: 9;
}

.spinCountInput .input-group {
    width: 100%;
}

.spinCountInput .bootstrap-touchspin .input-group-btn-vertical>.btn {
    display: inline-block;
    height: 39px;
    width: auto;
    border-radius: 0px;
    border: solid 2px #b8bac3;
}

.spinCountInput .bootstrap-touchspin .input-group-btn-vertical i {
    margin-top: 2px;
    font-size: 18px;
    position: inherit;
    top: auto;
    left: auto;
}

.spinCountInput .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    margin-top: 0px;
    margin-left: -2px;
}


/* TABS */

.tabsBlock .nav-tabs>li>a {
    background-color: #f1f4ff;
    font-size: 18px;
    border-radius: 2px;
    box-shadow: 0 16px 26px -10px rgba(63, 106, 216, 0.20);
}

.nav-tabs {
    margin-bottom: 0px;
    border-bottom: none;
}

.tabsBlock .nav-tabs .active a {
    background-color: #0da8b5;
    color: #fff;
    box-shadow: 0 16px 10px -14px rgb(0, 194, 210);
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background-color: #fff;
    border: 1px solid #EEF2F9;
    border-radius: 0;
}


/* TABS */


/* tooltip */

.tooltip-inner {
    background-color: #3c4254;
    color: #fff;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #3c4254;
}


/* tooltip */

.card-box.sm-card {
    padding: 20px;
    box-shadow: 5px 5px 40px -21px rgba(34, 52, 69, 0.24);
}

.viewUserCard h5 {
    font-size: 18px;
    color: #495baf;
    margin: 0px 0px 5px 0px;
    display: inline-block;
}

.viewUserCard p {
    font-size: 16px;
    color: #666;
    margin: 8px 0px 0px 0px;
    display: block;
}

.viewUserCard p .fa {
    font-size: 17px;
    color: #c1c1c1;
    padding-right: 2px;
}

.viewUserCardName {
    display: block;
}

.viewUserCardName .actionbt {
    border: none;
    background-color: transparent;
    margin: -3px 0px 0px 10px;
    padding: 0px;
    color: #455194;
    float: right;
}

.viewUserCardName .actionbt:hover {
    color: #0ab5c3;
}

.circlesuper {
    float: right;
    margin-left: 10px;
    color: #4CAF50;
    position: absolute;
    top: -5px;
    right: 7px;
}

.modalpackageAmount {
    float: right;
    font-size: 18px;
    margin-right: 30px;
}

.modalpackageAmount span {
    color: #293eb1;
    font-weight: 600;
    font-size: 20px;
}

.headerlabel {
    font-size: 20px;
    color: #293eb1;
}


/* .itinerarydetails-modal */

.itinerarydetails-modal .panel-body p {
    color: #333;
}

.itinerarydetails-modal .panel-group {
    margin-left: 30px;
}

.itinerarydetails-modal .accordion-toggle {
    width: 100%;
    display: inline-block;
    font-size: 19px;
}

.itinerarydetails-modal .panel-heading .accordion-toggle:after {
    font-family: FontAwesome;
    content: "\f107";
    float: right;
    color: grey;
}

.itinerarydetails-modal .panel-heading .accordion-toggle.collapsed:after {
    content: "\f105";
}

.itinerarydetails-modal .accordion-toggle.collapsed:before {
    color: #a9a3a3;
    font-size: 19px;
    transform: scale(1)
}

.itinerarydetails-modal .accordion-toggle:before {
    content: "\f041";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 21px;
    font-size: 22px;
    z-index: 1;
    color: #00c2d2;
    margin-top: 2px;
    transform: scale(1.5)
}

.itinerarydetails-modal .panel-default:before {
    position: absolute;
    content: "";
    border-left: 1px dashed #c7d0d9;
    width: 0;
    height: 100%;
    padding-top: 0;
    top: 34px;
    left: 26px;
}

.itinerarydetails-modal .panel-default>.panel-heading {
    background-color: transparent;
    border-color: transparent;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 20px;
}

.itinerarydetails-modal .panel-default {
    border-color: transparent;
}

.itinerarydetails-modal .panel-default>.panel-heading a.collapsed {
    color: #333;
}

.itinerarydetails-modal .panel-default>.panel-heading a {
    color: #293eb1;
}


/* .itinerarydetails-modal */

.detailsCard h5 {
    margin: 0px;
    color: #000;
}

.detailsCard .form-group {
    margin-bottom: 25px;
}

.detailsCard .labelButtonFilter button {
    margin-top: 6px;
    border-radius: 2px;
}

.paymentInformation .paymentImg img {
    width: 100%;
    margin-top: 30px;
}

.Paymentinfo {
    background-color: #fff;
    padding: 25px;
    box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.15);
}

.Paymentinfo .innerheader-title {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #293eb1;
}

.Paymentinfo .expiryDate label {
    display: block;
    width: 100%;
}

.Paymentinfo .expiryDate .expiryDateInput {
    float: left;
    width: 45%;
    margin-right: 8px;
}

.Paymentinfo .expiryDate .expiryDateInput2 {
    float: left;
    width: 45%;
    margin-left: 8px;
}

.Paymentinfo p {
    font-size: 16px;
    color: #666;
}

.Paymentinfo h6 {
    font-size: 18px;
    color: #333;
    font-weight: 400;
}

.Paymentinfo h6 strong {
    font-size: 25px;
}

.radioBtBlock {
    margin-bottom: 30px;
    margin: 20px 0px 20px 0px;
    display: inline-block;
}

.radioBtBlock .custom-radio {
    float: left;
    margin-right: 27px;
}


/* paddingtop and paddingbottom css */

.mtop25 {
    margin-top: 25px;
}

.mbottom25 {
    margin-bottom: 25px;
}

.ptlbr10 {
    padding: 10px;
}

.ptlbr15 {
    padding: 15px;
}

.ptlbr20 {
    padding: 20px;
}

.ptlbr25 {
    padding: 25px;
}

.ptlbr30 {
    padding: 30px;
}

.ptop10 {
    padding-top: 10px;
}

.pbottom10 {
    padding-bottom: 10px;
}

.ptop20 {
    padding-top: 20px;
}

.pbottom20 {
    padding-bottom: 20px;
}

.ptop25 {
    padding-top: 25px;
}

.pbottom25 {
    padding-bottom: 25px;
}

.ptop30 {
    padding-top: 30px;
}

.pbottom30 {
    padding-bottom: 30px;
}


/* fillter section css */

.bg-white {
    background-color: #ffffff !important;
    display: inline-block;
    width: 100%;
    border: 1px solid #EEF2F9;
    border-radius: 6px;
    box-shadow: -8px 12px 18px 0 rgb(241, 245, 253);
}

.filter-section .form-group {
    margin-bottom: 0;
    position: relative;
}

.filter-section .form-control {
    border-radius: 0;
    height: 36px;
    border: 1px solid #C7CFE9;
}
.filter-section .errorclass {
    border-radius: 0;
    height: 36px;
    border: 1px solid #e60000;
}

.btn_color {
    background: #13B4E5;
    border: 1px solid#13B4E5;
    border-radius: 30px;
    padding: 7px 28px;
}

.btn-primary.btn_color:hover {
    color: #fff;
    background-color: #152c55;
    border-color: #152c55;
}

.form-group input[type="text"]:focus,
.form-group input[type="email"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="password"]:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #13b4e5;
}

.filter-section .form-group i {
    position: absolute;
    right: 6px;
    top: 10px;
}

.filter-section .form-control:focus {
    box-shadow: inherit;
}
.filter-section .errorclass:focus {
    box-shadow: inherit;
}
.filter_icons_col {
    padding: 0;
    list-style: none;
    margin: 0;
    text-align: right;
}

.filter-section .navbar a {
    float: left;
    font-size: 21px;
    color: #747474;
    text-align: center;
    padding: 0px 16px;
    border-right: 1px solid #E7ECFD;
    text-decoration: none;
}

.filter-section .dropdown {
    float: left;
}

.filter-section .dropdown .dropbtn {
    font-size: 16px;
    border: 1px solid #E7ECFD;
    outline: none;
    color: #747474;
    padding: 5px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    border-bottom: inherit;
    border-top: inherit;
    border-left: inherit;
}

.filter-section .dropbtn::last-child {
    border: none;
}

.filter-section .navbar a::last-child {
    border: none;
}

.dropdown-menu.mega-dropdown-menu>li>a.active {
    background: #13B4E5;
    color: #fff;
}

.dropdown-menu.mega-dropdown-menu>li>a.active i {
    color: #fff;
}

.filter-section .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    right: 0;
    border-top: 4px solid #13B4E5;
    top: 30px;
}

.filter-section .dropdown-content a {
    float: none;
    color: #152c55;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 14px;
}

.filter-section .dropdown-content a:hover {
    color: #13B4E5;
}

.filter-section .dropdown-content::after {
    content: ' \f0d8';
    position: absolute;
    top: -28px;
    font-family: FontAwesome;
    margin: 0 auto;
    width: 20px;
    left: 79%;
    color: #13b4e5;
    font-size: 28px;
}

.filter-section .dropdown:hover .dropdown-content {
    display: block;
}

.filter_icons .navbar {
    position: relative;
    min-height: inherit;
    margin-bottom: 0;
    border: none;
}

.filter-section .dropdown-content a i {
    padding-right: 6px;
}

.filter-section .col-md-9.col-sm-12 {
    padding: 0;
}

.widget-two-primary {
    background: #4fb4fe;
    /* Old browsers */
    background: -moz-linear-gradient(left, #4fb4fe 0%, #9cd2fd 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #4fb4fe 0%, #9cd2fd 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #4fb4fe 0%, #9cd2fd 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4fb4fe', endColorstr='#9cd2fd', GradientType=1);
    /* IE6-9 */
    position: relative;
    box-shadow: 0px 5px 15px 5px rgba(146, 153, 212, 0.1);
}

.widget-box-two .widget-two-icon {
    position: absolute;
    left: 30px;
    font-size: 30px !important;
    top: 30px;
    overflow: hidden;
    vertical-align: middle;
    height: 48px;
    width: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0px 5px 15px 0px rgba(8, 18, 109, 0.1);
    background: rgba(197, 229, 254, 0.4);
}

.widget-box-two .wigdet-two-content {
    position: relative;
    margin-left: 70px;
}

.widget-box-two p {
    line-height: 1.6;
    font-size: 13px;
}

.card-box .bg_icon_col {
    position: absolute;
    content: "";
    top: 10px;
    right: 90px;
    font-size: 48px;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -moz-transition-delay: .0s;
    -webkit-transition-delay: .0s;
    transition-delay: .0s;
}

.card-box:hover .bg_icon_col {
    font-size: 80px;
    opacity: .06;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.map img {
    width: 100%;
}

.dropdown h3 {
    font-size: 14px;
    color: #152D54;
}

.contact-status_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-status_list .contact {
    margin-bottom: 15px;
}

.contact-status_list .wrap {
    position: relative;
}

.contact-status_list .icon-name {
    width: 32px;
    height: 32px;
    color: #152D54;
    position: absolute;
    background: #ccc;
    border-radius: 100%;
    line-height: 32px;
    text-align: center;
    left: 0;
    font-weight: 500;
    font-size: 13px;
}

.contact-status_list .meta {
    margin-left: 40px;
}

.contact-status_list .name {
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    color: #152D54;
}

.contact-status_list .preview {
    font-size: 13px;
    margin: 0;
}

.contact-status_list .preview span {
    color: #585858;
}

.contact-status {
    background: #ccc;
    width: 10px;
    height: 10px;
    position: absolute;
    display: inline-block;
    border-radius: 30px;
    right: 0;
    top: 1px;
    border: solid 1px #FFF;
}


/* .contact-status.online{background: #49CBB6;} */


/* .icon-name.online{ background: rgba(73, 203, 182, 0.4); } */

.contact-status_list .active .icon-name {
    color: #49cbb6;
    background: #DDFCEB;
}

.contact-status_list .active .contact-status {
    background: #49cbb6;
}

.contact-status_list .active .preview span {
    color: #49cbb6;
}

.contact-status_list .offline .icon-name {
    color: #ADABD2;
    background: #E6E6F2;
}

.contact-status_list .offline .contact-status {
    background: #ADABD2;
}

.contact-status_list .offline .preview span {
    color: #ADABD2;
}

.contact-status_list .active .icon-name .icon {
    font-size: 16px;
    line-height: 32px;
}

.contact-status_list.display-inline li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 30%;
}


/* Legend Shows */

.legend ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.legend ul li {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    padding-left: 20px;
    font-size: 13px;
}

.legend ul li::before {
    content: "\f111";
    font-family: "FontAwesome";
    line-height: inherit;
    position: absolute;
    left: 0;
    font-size: 12px;
}

.legend ul li.active {
    color: #49cbb6;
}

.legend ul li.active::before {
    color: #49cbb6;
}

.legend ul li.offline {
    color: #ADABD2;
}

.legend ul li.offline::before {
    color: #ADABD2;
}


/*
.scroll .slimScrollBar{     background: rgba(210, 210, 210, 0.87)  !important; width: 5px !important;     opacity: 0.4 !important;} */

.custom-scroll::-webkit-scrollbar {
    width: 5px;
    cursor: pointer;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #dee7f4;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #E7ECFD;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #ADABD2;
}

.widget-maxHeight-250 {
    max-height: 250px;
    min-height: 250px;
}

.position-relative {
    position: relative;
}

.options-block {
    position: absolute;
    right: 15px;
    top: 20px;
}


/* =============
   Tabs
============= */

.tab-content {
    padding: 0px 0 0 0;
}

.nav-tabs>li>a {
    color: #747474;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #13B4E5;
}


/* Vertial tab */

.tabs-vertical-env .tab-content {
    background: #ffffff;
    display: table-cell;
    padding: 0 0 0 20px;
    vertical-align: top;
}

.tabs-vertical-env .nav.tabs-vertical {
    display: table-cell;
    min-width: 120px;
    vertical-align: top;
    width: 150px;
}

.tabs-vertical-env .nav.tabs-vertical li>a {
    color: #313a46;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}

.tabs-vertical-env .nav.tabs-vertical li.active>a {
    background-color: rgba(152, 166, 173, 0.1);
    border: 0;
    color: #1ea69a;
}

.tabs-vertical-env-right .tab-content {
    padding: 0 20px 0 0;
}

.tabs-bordered {
    border-bottom: 2px solid rgba(152, 166, 173, 0.2) !important;
}

.tabs-bordered li a,
.tabs-bordered li a:hover,
.tabs-bordered li a:focus {
    border: 0 !important;
    background-color: #ffffff !important;
    padding: 10px 10px !important;
}

.tabs-bordered li.active a,
.tabs-bordered li.active a:hover,
.tabs-bordered li.active a:focus {
    border-bottom: 2px solid #13B4E5 !important;
    margin-bottom: -1px;
    color: #13B4E5;
}


/* =============
   Alerts
============= */

.alert {
    position: relative;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.alert .alert-link {
    font-weight: 600;
}

.alert-dismissable .close,
.alert-dismissible .close {
    opacity: 0.9;
}

.alert-icon {
    padding-left: 50px;
}

.alert-icon i {
    position: absolute;
    left: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    top: 0;
    line-height: 40px;
    font-size: 22px;
}

.alert-success {
    color: #78c350;
    background-color: #edf7e8;
    border-color: #b3dd9c;
}

.alert-success .alert-link {
    color: #5fa739;
}

.alert-success hr {
    border-top-color: #5fa739;
}

.alert-info {
    color: #45bbe0;
    background-color: #def3fa;
    border-color: #9cdbef;
}

.alert-info .alert-link {
    color: #23a6cf;
}

.alert-info hr {
    border-top-color: #23a6cf;
}

.alert-warning {
    color: #ff9800;
    background-color: #fff5e5;
    border-color: #ffd699;
}

.alert-warning .alert-link {
    color: #cc7a00;
}

.alert-warning hr {
    border-top-color: #cc7a00;
}

.alert-danger {
    color: #f7531f;
    background-color: #fef2ee;
    border-color: #fb9f81;
}

.alert-danger .alert-link {
    color: #db3b08;
}

.alert-danger hr {
    border-top-color: #db3b08;
}

.alert-white {
    background-color: #ffffff !important;
}

.jq-toast-single {
    border-radius: 0;
    font-family: 'Yantramanav', sans-serif;
    background-color: #313a46;
    font-size: 14px;
}

.jq-toast-single h2 {
    font-family: 'Source Sans Pro', sans-serif;
}

.jq-toast-single a {
    font-size: 14px;
}

.jq-toast-single a:hover {
    color: #1ea69a;
}

.jq-icon-info {
    background-color: #45bbe0;
    color: #ffffff;
    border-color: #45bbe0;
}

.jq-icon-success {
    background-color: #78c350;
    color: #ffffff;
    border-color: #78c350;
}

.jq-icon-warning {
    background-color: #ff9800;
    color: #ffffff;
    border-color: #ff9800;
}

.jq-icon-error {
    background-color: #f7531f;
    color: #ffffff;
    border-color: #f7531f;
}

.close-jq-toast-single {
    position: absolute;
    top: -12px;
    right: -12px;
    font-size: 20px;
    cursor: pointer;
    height: 32px;
    width: 32px;
    background-color: #313a46;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
}

.jq-toast-loader {
    height: 3px;
    border-radius: 0;
}

.footer-links ul {
    margin: 0px;
    padding: 0px;
    list-style: none
}

.footer-links ul li {
    display: inline-block;
    margin-left: 20px;
}

.footer-links ul li a {
    color: #797979
}

.footer-links ul li:hover a {
    color: #13B4E5;
}


/* -------Order Page css------- */


/* =============
   Checkbox and Radios
============= */

.checkbox label,
.radio label {
    padding-left: 25px !important;
    font-size: 15px;
}

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: 3px;
    width: 14px;
    height: 14px;
    float: left;
    margin-left: -25px;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: 12px;
    line-height: 0;
    top: 6px;
    left: 0px;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none !important;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
    opacity: 0;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
    opacity: 1;
}

.checkbox-custom label input[type="checkbox"]:checked+.cr {
    background-color: #1ea69a;
    border-color: #1ea69a;
    color: #ffffff;
}

.checkbox-primary label input[type="checkbox"]:checked+.cr {
    background-color: #348cd4;
    border-color: #348cd4;
    color: #ffffff;
}

.checkbox-success label input[type="checkbox"]:checked+.cr {
    background-color: #78c350;
    border-color: #78c350;
    color: #ffffff;
}

.checkbox-info label input[type="checkbox"]:checked+.cr {
    background-color: #45bbe0;
    border-color: #45bbe0;
    color: #ffffff;
}

.checkbox-warning label input[type="checkbox"]:checked+.cr {
    background-color: #ff9800;
    border-color: #ff9800;
    color: #ffffff;
}

.checkbox-danger label input[type="checkbox"]:checked+.cr {
    background-color: #f7531f;
    border-color: #f7531f;
    color: #ffffff;
}

.checkbox-inverse label input[type="checkbox"]:checked+.cr {
    background-color: #3b3e47;
    border-color: #3b3e47;
    color: #ffffff;
}

.checkbox-pink label input[type="checkbox"]:checked+.cr {
    background-color: #F06292;
    border-color: #F06292;
    color: #ffffff;
}

.checkbox-purple label input[type="checkbox"]:checked+.cr {
    background-color: #8892d6;
    border-color: #8892d6;
    color: #ffffff;
}

.radio-primary label input[type="radio"]:checked+.cr {
    border-color: #348cd4;
    color: #348cd4;
}

.radio-success label input[type="radio"]:checked+.cr {
    border-color: #78c350;
    color: #78c350;
}

.radio-info label input[type="radio"]:checked+.cr {
    border-color: #45bbe0;
    color: #45bbe0;
}

.radio-warning label input[type="radio"]:checked+.cr {
    border-color: #ff9800;
    color: #ff9800;
}

.radio-danger label input[type="radio"]:checked+.cr {
    border-color: #f7531f;
    color: #f7531f;
}

.radio-custom label input[type="radio"]:checked+.cr {
    border-color: #1ea69a;
    color: #1ea69a;
}

.radio-inverse label input[type="radio"]:checked+.cr {
    border-color: #3b3e47;
    color: #3b3e47;
}

.radio-pink label input[type="radio"]:checked+.cr {
    border-color: #F06292;
    color: #F06292;
}

.radio-purple label input[type="radio"]:checked+.cr {
    border-color: #8892d6;
    color: #8892d6;
}

.checkbox label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
    opacity: .5;
}

.main-datatable .table-bordered>tbody>tr>td {
    border-bottom: inherit;
    border-right: inherit;
}

.main-datatable table tr td a {
    color: #13b3e5;
    margin-right: 8px;
}

div.dataTables_wrapper div.dataTables_filter input {
    height: 36px;
    border: 1px solid #C7CFE9;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-size: 13px;
}

.main-datatable {
    position: relative;
    background: #fff;
    padding: 15px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ECEFFC;
}

.pagination a {
    border: none !important;
}

.pagination>.active>a {
    background-color: #152c55;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 20px;
}

.title-heading {
    position: relative;
}

.title-heading h3 {
    color: #152D54;
    font-size: 16px;
    font-weight: 600;
}

.adv_filter .btn_color {
    background: #13B4E5;
    border: 1px solid #13B4E5;
    border-radius: 30px;
    padding: 4px 8px;
    margin-top: 4px;
}

/*.title_header {
    border-bottom: 1px solid #E7ECFD;
    padding: 10px 0;
    margin-bottom: 20px;
}*/
.title_header {
    padding: 5px 0;
}

.title_header h2 {
    font-size: 16px;
    margin: 0;
    color: #142b54;
    font-weight: 500;
}

.advance_searchcol .form-group label {
    font-weight: 600;
    font-size: 14px;
    color: #162d56;
}

.btn_color {
    color: #fff;
}

.resetbtn {
    background: #152c55;
    border: 1px solid #152c55;
}

.btn_color:hover {
    color: #fff;
    background-color: #152c55;
    border-color: #152c55;
}

.resetbtn:hover {
    background: #13B4E5;
    border: 1px solid #13B4E5;
}

.view_more {
    background: #EBF2F9;
    padding: 10px;
}

.mtop15 {
    margin-top: 15px
}

.form-control {
    box-shadow: inherit;
}

.form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #13B4E5 !important;
}

.table-bordered>tbody>tr>td {
    border: inherit;
}

.table-bordered {
    border: 1px solid #E6E6F2;
}

.table-bordered>thead>tr>th {
    border: inherit;
    font-size: 13px;
}

.checkbox label,
.radio label {
    min-height: 14px;
}

.table>thead>tr>th {
    vertical-align: middle;
    border-bottom: inherit;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 10px;
}

.table>tbody>tr>td {
    border-top: 1px solid #E7ECFD;
}

.booking-chat-section .filter-section .dropdown .dropbtn,
.options-block .filter-section .dropdown .dropbtn {
    border: inherit;
}

.topbar .navbar-default .navbar-nav>li>a {
    color: #fff;
}

.main-datatable .table>tbody>tr>td {
    vertical-align: middle;
    padding: 10px 10px;
}

.dataTable .form-inline .checkbox,
.form-inline .radio {
    position: relative;
}

.dataTable .checkbox label,
.dataTable .radio label {
    min-height: 14px;
    position: absolute;
    padding: 0;
    padding-left: 0px;
    top: -9px;
}

.main-datatable .filter-section .dropdown-content {
    min-width: 160px;
    top: 23px;
    right: 0px;
    z-index: 9;
}

.main-datatable .filter-section .dropdown-content a {
    color: #152c55;
    padding: 6px 12px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 13px;
    margin: 0;
}

.main-datatable .filter-section .dropdown-content::after {
    left: 88%;
}

.main-datatable .filter-section .dropdown-content a span {
    padding-right: 10px;
}

.main-datatable .navbar {
    height: inherit;
    width: inherit;
    display: inline-flex;
    width: 100%;
}

.main-datatable .filter-section .dropdown-content a:hover {
    color: #13B4E5;
}

.main-datatable .filter-section .dropdown .dropbtn {
    border: inherit;
}

.main-datatable .dataTables_length {
    text-align: right;
    margin-right: 80px;
}

.main-datatable .table.dataTable thead .sorting::after {
    opacity: 0.2;
    /* content: "\f0dc"; */
    font-family: FontAwesome;
}

.main-datatable .table.dataTable thead .sorting_asc::after {
    content: "\f0de";
    font-family: FontAwesome;
}

.main-datatable .table.dataTable thead .sorting_desc::after {
    content: "\f0dd";
    font-family: FontAwesome;
}

.p_pending {
    color: #FDB201;
}

.p_open {
    color: #01B1FE;
}

.p_closed {
    color: #8AC249;
}

.main-datatable .table.dataTable tr td i {
    padding-right: 7px;
}

.main-datatable .filter-section .dropdown .dropbtn {
    padding: 0 5px;
    font-size: 13px;
}

.main-datatable .filter-section .dropdown {
    margin-top: -12px;
}

.main-datatable .table.dataTable thead .shoring_icon_no.sorting_asc::after {
    content: "";
    font-family: FontAwesome;
}

.main-datatable .table.dataTable thead .shoring_icon_no.sorting::after {
    content: "";
    font-family: FontAwesome;
}

.main-datatable .table.dataTable thead .shoring_icon_no.sorting_desc::after {
    content: "";
    font-family: FontAwesome;
}

.shoring_icon_no .checkbox .cr,
.shoring_icon_no .radio .cr {
    margin-left: -23px;
}

.pagination_list {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: right;
}

.pagination_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination_list li {
    display: inline-block;
}

.pagination_list ul li span {
    padding: 3px 12px;
    background: #E6E6F2;
    border-radius: 30px;
    width: 32px;
    height: 32px;
    line-height: 41px;
    font-size: 18px;
    cursor: pointer;
}

.pagination_list li.active span {
    background: #162D56;
    color: #fff;
}

.pagination_list ul li a {
    padding: 3px 12px;
    background: #E6E6F2;
    border-radius: 30px;
    width: 32px;
    height: 32px;
    line-height: 41px;
    font-size: 18px;
}

#listgrid {
    padding: 12px 0;
    display: inline-block;
}

#listgrid {
    padding: 12px 0;
    display: inline-block;
    font-size: 14px;
    color: #162d56;
    cursor: pointer;
}

.dropdown_list h3 {
    padding: 0 20px;
    font-size: 14px;
}

.title_paginationcol .dropdown_list .dropdown-menu {
    margin: -11px 0 0;
    min-width: 110px;
    z-index: 1;
}

.title_paginationcol .dropdown_list .dropdown-menu>li>a:focus,
.title_paginationcol .dropdown_list .dropdown-menu>li>a:hover {
    background-color: inherit !important;
    color: #152c55;
}

.title_paginationcol .dropdown_list li a {
    padding: 5px 20px;
}

.title_paginationcol .dropdown_list .dropdown-menu>.active>a {
    background-color: inherit !important;
    color: #13B4E5;
}

.pagination_list li.active a {
    background: #162D56;
    color: #fff;
}

.sidebar.right {
    top: 0;
    right: 0;
    bottom: 0;
    width: 30%;
    background: #fff;
}

.title_header {
    position: relative;
}

.sidebars {
    position: relative;
}

.sidebars>.sidebar {
    position: fixed;
    color: white;
    padding: 20px;
    z-index: 999;
    box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, .13);
}

.sidebars_list>.sidebar {
    position: absolute;
    color: white;
    padding: 20px;
    z-index: 1;
    box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, .13);
    width: 80%;
}

#sidebars_list .sidebar.right {
    top: 70px;
    right: 0;
    bottom: 0;
    width: 60%;
    background: #fff;
}

.closebtn {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    padding: 1px 10px;
    border-radius: 30px;
    color: #162d56;
}

.advance_searchcol .title_header {
    border-bottom: 1px solid #E7ECFD;
    padding: 0;
    margin-bottom: 20px;
}

.advance_searchcol .title_header h2 {
    font-size: 21px;
    margin: 0;
    color: #142b54;
    font-weight: 600;
}

.advance_searchcol .title_header h3 {
    font-size: 14px;
    color: #13b4e5;
}

.footer-search {
    position: fixed;
    width: 27%;
    bottom: 0;
}

.advance_searchcol .form-group p {
    line-height: 19px;
    color: #333435;
    font-size: 14px;
}

.footer-view_list {
    position: fixed;
    bottom: 0;
    width: 57%;
}

.custom-scroll {
    overflow-x: hidden;
}

.mb70 {
    margin-bottom: 60px;
}


/*----------------booking order -----*/


/* Wizard */

.number {
    display: none;
}

.wizard>.content {
    background: #ffffff;
    min-height: 240px;
    padding: 0px !important;
    margin-top: 10px !important;
}

.wizard>.content>.body {
    padding: 0px;
    position: relative;
    width: 100%;
}

.wizard>.content>.body input {
    border: 1px solid #E7ECFD;
}

.form-control {
    border: 2px solid #E7ECFD;
}
.errorclass {
    border: 2px solid #e60000;
}

.input-group-btn>.btn {
    border: 2px solid #E7ECFD;
}

.wizard>.content>.body ul>li {
    display: block;
    line-height: 30px;
}

.wizard>.content>.body label.error {
    color: #f7531f;
    margin-left: 0;
    margin-top: 5px;
    font-size: 12px;
}

.wizard>.content>.body label {
    display: inline-block;
    margin-top: 10px;
}

.wizard>.steps a {
    font-size: 16px;
    text-align: left;
}

.wizard>.steps .number {
    font-size: 74px;
    line-height: 86px;
    position: absolute;
    left: 10px;
    top: -14px;
    opacity: 0.1;
    display: none;
}

wizard ul li a i {
    position: absolute;
    font-size: 18px;
    top: 21px;
    background: #E4E7EB;
    padding: 10px;
    border-radius: 30px;
}

.wizard>.steps .disabled a {
    background: #EEF2F9;
    color: #3c4655 !important;
    cursor: default;
    border: 1px solid #EEF2F9;
}

.wizard>.steps .disabled a:hover {
    background: #162d56;
    border: 1px solid #EEF2F9;
    color: #13b3e3 !important;
}

.wizard>.steps .disabled a:active {
    background: #e6e6e6;
    border: 1px solid #dadada;
}

.wizard>.steps .current a {
    background: #fff;
    font-weight: 600;
    border: 1px solid #EEF2F9;
}

.steps ul li a span {
    display: inline-block;
    width: 100%;
    color: #152D54;
    font-size: 14px;
}

.wizard>.steps .current a:hover {
    background: #142d55;
}

.wizard>.steps .current a:hover .number {
    color: #ffffff;
    opacity: 0.4;
}

.wizard>.steps .current a:active {
    background: #fff;
    color: #49CBB6;
}

.wizard>.steps .current a:active .number {
    color: #ffffff;
    opacity: 0.4;
}

.wizard>.steps .current a .number {
    color: #ffffff;
    opacity: 0.4;
}

.wizard>.steps .done a {
    background: #fff !important;
    color: #49CBB6 !important;
    border: 1px solid#EEF2F9;
}

.wizard>.steps a,
.wizard>.steps a:hover,
.wizard>.steps a:active,
.wizard>.content {
    border-radius: 0px;
    position: relative;
}

.wizard>.actions {
    margin-top: 15px !important;
}

.wizard>.actions a {
    background: #13b3e5;
    border-radius: 30px !important;
    color: #ffffff;
}

.wizard>.actions a:hover {
    background: #152c55;
    color: #ffffff;
}

.wizard>.actions a:active {
    background: #152c55;
    color: #ffffff;
}

.wizard>.actions .disabled a:hover {
    background: #152c55;
    color: #fff;
    cursor: default;
    border: 1px solid #152c55;
}

.wizard>.actions .disabled a:active {
    background: #152c55;
    color: #fff;
    cursor: default;
    border: 1px solid #152c55;
}

.wizard.vertical>.content {
    margin-top: 0px !important;
}

.wizard ul li a i {
    position: absolute;
    font-size: 18px;
    top: 21px;
    background: #E4E7EB;
    padding: 10px;
    border-radius: 30px;
    left: 15px;
}

.steps ul li a:hover span {
    display: inline-block;
    width: 100%;
    color: #fff;
}


/*Input Fields CSS Start Here*/

.general_input_fields .form-group i {
    position: absolute;
    top: 39px;
    right: 10px;
    border-left: 1px solid #E7ECFD;
    padding: 11px 10px;
}

.form-group label {
    font-size: 14px;
    font-weight: 600;
    color: #162d56;
}

.input-group label {
    font-size: 14px;
    font-weight: 600;
    color: #162d56;
}

.form-group {
    position: relative;
}

@media (max-width: 560px) {
    .wizard.vertical>.steps,
    .wizard.vertical>.content {
        width: 100%;
    }
}


/* ----accordion css-------- */

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border: inherit;
}

.panel-default>.panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #EEF2F9;
    border: inherit;
}

.panel-title {
    font-size: 14px;
}

.panel-title>a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    color: #13B4E5;
}

.more-less {
    float: right;
    color: #212121;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: inherit;
}

.input-group-btn svg {
    width: 16px;
    height: 16px;
    margin-top: 4px;
}

.input-group .input-group-btn:last-child>.btn {
    margin-top: 24px;
    position: relative;
    padding: 6px 8px 5px 8px;
}

.input-group .input-group-btn:last-child>.btn:focus {
    box-shadow: initial;
}

.btn-outline-secondary {
    color: #c8ced3;
    background-color: transparent;
    background-image: none;
    border-color: #E7ECFD;
}

.btn-outline-secondary:hover {
    color: #23282c;
    background-color: #c8ced3;
    border-color: #c8ced3;
}


/*Routing Details Css Start Here*/

.routing_details .fields_search {
    position: absolute;
    right: 11px;
    top: 28px;
    border: none;
    background: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    border-left: 1px solid #ccc;
}

.routing_details .fields_search i {
    text-align: center;
    position: static;
    border: none;
    padding: 0px;
}

.routing_details .calc {
    position: absolute;
    right: 0;
    top: 26px;
    border-left: 1px solid #ccc;
    width: 32px;
    height: 32px;
    background: none;
    text-align: center;
    padding: 6px 0px;
}

.fields_title {
    color: #152c55;
    font-size: 18px;
    font-weight: 600;
    padding: 0px 0px;
    margin-top: 0px;
}

.reference_block {
    background: #fff;
    padding: 20px 20px;
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.add-row {
    width: 100%;
    text-align: center;
}

.add-row .add-btn {
    border: 2px solid #eef2fd;
    border-radius: 30px;
    color: #49cbb6;
    background: #fff;
    padding: 4px 10px;
    position: relative;
    top: -15px;
    font-size: 14px;
}

.routing_details .form-group .checkbox-info {
    display: inline-block;
}

.header_srction {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 0px;
}


/*-----model----*/

.modal-header {
    padding: 15px;
    border-bottom: none;
    background: inherit;
}

.form-group .checkbox-info {
    display: inline-block;
}

.close {
    color: #0b162b;
    opacity: 1;
    font-size: 32px;
    font-weight: 300;
}

.modal-title {
    color: white !important;
}

.input-group {
    margin-bottom: 15px;
}

.form-control.selecTmci {
    position: absolute;
    top: 25px;
    right: -83px;
    width: 91px;
    z-index: 2;
}
.errorclass.selecTmci {
    position: absolute;
    top: 25px;
    right: -83px;
    width: 91px;
    z-index: 2;
}

.form-group.cargo .checkbox-info {
    display: inline-block;
}

.form-group.cargo {
    margin-top: 26px;
}

#cargo_details svg {
    width: 18px;
    height: 18px;
}

#editing td {
    padding: 0 !important;
}

.main-datatable .filter-section .dropdown-content a {
    border: none;
}

.dropdown .btn-default:hover {
    background-color: #fff;
    border-color: #fff;
}

.dropdown .btn-default:active:hover {
    background-color: #fff;
    border-color: #fff;
}


/* Custom Dropdownmenu */

.selectDropDown {
    position: absolute;
    right: 0;
    z-index: 9;
    border-radius: 0;
    background-color: #E7ECFD;
    border: none;
    height: 38px;
    padding: 0 3px;
}

ul.dropdown-menu.menuSelect {
    top: 35px;
}

.dropdown .dyntext {
    color: #333;
}

.modal-content table tbody tr:last-child {
    border-bottom: inherit;
}

.main-datatable .input-group {
    display: inline-table;
    vertical-align: middle;
    margin: 0;
}

.bg-white .panel-group {
    margin-bottom: 0;
    margin-top: 0px;
}

.input-group .dropdown .btn-primary:hover {
    color: #fff;
    background-color: #14b4e4;
    border-color: #fff;
}

.input-group .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #14b4e4;
    border-color: #14b4e4;
}

.table-responsive {
    width: 100%;
}


/*
    @media (max-width: 767px) {
        .table-responsive .dropdown-menu {
            position: static !important;
        }
    }

    @media (min-width: 768px) {
        .table-responsive {
            overflow: visible;
        }
    } */

.main-datatable table tr td ul li a {
    color: #333;
    margin-right: 0;
    text-align: left;
    border: none;
}

.add-edit-table .dropdown-menu {
    right: 0 !important;
    left: inherit !important;
}

.main-datatable table tr td ul li a span {
    color: #333;
    font-size: 13px;
}

#editing .nav.nav-tabs {
    padding: 0 10px;
}

.dropdown-toggle span.icon.tru-icon-more-icon {
    font-size: 7px;
}

.main-datatable table tr td .dropdown.open .dropdown-menu li a span {
    padding-right: 10px;
}

.main-datatable table tr td .nav-tabs>li>a:hover {
    background-color: inherit;
    border: inherit;
    border-radius: inherit;
}

.main-datatable table tr td .nav>li>a:focus,
.main-datatable table tr td .nav>li>a:hover {
    text-decoration: none;
    background-color: inherit !important;
}

.main-datatable table tr td .nav .open>a,
.main-datatable table tr td .nav .open>a:focus,
.main-datatable table tr td .nav .open>a:hover {
    background-color: inherit;
    border: none;
}

.main-datatable table tr td .nav-tabs {
    margin-bottom: 0;
    position: relative;
}

.main-datatable table tr td .nav-tabs>li>a {
    border: inherit;
    padding: 0;
}

.dataTable .dropdown-menu>li>a:hover {
    background: none !important;
    color: #13b3e3;
}

.table .dropdown-menu li a span {
    padding-right: 10px;
}

#editing .measurement .form-control.input-sm {
    width: 44%;
}

#editing .measurement .input-group select.form-control {
    width: 57%;
    position: absolute;
    right: 0;
}
#editing .measurement .input-group select.errorclass {
    width: 57%;
    position: absolute;
    right: 0;
}

#editing .measurement {
    min-width: 150px;
}

.dropup.open .dropdown-menu {
    border-bottom: 4px solid #13b4e5;
}

.dropup.open .dropdown-menu::after {
    content: '\f0d7';
    position: absolute;
    bottom: -19px;
    right: 5px;
    font-family: FontAwesome;
    color: #13b4e5;
    font-size: 18px;
}

.dropdown.open .dropdown-menu {
    border-top: 4px solid #13b4e5;
}

.dropdown.open .dropdown-menu::after {
    content: '\f0d8';
    position: absolute;
    top: -19px;
    right: 5px;
    font-family: FontAwesome;
    color: #13b4e5;
    font-size: 18px;
}

.main-datatable .dropdown-menu>li>a:focus,
.main-datatable .dropdown-menu>li>a:hover {
    background-color: inherit !important;
    color: #13b4e5;
}

.btn-outline-secondary i {
    color: #152c55;
}

.nowrap {
    white-space: nowrap;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: inherit;
}

.white-backgound {
    background: #fff;
    box-shadow: none;
}

.wrapper_topmenu .content-page {
    margin-left: 0px;
    overflow: hidden;
    transition: all 0.2s ease 0s;
}

.wrapper_topmenu .topbar .navbar-default .navbar-nav>li>a {
    color: #152c55;
    text-align: center;
    /*  background: #fff;
    border: 1px solid #E6E6F2;
    border-radius: 8px;
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .06);
    margin: 5px; */
    padding: 0;

}

.white-backgound ul.nav.navbar-nav {
    padding: 15px 0;
}

.wrapper_topmenu .topbar .navbar-default .navbar-nav.rightside_section_col>li>a {
    color: #152c55;
    text-align: center;
    border-radius: 0px;
    width: auto;
    border: none;
    box-shadow: none;
}

.wrapper_topmenu .content-page .content {
    padding: 0;
    margin-top: 100px;
}

.wrapper_topmenu .breadcrumb_main {
    background: #152c55;
    padding: 0px 15px;
}

.wrapper_topmenu .topbar .navbar-default .navbar-nav.rightside_section_col>li>a {
    margin: 0px 0px 0 0;
}

.rightside_section_col li.dropdown a.dropdown-toggle {
    padding: 0px 0 !important;
}

.navbar-default .right-menu-item .badge {
    position: absolute;
    top: -8px;
    right: -2px;
    width: inherit !important;
}

.wrapper_topmenu .topbar {
    box-shadow: none;
}

.wrapper_topmenu .breadcrumb_main .breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    padding-top: 2px;
    padding-left: 0;
}

.breadcrumb {
    padding: 4px 15px;
}

.breadcrumb_main .breadcrumb a {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.breadcrumb_main .breadcrumb>li+li::before {
    padding: 0 5px;
    color: #13b4e5;
    content: '|';
}

.breadcrumb_main .breadcrumb>.active {
    color: #13b4e5;
}

.routingDetails .panel-body {
    padding: 0;
}

.routingDetails_main.panel {
    background: none;
}

.cardbox {
    background: #fff;
    padding: 15px;
    border-top: 4px solid #152c55;
    position: relative;
}

.cardbox_icon i {
    width: 80px;
    height: 80px;
    border: 2px solid #162d56;
    padding: 15px;
    font-size: 21px;
    color: #13B4E5;
    border-radius: 100%;
    background: #162d56;
}

.cardbox_icon .fields_title {
    color: #0A9FCC;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
}

.cardbox_icon {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 41%;
    top: -3%;
    z-index: 1;
}

.cardbox_icon .fields_title span {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
}

.routing_details {
    padding-top: 40px;
}

.pd-left-0 {
    padding-left: 0;
}

.pd-right-0 {
    padding-right: 0;
}

.cardbox .checkbox,
.cardbox .radio {
    margin-top: 0;
    margin-bottom: 0;
}

.cardbox .checkbox .cr,
.cardbox .radio .cr {
    border-radius: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.title_paginationcol {
    position: relative;
    display: inline-block;
    width: 100%;
}

.additionalInformation {
    background: #fff;
    padding: 15px;
    margin-top: 15px;
}

.dynamicTableAdd th {
    color: #13B4E5;
}

.applyActionFilters .table {
    margin-bottom: 0;
}

.dynamicTableAdd tr td {
    background: #F8F6FF;
}

.dynamicTableAdd tr td {
    border-top: 1px solid #9ED7E8 !important;
}

.table-bordered.dynamicTableAdd {
    border: 1px solid #9ED7E8;
}

.innertable_bg {
    background: #E8EBFE;
}

.collapsed {
    background: rgba(21, 45, 84, 1);
    background: -moz-linear-gradient(left, rgba(21, 45, 84, 1) 0%, rgba(46, 74, 117, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(21, 45, 84, 1)), color-stop(100%, rgba(46, 74, 117, 1)));
    background: -webkit-linear-gradient(left, rgba(21, 45, 84, 1) 0%, rgba(46, 74, 117, 1) 100%);
    background: -o-linear-gradient(left, rgba(21, 45, 84, 1) 0%, rgba(46, 74, 117, 1) 100%);
    background: -ms-linear-gradient(left, rgba(21, 45, 84, 1) 0%, rgba(46, 74, 117, 1) 100%);
    background: linear-gradient(to right, rgba(21, 45, 84, 1) 0%, rgba(46, 74, 117, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#152d54', endColorstr='#2e4a75', GradientType=1);
}

.panel-title>a.collapsed {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #FFF;
}

.panel-title>a.collapsed .more-less {
    float: right;
    color: #fff;
}

.panel-default>.panel-heading.active {
    padding: 0;
    border-radius: 0;
    color: #fff !important;
    background: rgba(10, 159, 204, 1);
    background: -moz-linear-gradient(left, rgba(10, 159, 204, 1) 0%, rgba(129, 225, 255, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(10, 159, 204, 1)), color-stop(100%, rgba(129, 225, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(10, 159, 204, 1) 0%, rgba(129, 225, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(10, 159, 204, 1) 0%, rgba(129, 225, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(10, 159, 204, 1) 0%, rgba(129, 225, 255, 1) 100%);
    background: linear-gradient(to right, rgba(10, 159, 204, 1) 0%, rgba(129, 225, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0a9fcc', endColorstr='#81e1ff', GradientType=1);
    border: inherit;
}

.panel-default>.panel-heading.active a,
.panel-default>.panel-heading.active a .more-less {
    color: #fff !important;
}

.tab_list_col.row {
    background: #CBD2DF;
}

.tab_list_col {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #fff;
    margin-top: 5px;
    /* border-bottom: 2px solid #ccc; */
    border: 1px solid #ccc;
}

.white-backgound .navbar-nav>li {
    border-right: 1px solid #ccc;
    padding: 0 10px;
}

.nav-tabs li a i {
    background: #E4E7EB;
    padding: 6px;
    border-radius: 100%;
    font-size: 18px;
    margin-right: 15px;
    line-height: 26px;
}

.nav-tabs li.active a i {
    background: #fff;
}

.tab_list_col .nav>li>a {
    padding: 12px 30px 12px 15px;
    border-radius: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}

.tab_list_col .nav-tabs>li.active>a,
.tab_list_col .nav-tabs>li.active>a:focus,
.tab_list_col .nav-tabs>li.active>a:hover {
    color: #13B4E5;
    background: #152c55;
    background: none;
}

.tab_list_col .nav-tabs>li>a:hover {
    color: #13B4E5;
    background: #152c55;
}

.table tr th i {
    padding-right: 4px;
}

.tab_list_col .nav-tabs>li>a:hover {
    border-color: none;
    margin: 0;
    background: #fff;
}

.tab_list_col .nav>li>a:focus,
.tab_list_col .nav>li>a:hover {
    text-decoration: none;
    background: #152c55;
    color: #13B4E5;
}

.view_moretab {
    padding: 8px 0;
}

.modal-dialog {
    width: 70%;
    margin: 30px auto;
}

.form-group.btn_sel {
    margin: 0px;
}

.modelsearch {
    background: #F4F1F8;
    display: inline-block;
    width: 100%;
    padding: 15px;
}

.modelsearch .form-group {
    margin-bottom: 0;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #E6ECFC;
    background: #E6ECFC;
}
.modal-header {
   /* padding: 15px;
    text-align: right;*/
   /* border-top: 1px solid #E6ECFC;*/
    background: #152c55;
   /* color: white;*/
    padding: 10px;
}

.wrapper_topmenu .topbar .navbar-default .navbar-nav>li>a span {
    display: inline-block;
    width: 100%;
    color: #747474;
    font-weight: 600;
}

.wrapper_topmenu .topbar .navbar-default .navbar-nav>li>a.active span {
    color: #152c55
}

.wrapper_topmenu .topbar .navbar-default .navbar-nav>li>a.active::after {
    position: absolute;
    width: 100px;
    height: 4px;
    content: '';
    bottom: -17px;
    right: 0;
    background: #13B4E5;
}

.rightside_section_col li a:hover::after {
    background: inherit !important;
}

.wrapper_topmenu .topbar .navbar-default .navbar-nav>li>a.active i {
    color: #13B4E5;
}

.dropdown-menu.mega-dropdown-menu {
    min-width: 100%;
    position: fixed;
    left: 0;
    top: 72px;
    padding: 10px 12px;
    border-radius: 0;
    z-index: 99;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: inherit;
}

.mega-dropdown.open .mega-dropdown-menu {
    border: inherit;
    background: #152c55;
    display: inline-table;
}

.mega-dropdown.open .mega-dropdown-menu::after {
    content: '';
    position: absolute;
    color: #13b4e5;
    font-size: 18px;
}

.dropdown-menu.mega-dropdown-menu li {
    display: inline-block;
}

.dropdown-menu.mega-dropdown-menu>li>a {
    padding: 8px 16px;
    font-size: 13px;
    background: #EBEBF6;
    margin: 10px;
    border-radius: 4px;
    width: 140px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wrapper_topmenu .topbar .navbar-default .navbar-nav>li>a:hover::after {
    position: absolute;
    width: 100%;
    height: 4px;
    content: '';
    bottom: -17px;
    left: 0;
    background: #13B4E5;
}

.white-backgound .navbar-nav>li:last-child {
    border-right: none;
}

.wrapper_topmenu .topbar .navbar-default .navbar-nav>li>a:hover i {
    color: #13B4E5;
}

.wrapper_topmenu .topbar .navbar-default .navbar-nav.rightside_section_col>li>a:hover {
    border: none;
    box-shadow: none;
}

.dropdown-menu.mega-dropdown-menu>li>a:hover {
    background: #13B4E5;
    color: #fff;
}

.required .form-control {
    background-color: #f3f6ff;
}
.required .errorclass {
    background-color: #f3f6ff;
}
.has-error .form-control {
    border-color: #E7ECFD;
    border-left-color: #D96464;
    border-left-width: 3px;
    color: #D96464;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

span.haserror-text {
    font-size: 11px;
    position: absolute;
    bottom: 0;
    color: #d96464;
}

.has-success .form-control {
    border-color: #E7ECFD;
    border-left-color: #3c763d;
    border-left-width: 3px;
    color: #3c763d;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}
    .has-success .errorclass {
    border-color: #e60000;
   /* border-color: #E7ECFD;*/
    border-left-color: #3c763d;
    border-left-width: 3px;
    color: #3c763d;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}
.dropdown-menu.mega-dropdown-menu li a i {
    padding-right: 4px;
    color: #13b3e3;
}

.dropdown-menu.mega-dropdown-menu li a:hover i {
    color: #fff
}

.dt-buttons {
    display: none !important;
}

.btn-default.focus,
.btn-default:focus {
    color: #fff;
    background-color: #13B4E5 !important;
    border-color: #13B4E5 !important;
}

.pagination_list .disabled {
    pointer-events: none;
}

.btn-default.active {
    color: #fff;
    background-color: #13b4e5;
    border-color: #13b4e5;
}

.btn-default.active:focus {
    color: #fff !important;
    background-color: #13b4e5 !important;
    border-color: #13b4e5 !important;
}

.btn-default:active:hover {
    color: #fff !important;
    background-color: #13b4e5 !important;
    border-color: #13b4e5 !important;
}

.btn-default.active:hover {
    color: #fff;
    background-color: #13b4e5;
    border-color: #13b4e5;
}

#revenucast_main .panel-body {
    padding: 0;
}

#revenucast_main .panel-default {
    border-color: transparent;
    background-color: inherit;
}

#revenucast_main .panel {
    margin: 0;
    padding: 0;
    border: none;
}

#revenucast_main .panel-default>.panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #f3f4fb;
    border-bottom: 1px solid #E7ECFD;
    margin-bottom: 10px;
}

#revenucast_main .nav-tabs>li.active>a,
#revenucast_main .nav-tabs>li.active>a:focus,
#revenucast_main .nav-tabs>li.active>a:hover {
    color: #13B4E5;
    font-weight: bold;
    border-bottom: 2px solid #13B4E5;
    background: none;
}

#revenucast_main .nav-tabs>li>a {
    font-weight: bold;
}

#revenucast_main .nav>li>a:focus,
#revenucast_main .nav>li>a:hover {
    text-decoration: none;
    background-color: #162D56;
    color: #fff;
}

#revenucast_main .nav>li.dropdown.open>a.dropdown-toggle:focus,
#revenucast_main .nav>li.dropdown.open>a.dropdown-toggle:hover {
    text-decoration: none;
    background-color: none;
    color: #162D56;
}

.toggle-vis.btn_color i {
    padding: 4px 6px
}

.toggle-vis .btn_color {
    background: #13B4E5;
    border: 1px solid#13B4E5;
    border-radius: 30px;
    padding: 2px 4px;
}

.toggle-vis .btn_color {
    margin-right: 10px;
}

.toggle-vis {
    font-size: 14px;
    font-weight: 600;
    color: #747474;
    margin: 0 14px;
}

.width-fit {
    min-width: 60px !important;
}

.pagination_list .disabled {
    pointer-events: none;
}

.paginate_button {
    display: none !important;
}

.paginate_button.previous {
    display: inline-block !important;
}

.paginate_button.previous a,
.paginate_button.next a {
    position: relative;
    font-size: 0;
    width: 32px;
    height: 32px;
    background: #162D56;
    border-radius: 100% !important;
    margin: 2px;
}

.paginate_button.previous a::after {
    content: "\f104";
    font-family: "FontAwesome";
    left: 0;
    right: 0;
    font-size: 16px;
    margin: auto;
    text-align: center;
}

.paginate_button.next a::after {
    content: "\f105";
    font-family: "FontAwesome";
    left: 0;
    right: 0;
    font-size: 16px;
    margin: auto;
    text-align: center;
}

.paginate_button.next {
    display: inline-block !important;
}

.paginate_button.previous.disabled a {
    background: #E6E6F2;
}

.paginate_button.next.disabled a {
    background: #E6E6F2;
}

.paginate_button.next a::after,
.paginate_button.previous a::after {
    color: #FFF;
    line-height: 20px;
}

.paginate_button.previous.disabled a::after,
.paginate_button.next.disabled a::after {
    color: #23527c;
}

.paginate_button.previous a:hover,
.paginate_button.next a:hover {
    background: #13B4E5;
}

.paginate_button.previous.disabled a:hover,
.paginate_button.next.disabled a:hover {
    background: #E6E6F2;
}

.dataTables_paginate {
    position: absolute;
    top: 13px;
    right: 12px;
}

.dataTables_info {
    position: absolute;
    top: 10px;
    right: 100px;
}

.postiontop {
    position: absolute;
    right: 0;
    top: 4px;
    right: 9px;
}


/* Active Order Styles*/

.activeCardSingle.active {
    color: #13b4e5;
}

.activeCardlist.active {
    color: #13b4e5;
}

.filter_icons button {
    border: none;
    background-color: transparent;
    float: left;
    font-size: 16px;
    color: #747474;
    text-align: center;
    padding: 4px 16px;
    border-right: 1px solid #E7ECFD;
    text-decoration: none;
}

.activeOrderBlock.activeFullCardView .card-box {
    width: 100%;
}

.activeOrderBlock .card-box {
    display: inline-block;
    padding: 15px 20px 15px 20px;
    margin-bottom: 0px;
    width: 100%;
}

.activeOrderBlock .activOrderIcon {
    float: left;
    background-color: #E6E6F2;
    border-radius: 50%;
    padding: 8px;
    margin-right: 15px;
    padding: 14px;
    width: 65px;
    height: 65px;
}

.activeOrderBlock .activOrderIcon img {
    width: 37px;
}

.activeOrderBlock .left-activOrder {
    float: left;
}

.activeOrderBlock .left-activOrder a {
    font-size: 13px;
    font-weight: 600;
    color: #152D54;
    display: block;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

.activeOrderBlock .left-activOrder a span {
    color: #13B4E5;
}

.activeOrderBlock .left-activOrder p {
    font-size: 13px;
    font-weight: 400;
    color: #747474;
    display: inline-block;
    margin-right: 22px;
    padding: 0px;
    margin-bottom: 0px;

}

.activeOrderBlock .left-activOrder p span {
    font-size: 11px;
    color: #747474;
    display: block;
}

.activeOrderBlock .left-activOrder .fa-long-arrow-right {
    vertical-align: top;
    margin-left: -10px;
    font-size: 25px;
    margin-right: 10px;
    color: #13B4E5;
}

.activeOrderBlock .left-activOrder .etaBlock {
    display: inline-block;
}

.activeOrderBlock .left-activOrder .etaBlock p {
    font-size: 14px;
    font-weight: 600;
    color: #152D54;
}

.activeOrderBlock .left-activOrder .etaBlock p span {
    font-size: 13px;
    font-weight: 400;
    color: #747474;
}

.right-activOrder {
    float: right;
    padding-top: 23px;    position: relative;
}

.buttonCardIcon {
    float: left;
    background-color: #E6E6F2;
    border-radius: 50%;
    color: #152D54;
    border: none;
    box-shadow: none;
    width: 42px;
    height: 42px;
    margin-left: 10px;
}

.buttonCardIcon:hover {
    background-color: #13B4E5;
    color: #fff;
}

.buttonCardIcon span {
    font-size: 25px;
    display: block;
    line-height: 42px;
    text-align: center;
}

.activeOrderBlock.activeCardView .left-activOrder {
    width: 78%;
}

.activeOrderBlock.activeCardView .left-activOrder .visibility-p {
    display: none;
}

.activeOrderBlock.activeCardView .left-activOrder .etaBlock {
    padding-top: 10px;
}

.activeOrderBlock.activeCardView .card-box {
    margin-bottom: 15px;
    box-shadow: 0 25px 50px rgba(8, 21, 66, .05);
    position: relative;
    min-height: 170px;
}

.activeOrderBlock.activeCardView .card-box .right-activOrder {
    display: none;
}

.activeOrderBlock.activeCardView .card-box:hover .right-activOrder {
    display: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    float: inherit;
    background-color: rgba(19, 180, 229, 0.8);
    padding-left: 17%;
    padding-top: 12%;
}

.activeOrderBlock.activeCardView .right-activOrder .buttonCardIcon {
    box-shadow: 0px 5px 15px 0px rgba(8, 18, 109, 0.2) !important;
}

.activeOrderBlock.activeCardView .right-activOrder .buttonCardIcon:hover {
    background-color: #152c55;
}


/* Right sidebar .avtiveOrderSidebar */

.avtiveOrderSidebar #sidebar_list.advance_searchcol .form-group label {
    font-weight: 600;
}

.avtiveOrderSidebar#sidebars_list .sidebar.right {
    width: 74%;
}

.avtiveOrderSidebar .orderidHeader {
    float: left;
}

.avtiveOrderSidebar .orderidHeader h3 {
    font-size: 13px;
    font-weight: 600;
    color: #747474;
    display: inline-block;
    padding-right: 20px;
    border-right: solid 1px #C5C5C5;
    float: left;
    margin-right: 20px;
    margin-top: 0px;
}

.avtiveOrderSidebar .orderidHeader h3 span {
    font-size: 18px;
    font-weight: 600;
    color: #13B4E5;
    display: inline-block;
    display: block;
    padding-bottom: 10px;
}

.avtiveOrderSidebar .orderidHeader h4 {
    font-size: 13px;
    font-weight: 600;
    color: #747474;
    float: left;
    margin: 0px;
}

.avtiveOrderSidebar .orderidHeader h4 span {
    font-size: 18px;
    font-weight: 600;
    color: #152D54;
    display: block;
    padding-bottom: 10px;
}

.avtiveOrderSidebar .advance_searchcol .title_header {
    display: inline-block;
    width: 100%;
}

.avtiveOrderSidebar .right-activOrder {
    padding-top: 0px;
    margin-left: 30px;
    float: right;
    margin-right: 8%;
}

.avtiveOrderSidebar.sidebars>.sidebar {
    box-shadow: -8px 0px 18px 0 rgba(25, 42, 70, .13);
}

.avtiveOrderSidebar .closebtn {
    top: -23px;
    font-size: 39px;
    color: #747474;
}

.avtiveOrderSidebar .sidebarMiddleContent h3 {
    font-size: 18px;
    font-weight: 600;
    color: #152D54;
    margin: 0px 0px 21px 0px;
}

.table.sidebarPickupTable.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #F6F8FF;
}

.table.sidebarPickupTable {
    border: solid 1px #E6E6F2;
    border-radius: 3px;
}

.table.sidebarPickupTable h4 {
    font-size: 16px;
    font-weight: 700;
    color: #152D54;
    padding: 6px 0px;
    margin: 0px;
}

.table.sidebarPickupTable h4.textcolor-lightblue {
    color: #13B4E5;
}

.table.sidebarPickupTable .table-striped>tbody>tr.sb-headingtext {
    background-color: #fff !important;
}

.table.sidebarPickupTable span {
    font-weight: 600;
    color: #152D54;
}

.table.sidebarPickupTable.table-striped thead tr.sb-headingtext td {
    border: none;
}

.sidebarTableLeft {
    float: left;
    width: 45%;
}

.sidebarTableRight {
    float: right;
    width: 45%;
}

.sidebarTableArrow {
    float: left;
    color: #13B4E5;
    font-size: 22px;
    margin-left: 36px;
    margin-top: 160px;
}

.custom-scroll.sidebarMiddleContent {
    max-height: 430px !important;
    padding-right: 8px;
}

.avtiveOrderSidebar .advance_searchcol .right-activOrder .buttonCardIcon {
    box-shadow: none !important;
}


/* New Styles Added by Naresh */

.tab_list_col {
    border-color: #E6E6F2;
}

.tab_list_col #tabs li.active {
    margin-bottom: 0px;
}

.tab_list_col .nav-tabs li.active a i {
    background: #E7ECFD;
}


/* Custom Card Styles */

.cardBlock {
    background: #FFF;
    border-radius: 4px;
    margin-top: 10px;
    position: relative;
}

.cardBlock .card-body {
    padding: 15px;
    position: relative;
}

.cardBlock .maxHeight {
    max-height: 200px;
    min-height: 200px;
}

.cardBlock .card-body h3 {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #152D54;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-left: 26px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cardBlock .card-body h4 {
    color: #13B4E5;
    font-size: 14px;
}

.cardBlock .card-body h3 .cost {
    color: #13B4E5;
}

.cardBlock .card-body h3 .ico {
    position: absolute;
    left: 0;
    color: #546AB4;
}

.common-list ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.common-list ul li {
    position: relative;
    display: block;
    margin-bottom: 5px;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    color: #546AB4;
    line-height: 18px;
    border-bottom: solid 1px #546AB4;
}

.common-list ul li label {
    font-weight: 600;
    width: 66%;
}

.common-list ul li .amount {
    position: absolute;
    right: 0;
}

.common-list.gross ul {
    margin-top: 20px;
}

.common-list.gross ul li {
    border-bottom: none;
    margin-bottom: 10px;
}

.common-list.gross ul li .amount {
    font-size: 16px;
    font-weight: 700;
}

.common-list.revenue ul li {
    width: 95%;
}

.common-list.revenue ul li .amount {
    right: 20px;
}

.common-list.revenue ul li::after {
    content: "\f10c";
    font-family: "FontAwesome";
    position: absolute;
    font-size: 16px;
    right: 0;
}

.common-list.revenue ul li.active::after {
    content: "\f192";
    font-family: "FontAwesome";
    color: #0cc300;
}

.maxHeight110 {
    max-height: 110px;
    overflow-y: auto;
}

.prominent {
    color: #13B4E5;
}

.cardBlock .overlay-ico {
    position: absolute;
    right: 10px;
    bottom: 12px;
}

.cardBlock .overlay-ico i {
    font-size: 130px;
    opacity: 0.09;
    color: #546AB4;
}


/*----Status View----*/

.dist_dura_col {
    padding: 0;
    margin: 0;
    list-style: none;
}

.dist_dura_col li {
    color: #13B4E5;
    display: inline;
    padding-right: 15px;
    border-right: 1px solid #C5C5C5;
    margin-right: 15px;
}

.dist_dura_col li:last-child {
    border-right: none;
}

.dist_dura_col li span {
    color: #152D54;
}

.StepProgress {
    position: relative;
    padding-left: 45px;
    list-style: none;
    margin: 30px 10px;
}

.StepProgress::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    width: 10px;
    height: 100%;
    border-left: 5px solid #ADABD2;
}

.StepProgress-item {
    position: relative;
    counter-increment: list;
}

.StepProgress-item:not(:last-child) {
    padding-bottom: 20px;
}

.StepProgress-item::before {
    display: inline-block;
    content: '';
    position: absolute;
    left: -30px;
    height: 100%;
    width: 10px;
}

.StepProgress-item::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -37px;
    width: 20px;
    height: 20px;
    border: 2px solid #ADABD2;
    border-radius: 50%;
    background-color: #FFF;
}

.StepProgress-item.is-done::before {
    border-left: 5px solid #546AB4;
}

.StepProgress-item.is-done::after {
    content: "✔";
    font-size: 10px;
    color: #FFF;
    text-align: center;
    border: 2px solid #ADABD2;
}

.StepProgress-item.current::before {
    border-left: 5px solid #ADABD2;
}

.StepProgress-item.current::after {
    content: '\f041';
    padding-top: 0px;
    width: 20px;
    height: 20px;
    top: -4px;
    left: -37px;
    font-size: 12px;
    text-align: center;
    color: #546AB4;
    border: 2px solid #546AB4;
    background-color: white;
    font-family: "FontAwesome";
}

.StepProgress strong {
    display: block;
}

.StepProgress-item {
    color: #152D54;
    font-size: 14px;
    font-weight: 500;
}

.bs-wizard-info p {
    color: #747474;
}

.timecol {
    color: #13B4E5 !important;
}

.timecol span {
    padding-right: 10px;
    border-left: 1px solid #ccc;
    margin-left: 7px;
    padding-left: 10px;
}

.right-activOrder a.active {
    background: #13B4E5;
    color: #fff;
}

.referencedetailsLabel .form-group {
    margin-bottom: 0px;
}

.repeatrow .icons-bt .black-btn {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    color: #546AB4;
    padding: 0px;
    line-height: 34px;
    font-size: 15px;
}

.repeatrow .icons-bt .addBtnfn {
    font-size: 23px;
}

.repeatrow .icons-bt .delBtnfn {
    font-size: 20px;
    color: #D96464;
}

.repeatrow .icons-bt .black-btn:hover {
    background-color: #e6e6f2;
}

.margin0 h3 {
    margin: 0px !important;
}
@media (max-width:2000px) {
    .advance_searchcol .custom-scroll {
        overflow-y: scroll;
        max-height: 440px !important;
    }
}
.minheight{ min-height: 400px !important;}
.tablebtnright.dropup.open .dropdown-menu::after {
    right: 5px;
}
.tablebtnrleft.dropup.open .dropdown-menu::after {
    left:5px;
}
.tablebtnright.dropdown.open .dropdown-menu::after {
    right: 5px;
}
.tablebtnrleft.dropdown.open .dropdown-menu::after {
    left:5px;
}
.right-activOrder .checkbox.checkbox-info {
    position: absolute;
    left: -40px;
    top: 15px;
}
.right-activOrder .checkbox .cr, .right-activOrder .radio .cr {width:38px; height:38px;border-radius: 30px;}
.right-activOrder  .checkbox .cr .cr-icon, .right-activOrder  .radio .cr .cr-icon {
    position: absolute;
    font-size: 22px;
    line-height: 0;
    top: 18px;
    left: 6px;
}
.col-change-checkdown {
    position: relative;margin-bottom: 20px; padding-bottom:10px;
}
.col-change-checkdown ul {
    /* width: 100%; */
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    /* text-align: right; */
    /* display: inline-block; */
}
.col-change-checkdown li {
    display: inline;
    text-align: right;
}
.col-change-checkdown .checkbox, .radio {
    width: 40px;
}
.checkdownlode_col .checkbox.checkbox-info {
    position: absolute;
       right: 60px;
    top: -8px;
}
.checkdownlode_col a.download_icon {
        position: absolute;
    right: 10px;
    top: -7px;
    background: #ccc;
    border-radius: 30px;
    padding: 6px 10px;
    color: #333;
}
.checkdownlode_col .checkbox.checkbox-info {
    position: absolute;
    right:50px;
    top: -17px;
}
.checkdownlode_col .checkbox .cr, .checkdownlode_col .radio .cr {width:30px; height:30px;border-radius: 10px;    background: #fff}
.checkdownlode_col  .checkbox .cr .cr-icon, .checkdownlode_col .radio .cr .cr-icon {
    position: absolute;
    font-size: 20px;
    line-height: 0;
    top: 15px;
    left: 6px;
}
.bookingViewBlock p.loctionFrom {
    width: 100px;
    word-break: break-all;
}
.bookingViewBlock p.loctionTo {
    width: 100px;
    word-break: break-all;
}
.activeOrderBlock.activeCardView .card-box{min-height: 180px;}
.table>thead>tr>th{    white-space: nowrap;}

.ui-helper-hidden-accessible { display:none; }
.edittable td {
    padding: 0 !important;
}
.edittable .measurement .form-control.input-sm {
    width: 44%;
}

.edittable .measurement .input-group select.form-control {
    width: 57%;
    position: absolute;
    right: 0;
}
.edittable .measurement .input-group select.errorclass {
    width: 57%;
    position: absolute;
    right: 0;
}

.edittable .measurement {
    min-width: 150px;
}

table.fold-table>tbody>tr.view td,
table.fold-table>tbody>tr.view th {
    cursor: pointer;
}

table.fold-table>tbody>tr.view td:first-child,
table.fold-table>tbody>tr.view th:first-child {
    position: relative;
    padding-left: 20px;
}

table.fold-table>tbody>tr.view td:first-child:before,
table.fold-table>tbody>tr.view th:first-child:before {
    position: absolute;
    top: 50%;
    left: 5px;
    width: 9px;
    height: 16px;
    margin-top: -8px;
    font: 16px fontawesome;
    color: #000;
    content: "\f0d7";
    transition: all 0.3s ease;
}

table.fold-table>tbody>tr.view:nth-child(4n-1) {
    background: #eee;
}

table.fold-table>tbody>tr.view:hover {
    background: #ddd;
}

table.fold-table>tbody>tr.view.open td:first-child:before,
table.fold-table>tbody>tr.view.open th:first-child:before {
    transform: rotate(-180deg);
    color: #000;
}

table.fold-table>tbody>tr.fold.open {
    display: table-row;
}

.fold-content {
    padding: 0.5em;
}

.fold-content h3 {
    margin-top: 0;
    font-size: 16px;
}

.fold-content>table {
    width: 100%;
}

.fold-content .right-activOrder {
    float: right;
    padding-top: 0px;
}

.fold-content .buttonCardIcon {
    float: left;
    background-color: #E6E6F2;
    border-radius: 50%;
    color: #152D54;
    border: none;
    box-shadow: none;
    width: 22px;
    height: 22px;
    margin-left: 10px;
}

.fold-content .buttonCardIcon span {
    font-size: 18px;
    display: block;
    line-height: 24px;
    text-align: center;
}

#shipmentPlanningtabs.nav>li>a {
    padding: 12px 6px 12px 6px !important;
    border-radius: 0;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
}

#shipmentPlanningtabs .nav-tabs li a i {
    background: #E4E7EB;
    padding: 6px;
    border-radius: 100%;
    font-size: 18px;
    margin-right: 8px;
    line-height: 26px;
}
/*-----add New shipment ------*/

.sidebar_shipment .sidebar.right {
    width: 80%;
}

.shipment_main .tab_list_col .nav>li>a {
    padding: 8px 8px 12px 10px;
    font-size: 14px;
}

.bootstrap-timepicker-widget table td input {
    width: 35px;
}

.sidebar_shipment .advance_searchcol .title_header {
    padding: 0 0 20px 0;
}

.sidebar_shipment .footer-search {
    position: fixed;
    width: 77%;
    bottom: 0;
}

.pd-15tb {
    padding: 15px 0;
}

.right-activOrder.milestone_acton {
    padding: 0;
    float: inherit;
}

.milestone_acton .buttonCardIcon {
    width: 24px;
    height: 24px;
}

.milestone_acton .buttonCardIcon span {
    font-size: 14px;
    display: block;
    line-height: 24px;
    text-align: center;
}

.pd-buttom-15 {
    padding-bottom: 15px !important
}

.shipment_flow {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 10px 5px;
}

.left-activOrder .shipment_flow li {
    background: #ccc;
    display: inline;
    padding: 0 10px 0 20px;
    position: relative;
    font-size: 11px;
}

.shipment_flow li:last-child {
    padding: 0;
}

.left-activOrder .shipment_flow li a {
    background: #13B4E5;
    margin: 0;
    padding: 0;
    border-radius: 30px;
    padding: 5px 6px;
    position: absolute;
    left: -8px;
    top: -4px;
    font-size: 10px;
}

.left-activOrder .shipment_flow li a span {
    color: #fff;
    font-size: 10px !important;
}

.sipment-flow_status {
    padding: 10px;
    margin: 0;
    list-style: none;
}

.sipment-flow_status li {
    display: inline;
}

.left-activOrder .shipment_flow li a.notstarted {
    background: #13B3E5 !important;
}

.left-activOrder .shipment_flow li a.inprogress {
    background: #F88942 !important;
}

.left-activOrder .shipment_flow li a.completed {
    background: #6CD461 !important;
}

.left-activOrder .shipment_flow li a.partiallycompleted {
    background: #6CD461 !important;
}

.notstarted {
    color: #13B3E5 !important;
}

.inprogress {
    color: #F88942 !important;
}

.completed {
    color: #6CD461 !important;
}

.partiallycompleted {
    color: #6CD461 !important;
}

.c-progress-steps {
    margin: 0;
    list-style-type: none;
    font-family: Lato;
}

.c-progress-steps li {
    position: relative;
    font-size: 10px;
    color: #333;
    padding: 2px 0 2px 23px;
}

.c-progress-steps li a {
    color: inherit;
}

.c-progress-steps li.done {
    color: #333;
}

.c-progress-steps li.done:before {
    color: #13afdf;
    content: "\f041";
}

.c-progress-steps li.current {
    color: #3498db;
    font-weight: bold;
}

.c-progress-steps li.current:before {
    color: #3498db;
    content: "\f041";
}

.c-progress-steps li:before {
    position: absolute;
    left: 0;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 22px;
    background-color: #fff;
    content: "\f041";
}

@media all and (max-width: 600px) {
    .c-progress-steps li:before {
        top: calc(50% - 8px);
        font-size: 16px;
    }
}

@media all and (min-width: 600px) {
    .c-progress-steps {
        display: table;
        list-style-type: none;
        margin: 20px auto;
        padding: 0;
        table-layout: fixed;
        width: 100%;
    }
    .c-progress-steps li {
        display: table-cell;
        text-align: left;
        padding: 24px 10px 0 10px;
        white-space: normal;
        position: relative;
        border-left-width: 0;
        border-top-width: 4px;
        border-top-style: solid;
        border-top-color: #7f8c8d;
    }
    .c-progress-steps li.done {
        border-bottom-color: #7f8c8d;
    }
    .c-progress-steps li.current {
        color: #333;
        font-size: 16px;
        line-height: 14px;
        border-bottom-color: #7f8c8d;
    }
    .c-progress-steps li.current:before {
        color: #13afdf;
        content: "\f041 ";
    }
    .c-progress-steps li:before {
        top: -18px;
        left: 10%;
        margin-left: -9px;
        border: 1px solid #7f8c8d;
        padding: 4px 9px;
        border-radius: 30px;
    }
}

.margintop30 {
    margin-top: 30px;
}

.shipment_milestone .activeOrderBlock.activeCardView .card-box:hover .right-activOrder {
    position: relative;
    padding: 0px;
    background: none;
}

.milestine_list .left-activOrder .shipment_flow li {
    background: none;
    display: inline;
    padding: 0 10px 0 9px;
    position: relative;
    font-size: 11px;
}

.milestine_list .shipment_flow {
    padding: 0;
    list-style: none;
    margin: 0 auto;
    float: right;
}

.milestine_list .right-activOrder {
    float: left;
    padding-top: 10px;
    border-top: 1px solid #f0f1f2;
    margin-top: 15px;
}

.milestine_list .card-box {
    margin-bottom: 15px;
}

.assignMilestone .footer-search {
    position: fixed;
    width: 71%;
    bottom: 0;
}

.manage_button.pull-right {
    position: absolute;
    right: 23px;
    top: 12px;
    margin: 0;
    list-style: none;
}

.manage_button li a {
    color: #fff;
    background: #13b3e5;
    padding: 6px 12px;
    border-radius: 6px;
}

/*.wrapper_topmenu .breadcrumb_main {
    position: relative;
}*/

/*.wrapper_topmenu .breadcrumb_main .breadcrumb {
    padding-top: 10px;
}*/

.breadcrumb {
    padding: 10px 15px;
}

.boxsCards-dashboard .card-body {
    background: #EEF7FC;
    padding: 10px;
}

.card-box {
    padding: 10px;
    box-shadow: 0px 5px 15px 5px rgba(146, 153, 212, 0.2);
}

.options-block {
    position: absolute;
    right: 2px;
    top: 4px;
}

.boxsCards-dashboard .card-body h2 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #152c55;
}

.boxsCards-dashboard .card-body ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.boxsCards-dashboard .card-body ul li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 50px;
}

.widget-two-icon {
    position: absolute;
    left: 0px;
    font-size: 18px !important;
    top: 0px;
    overflow: hidden;
    vertical-align: middle;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #152c55;
    box-shadow: 0px 5px 15px 0px rgba(8, 18, 109, 0.1);
    background: #fff;
    border: 1px solid #CDE5F2;
}

.text_col {
    color: #12b4e5;
    font-size: 13px;
}

.card-box {
    padding: 10px;
}

.panel-body table tr td span.active {
    color: green;
}

.accodion_dashboard .card-box {
    padding: 0;
}

.table {
    margin-bottom: 0px;
}

.accodion_dashboard .card-box .panel-group {
    margin-bottom: 0px;
}

.widget-maxHeight-250 {
    max-height: 305px;
    min-height: 305px;
}

.manageDashboard .pd-15tb {
    padding: 0;
    position: relative;
    display: inline-block;
    width: 100%;
}

.tittle_drag h3 {
    font-size: 14px;
    color: #13b4e5;
    font-weight: bold;
}

.actual-tags {
    background: #DBDBDB;
}

.list {
    padding: 10px;
    margin: 0;
    list-style: none;
    min-height: 312px;
}

.list li a {
    background: #fff;
    margin: 4px 0;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
    width: 100%;
    color: #0a162a;
}

.list-tags {
    border: 1px solid #ccc;
    position: relative;
    display: inline-block;
    width: 100% !important;
    min-height: 312px;
    padding: 10px;
    list-style: none;
}

.list-tags li a {
    background: #13b4e5;
    margin: 4px 0;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
    width: 100%;
    color: #fff;
}

.position-relative .filter-section .dropdown-content {
    min-width: 132px;
}

.options-block .filter-section .navbar a {
    border-right: inherit;
}

.manageDashboard .modal-body {
    position: relative;
    padding: 0 15px;
}

.manageDashboard .modal-header {
    padding: 15px 15px 0 15px;
}

.sortingModel h4 {
    font-size: 14px;
    font-weight: 600;
    color: #13B4E5;
}

.sortingModel .left ul,
.sortingModel .right ul {
    min-height: 312px;
    overflow-y: auto;
}

ul.source {
    border-color: #cbdae9;
}

ul.source,
ul.target {
    min-height: 50px;
    margin: 0px 0px 10px 0px;
    padding: 8px;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    list-style-type: none;
    list-style-position: inside;
    background: #FFF;
}

.source li {
    background-color: #fff;
    color: #FFF;
    position: relative;
    color: #0a162a;
}

.target li {
    background-color: #13b4e5;
    border: 1px solid #13b4e5;
    color: #FFF;
    position: relative;
}

.source li,
.target li {
    margin: 5px;
    padding: 8px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-shadow: none;
    text-align: center;
}

ul.target {
    border-color: #cbdae9;
}

.sortingModel .left ul.source {
    background: #DBDBDB;
}
@media (min-width:768px) {
    .col-sm-3 {
        width:25% !important;
    }
    .col-sm-8 {
        width:66.66666667% !important;
    }
    .col-sm-6 {
        width:50%!important;
    }
}

.driverdispatchboard .card-box {padding: 10px;}
.driverdispatchboard  .search_main {margin-bottom: 0px;margin-top: 28px;}
.driverdispatchboard .search_main button.btn.btn-primary.mb-2 {font-size: 13px;background: #02287A;border: 1px solid #02287A;}
.driverdispatchboard label {color: #02287A;}
.driverdispatchboardTable thead {background: #E3E3E3;color: #02287A;font-size: 13px;}
.driverdispatchboardTable .completed { padding-right: 5px;}
.driverdispatchboardTable .notstarted { padding-right: 5px;}
.driverdispatchboardTable tr td{font-size: 13px;}
.driverdispatchboard  .map img.img-responsive {height: 330px;}
.driverdispatchboard  .nav-tabs li.active {background: #02287A;border-radius: 4px 4px 0px 0px;}
.driverdispatchboard  .nav-tabs li a {color: #02287A;font-size: 18px;}
.nav-tabs li.active a {color: #fff;}
.driverdispatchboard  .nav-tabs .nav-item.show .nav-link, .driverdispatchboard  .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #02287A;
    border-color: #02287A;
}
.driverdispatchboard  #chartdiv {
    width: 100%;
    height: 500px;    display: inline-block;
}
.driverdispatchboard  .form-group {
    position: relative;
}
.driverdispatchboard .form-group i.icon {
    position: absolute;
    right: 5px;
    top: 36px;
    color: #03A9F4;
    font-weight: 500;
    font-size: 22px;
}
.driverdispatchboard  .card-title i.icon {
    color: #02287a;
    font-size: 24px;
    line-height: 21px;
    padding-right: 10px;
}
.driverdispatchboard  h5.card-title {
    font-size: 18px;
    line-height: 14px;
    font-weight: 700;
    color: #02287a;
}
#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}
@-webkit-keyframes spin {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:#0099DA;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}