@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900'); /* light, regular, medium, bold, black */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');  /* light, regular, medium, bold, black */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700&display=swap');
*,
*:hover,
*:active,
*:focus {outline: none !important;}
*:focus {box-shadow: none !important;}
a {color:#000;text-decoration: none;}
a:hover {color:#a72c32;text-decoration: none;}
ul, ol {margin:0; padding:0; list-style:none;}
ul li, ol li {display: inline-block;}
ul:after,
ol:after,
.container:after,
.clearAfter:after {clear:both; content:""; display:block;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.btn {padding-top: .438rem; padding-bottom: .438rem;border-radius: 3px;vertical-align: top;}
.btn-primary {
    background-color: #dc3545;
    border-color: #951b1e;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: 'Khand', sans-serif;
}
.btn-secondary {background-color: #fff;border-color: #951b1e;color:#951b1e;}
.btn-primary:hover,
.btn-secondary:hover {background-color: #a1a1a1; border-color: #000;color:#fff;}
.row-eq-height {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
/* Text Field */
.formField {width: 250px; height: 34px; font-size: 13px; color: #9b9b9b;border:1px solid #eaeaea; padding: 8px;margin-bottom: 16px;}
.textArea {width: 100%; height: 150px; font-size: 13px; color: #9b9b9b;border:1px solid #eaeaea; padding: 8px;margin-bottom: 16px;}
input[type=file] {margin-bottom: 16px;border: none !important;}
html, body {height: 100%;}
body {font-family: "Roboto"; color: #000;overflow-x: hidden; background: #f5f6f7;padding: 95px 25px 50px 275px;}
body.loginPage {padding-left: 25px;background: url(../images/pcbg.jpg) no-repeat center center / cover;}




/* Navigation */
header {position: fixed; left: 0; top: 0; width: 100%; z-index: 999;transition: all 0.2s linear; border-bottom: 1px solid #e0e0e0; }
.mainHeader {width: 100%; background: #fff;color: #000;}
.mainHeader a.btn,
.headerLeft a {text-decoration: none;}
.headerLeft h1 {display: inline-block;    font-size: 24px;    font-weight: 500;    margin-bottom: 0;vertical-align: -2px;    padding-top: 4px;}
.headerLeft h1 + span {font-size: 18px;    color: #999999;    display: inline-block;    margin-left: 10px;}
.headerLeft h1,
.headerLeft h1 + span {vertical-align: -5px;}
.headerRight {padding-right: 25px;margin:14px 0 0 0;}
.headerLeft .sideMenuBars {font-size: 28px; position: relative; display: inline-block; width: 70px; height: 80px;vertical-align: top; color: #000}
.headerLeft .sideMenuBars i:before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);vertical-align: -4px !important;}
.logo {display: inline-block; padding: 12px 16px;}
.headerRight .unread {position: absolute;width: 18px;height: 18px;border-radius: 100%;background: #951b1e;right: 12px;top: 12px;font-size: 12px; color: #fff;}
#pc_userMenu {font-size: 16px; font-weight: 600; padding-left: 40px;position: relative;}
#pc_userMenu span:not(.userImg) {font-size: 12px; color: #999;display: block; text-align: left; font-weight: 500; margin-bottom: -5px;}
#pc_userMenu span:not(.userImg) span {font-size: 16px; font-weight: 600; color: #000;margin-top: -5px;}
#pc_userMenu.dropdown-toggle::after {position: absolute; right: -2px; top: 50%; transform:translateY(-50%);}
#pc_userMenu span.userImg {position: absolute; left: 0; top: 50%; transform: translateY(-50%);background: #f0f0f0; display: block; width: 37px; height: 37px; border-radius: 100%; overflow: hidden;}
.pc_userNotificationWrap {margin-right: 20px; border-right: 1px solid #e0e0e0; padding-right: 10px;}
.pc_userNotificationWrap .dropdown > a {font-size: 24px;padding: 14px 15px 2px 15px;}
.sidePanel {width: 266px; position: fixed; left: 0; top: 0; z-index: 998; background: #293042; height: 100%; padding-top: 95px;box-shadow: 0px 0px 15px 0px rgba(1, 1, 1, 0.059);transition: all 0.2s linear;}
.sidePanel a {color:rgba(256,256,256,.5);}
.sidePanel ul,
.sidePanel ul li,
.sidePanel ul li a {display: block;white-space: nowrap}
.sidePanel ul li {position: relative;}
.sidePanel ul li > a {font-size: 17px;padding: 8px 0 8px 45px;font-weight: 600;position: relative;}
.sidePanel ul li > a[aria-expanded="true"] {border-left: 4px solid #fff;color:#fff;}
.sidePanel ul li > a:before {font-family: "pridecontainers" !important;  content: attr(data-icon);  font-style: normal !important;  font-weight: normal !important;  font-variant: normal !important;  text-transform: none !important;  speak: none;  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; content: "\4f"; position: absolute;position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
.sidePanel ul li > a[aria-expanded="true"]:before {transform: rotate(-180DEG);margin-top: -7px;}
.sidePanel a {padding: 6px 0 6px 45px;}
.sidePanelLinks {margin: 12px 0 15px;}
.sidePanel ul li > a i {position: absolute; left: 15px; top: 50%; transform: translateY(-50%);font-style: normal;font-size: 1.3em;}
.sidePanel ul li > a[aria-expanded="true"] i {color: #fff;}
.sidePanel a:hover {color:#fff}

.loginBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 75vw;
    max-width: 1000px;
    background: #fff;
    border-radius: 10px;
    padding: 0;
    border: 1px solid #cacaca;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    overflow: hidden;
}
.loginBox h1 {font-size: 28px;}
.loginBox p {margin-bottom: 0;}
.loginBox label {margin: 10px 0 5px;}
.loginBox .pc-boxcheck {font-size: 10px;display: block; margin: 15px 0;}
.loginForm > label {font-size: 14px; font-weight: 600;}

.loginLeft,
.loginRight {width: 100%; padding: 30px;}
.loginLeft {float: left;text-align: center;align-self: center;}
.loginRight {background: #fff; float: right;box-shadow: 0 0 15px rgb(0 0 0 / 30%) , 0 0 0 1px #e6e6e6;}
.logocard {width: 50%; margin: 0 auto 20px;a}
.pc-apps {margin-top: 20px;}
.pc-apps a {display: inline-block; width: 30%; margin: 0 5px; }

@media only screen and (min-width:992px){ 
    .loginBox {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .loginLeft,
    .loginRight {width: 50%; padding: 60px 30px;}
}
.table {margin-bottom: 0;}


.sectionHeader {margin-bottom: 15px; padding: 15px; background: #fff; border-radius: 10px;border:1px solid #e0e0e0;}

.sectionHeader h1,
.sectionHeader h2 {display: inline-block; font-size: 24px;font-weight: 500;margin-bottom: 0;}
.sectionHeader h1 {vertical-align: -2px;padding-top: 4px;}
.sectionHeader h2 {font-size: 18px;}
.sectionHeader h1 i,
.sectionHeader h2 i {color: #000;vertical-align: -2px;}
.sectionHeader h1 + span,
.sectionHeader h2 + span {font-size: 16px; color: #999999;display: inline-block; margin-left: 10px;}
.sectionHeader h2 + span {font-size: 14px;}
.sectionHeader .btn {font-size: 14px; padding-left: 36px; position: relative;}
.sectionHeader .btn i {font-size:22px;position: absolute; left: 10px; top: 50%; transform: translateY(-50%);margin-top:2px;}
.pcContainer {background: #fff;box-shadow: 0px 0px 15px 0px rgba(1, 1, 1, 0.059);border-color: rgb(215, 215, 215);border-radius: 10px;height: 100%;position: relative; }
.pcContainerInner {padding:15px;}
.pcContainerHead {padding: 10px 10px; border-radius: 10px 10px 0 0;    border-bottom: none;font-weight: 700; z-index:1;}
.utGrid .pcContainer {border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.utGrid .sectionHeader {margin-bottom: 0; border-radius: 10px 10px 0 0;;}
.utGrid .sectionHeader .fl {margin-top:5px;}

.gridFilters .btn-group {border:1px solid #e0e0e0; border-radius: 10px; overflow: hidden;}
.gridFilters span {font-size: 16px; font-weight: 500;display: inline-block; vertical-align: top; margin-top: 10px; margin-right: 12px;}
.gridFilters .btn {background: #f9f9f9;font-size: 14px;overflow: hidden;padding-top: 11px;padding-bottom: 11px;position: relative;border:none;transition: none;padding-left: 15px;padding-right: 15px;}
.gridFilters .btn i {font-size: 1.3em;position: absolute;left: 8px;    top: 50%;transform: translateY(-50%);margin-top: 2px;display: none;}
.gridFilters .btn.active {background:#293042;color:#fff;border-radius: 10px !important;}
.gridFilters .btn input {position: absolute;clip: rect(0,0,0,0);pointer-events: none;left: -100px; top: -100px;}
.gridSearch {font-size: 14px; font-weight: 500;}
.gridSearch * {font-size: inherit;font-weight: inherit;}
.gridSearch .btn {border: none;}
.gridSearch .btn-search {background: #000; color:#fff;}
.gridSearch .form-inline .form-control {width: 228px;background: #f5f6f7;display: inline-block;}
.gridSearch .form-inline select.form-control {width: 160px;}
.gridFilterWrap > .btn {border-radius: 3px; margin-right: 20px; height: 45px;}
.gridSearch .btn,
.gridSearch .form-inline .form-control {
    height: 45px;
    border-radius: 2px;
    width: 208px;
}
.table-striped>tbody>tr:nth-of-type(odd):not(.detailRow) {background:#f9f9f9;--bs-table-accent-bg:none}
.gridWrap {width: 100%;overflow-x: auto;}
.gridWrap .table thead {z-index: 9;position: relative;}
.gridWrap .table tbody {z-index: 1;}
.gridWrap .table thead th,
.gridWrap .table tbody th,
.gridWrap .table tbody td {padding: 15px 15px;vertical-align: middle; text-align: center;}
.gridWrap .table thead th {font-size: 15px; font-weight: 500; line-height: 1.4;background: #ffffff; color: #000;}
.gridWrap .table tbody td,
.gridWrap .table tbody th {font-size: 14px; line-height: 1.2;padding-top: 10px;padding-bottom: 10px;position: relative;border-bottom: 1px solid #e0e0e0;}
.gridWrap .table tbody td span.subText {font-size: 14px;color: #999; display: block;}
.gridWrap tbody tr:hover th,
.gridWrap tbody tr:hover td{background: #FFFFCC;}
.gridWrap .btn {font-size: 14px;padding: 11px 10px; line-height: 1;}
.gridWrap .btn + .dropdown-menu {font-size: 14px;}
    .gridWrap .dropdown-toggle {
        background: #a1a1a1;
        font-size: 14px;
        border: 1px solid #cdcdcd;
        color: #fff
        ;
    }
.gridWrap .btn + .dropdown-menu {border:1px solid #ebebeb;}
.gridWrap .btn + .dropdown-menu {padding: 0;}
.gridWrap .btn + .dropdown-menu .dropdown-item {padding: 5px 8px;}
.gridWrap .dropdown-item:hover {background: #ddd;}
.gridWrap .dropdown-toggle::after {font-size: 14px;vertical-align: 2px;}
.gridWrap .pc-up {color: #41af08;}
.gridWrap .pc-down {color: #951b1e;}
.gridWrap .pc-up,
.gridWrap .pc-down {font-size: 16px; vertical-align: -2px; position: absolute; left: 4px; top: 1px;}
.jobStatus {padding: 5px 10px; font-size: 11px; color: #fff; border-radius: 3px;white-space: nowrap; text-align: center; min-width: 110px;display: inline-block;}
.jobStatus i {font-size: 1.3em;}
/* Statuses Start */
.jCreated,
.gridWrap .table tbody td.jCreated {background: #f378c9;color: #fff;}
.jVNA,
.gridWrap .table tbody td.jVNA {background: #c970f2;color: #fff;}
.jETA,
.gridWrap .table tbody td.jETA {background: #5ba8de;color: #fff;}
.jAppointment,
.gridWrap .table tbody td.jAppointment {background: #eca141;color: #fff;}
.jCompleted,
.gridWrap .table tbody td.jCompleted {background: #599f3a;color: #fff;}
.cRowCount.jCreated {background: none;color: inherit; border-color:#599f3a; }
.cRowCount.jVNA {background: none;color: inherit; border-color:#c970f2; }
.cRowCount.jETA {background: none;color: inherit; border-color:#5ba8de; }
.cRowCount.jAppointment {background: none;color: inherit; border-color:#eca141; }
.cRowCount.jCompleted {background: none;color: inherit; border-color:#fb5757; }
.statsList.jCreated .statCount {color: #f378c9;}
.statsList.jVNA .statCount {color: #c970f2;}
.statsList.jETA .statCount {color: #5ba8de;}
.statsList.jAppointment .statCount {color: #eca141;}
.statsList.jCompleted .statCount {color: #599f3a;}
/* Statuses End */
.form-group {margin-bottom: 20px;}
.form-group label {display: block;}
.addFormBase {margin-bottom: 20px;padding-bottom: 10px;position: relative;}
.addFormBase:after {content: ""; display: block; position: absolute; left: 12px; right: 12px; height: 1px; background: #ddd; top: 100%;}
.addFormBase .btn-secondary {border: none;}
.form-group .form-control {background: #f5f6f7;border-color: rgb(199 199 199);box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);}
select.form-control {-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;}
.containerListRow .form-control,
.containerListRow .form-group,
.containerListRow .form-check {font-size: 12px;}
.containerListRowWrap {background: #fff;box-shadow: 0px 0px 15px 0px rgba(1, 1, 1, 0.059);border-color: rgb(215, 215, 215);border-radius: 15px;position: relative;}
.containerListRowWrap:not(:first-of-type) {margin-top: 30px;}
.containerListRow {padding: 10px 110px 10px 80px;}
.containerListRow .form-group {display: inline-block; margin-right: 0.5em;}
.containerListRow .form-control {display: inline-block;width: auto;margin-right: 2px;}
.containerListRow .form-control:last-child {margin-right: 0;}
.containerListRow .form-control[type=date] {max-width: 125px;padding-left: 5px;padding-right: 5px;}
.containerListRow select.form-control {padding-top: 0.313rem;padding-bottom: 0.313rem;}
.form-group .addControl .btn {position: relative;min-width: 31px;min-height: 31px;}
.form-group .addControl .btn i {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);margin-top: 2px;font-size: 19px; }
.form-group .addControl .btn-addNew {background: #599f3a;color:#fff; margin-left: -4px; border-radius: 0 .25rem .25rem 0; position: absolute; right: 0; top: 0;height: 100%;width: 88px;font-size: 0.9em;padding-top:.5rem;}
.form-group .addControl .form-control {border-radius: .25rem 0 0 .25rem;}
.addControl {display: inline-block;position: relative; padding-right: 87px;}
.addFormArea .addControl {display: block;}
.containerListRow .addControl .form-control {margin-right: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.addFormArea {padding: 25px 25px 25px 25px;margin-bottom: 20px;} 
.vTop {vertical-align: top;}
.cRowCount {position: absolute; left: 0; top: 0; padding: 10px 12px; text-align: center;margin: 0 !important; width: 70px;border-radius: 15px 0 0 15px;height: 100%;border-left: 3px solid}
.rPickup {position: absolute; right: 0; top: 0; padding: 10px 12px; text-align: center;margin: 0 !important; width: 100px;border-radius:0 15px 15px 0;height: 100%;}
.containerListBtns .dropdown {display: inline-block;}
.containerListBtns .dropdown,
.containerListBtns .btn {font-size: 12px;vertical-align: top;}
.containerListBtns {padding-top: 0; margin-top: -10px;}
.pickupNotReady {background: #fb5757  !important;color: #fff;}
.pickupReady {background: #599f3a  !important;color: #ffffff;}
.form-group.rPickup .form-check {display: inline-block;}
.form-group.rPickup .form-check label {display: none;}
.rPickup .form-check-input {width: 1.2em; height: 1.2em;}
.rPickup .form-check-input:checked {border-color: #ffffff;border-width: 2px;}
.listingStats {padding: 0 20px;}
.statsList {float: left; /*background: none !important; */color: inherit;border-radius: 4px; margin-right: 8px; overflow: hidden;box-shadow: 0 0 5px rgba(0,0,0,0.05);}
/*.statsList:first-of-type {border-right: 1px solid #fff;}
.statsList:not(:first-of-type) {border-left: 1px solid #e2e2e2;} */
.statsList span {display: block;text-align: center;padding: 0 15px;}
.statsList .statCount {line-height: 26px;font-size: 20px; font-weight: 500;background: #fff;}
.statsList .statName {font-size: 12px;/*margin-top: -4px;*/ color: #fff;}
.editableEntry {display: block;position: relative; margin-bottom: 5px;}
.editableEntry a {color: #7299c9;display: inline-block;position: relative;text-decoration: underline;}
.editableEntry a:hover {color: #0a58ca;}
.editableEntryPopup {position: absolute; background: #fff; border-radius: 10px;min-width: 250px; max-width: 250px; box-shadow: 0px 0px 15px 0px rgba(1, 1, 1, 0.059);border:1px solid #d6d6d6;margin-top: -12px;z-index: 999;}
.editableEntryPopup:before,
.editableEntryPopup:after {position: absolute; left: 50%; top: 100%; transform: translateX(-50%);width: 0;height: 0;border-color: transparent;
border-style: solid;}
.editableEntryPopup:before {content: ""; left: 50%;border-bottom-width: 0;border-top-color: rgba(0,0,0,0.25);border-width: 11px;}
.editableEntryPopup:after {content: "";bottom: 1px;border-bottom-width: 0;border-top-color: #fff;border-width: 10px;}
.editableEntryDetail {padding: 10px 10px 0 10px;border-radius: 0 0 10px 10px;}
.editableEntryDetail:last-of-type {padding-bottom: 10px;}
.editableEntryTitle {padding: 5px 10px;background: #f5f6f7;text-align: left; font-size: 14px;border-radius: 10px 10px 0 0;font-weight: 700;}
.editableEntryDetail .form-control {font-size: 14px; width: 100%;}
.editableEntryDetail .form-control:not(:last-child) {margin-bottom: 5px;}
.editableEntryBtns:after {clear: both; content: ""; display: block;}
.editableEntryBtns .btn,
.editableEntryPopup .btn-success {padding: 6px 3px;font-size: 14px;}
.editableEntryBtns .btn:first-of-type {width: 49%; float: left;}
.editableEntryBtns .btn:last-of-type {width: 49%; float: right;}
.editableEntryPopup .btn-success {width: 100%;margin-bottom: 8px;}
.subEntry {display: block; text-align: center; color: #999;}
td.editableTD {background: #dbf0ff !important; color: #fff;padding-left: 5px !important;padding-right: 5px !important;}
.pcPopupLoader {position: fixed; left: 0; top: 0;width: 100%; height: 100%; z-index: 99998; background: rgba(0,0,0,0.5); display: none;}
.pcPopupWrap {position: fixed; left: 0; top: 0;height: 100%; width: 100%;z-index: 99998;background: rgba(0,0,0,0.5); display: none;}
.pcPopup {position: fixed; left: 50%; top: 50%; max-height: 80%; max-width: 80%; transform: translate(-50%,-50%); z-index: 99999; min-width: 70%; min-height: 100px; background: #fff; border-radius: 10px; padding-right:0 !important; padding-top:45px; padding-bottom:61px;}
.pcPopupHeader,
.pcPopupDetail,
.pcPopupFooter {padding: 10px;}
.pcPopupHeader,
.pcPopupFooter {background: #f1f1f1;border-radius:0 0  10px 10px;}
.pcPopupHeader {border-bottom:1px solid #e0e0e0;font-weight: 600; border-radius: 10px 10px 0 0;position:absolute; left:0; top:0; width:100%;}
.pcPopupFooter {border-top:1px solid #e0e0e0;position:absolute; left:0; bottom:0; width:100%;}
.pcPopupDetail {max-height:50vh; overflow:auto;}
.pcPopupDetail .gridWrap .table td,
.pcPopupDetail .gridWrap .table th {font-size: 14px;}
.pcPopupDetail .gridWrap .table {margin: 15px 0;}
.conCount {z-index: 2;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 10px; padding: 3px;background: rgba(0,0,0,0.1);line-height: 1;border-radius: 2px;}

/* New Styles */
.listingActivity {}
.listingStatsBox{display: inline-block; background: #fff; width: 31.667%; margin:0 1% 0.8% 0;height: 165px;border-radius: 10px; padding: 61px 45px;position: relative;cursor: pointer;}
.JobMoreDetail {display:none;border-radius: inherit; border:1px solid #d5d5d5; font-size: 14px; position: absolute;left: 50%; top: 80%; width: auto; background: #fff; padding: 10px;color: #000; z-index: 100; box-shadow: 0 0 5px rgba(0,0,0,0.10);min-width:65%; transform:translateX(-50%);}
.listingStatsBox:hover .JobMoreDetail {display: block;}
.textR {text-align: right !important;}
.listingStatsBox .textR {font-weight:700;}
.listingStatsBox,
.listingStatsBox:hover {color: #293042;text-decoration: none;}
.listingStatsBox:after {clear: both;content: ""; display: block;}
.listingStatsBox .count,
.listingStatsBox .ls_detail {float: left;}
.ls_detail {font-size: 19px; font-weight: 500; width: 55%;padding-left: 10px; border-left: 1px solid rgba(0,0,0,0.2);padding-right: 15px;line-height:22px;}
.ls_detail span {display: block;font-size: 16px; font-weight: 300;margin: 0;}
.ls_detail span:not(:last-of-type) {margin-bottom: 5px;}
.mb0 {margin-bottom: 0 !important;}
.listingStatsBox > i {position: absolute;right:30px; top: 50%; transform: translateY(-44%);color: #fff; font-size: 4.5em;opacity: 0.2;}
.listingStatsBox .count {font-size: 45px; font-weight: 700;line-height: 45px; margin-right: 10px;text-align: right; width: 90px;padding-left: 15px;}
.listingStatsBox .count span {display: block; font-size: 0.5em;margin-top: -4px;line-height: 18px;}
.ls_new {background: #103ad7;background: -moz-linear-gradient(top,  #103ad7 0%, #030db9 100%);background: -webkit-linear-gradient(top,  #103ad7 0%,#030db9 100%);background: linear-gradient(to bottom,  #103ad7 0%,#030db9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103ad7', endColorstr='#030db9',GradientType=0 );}
.ls_created {background: #c9d110;background: -moz-linear-gradient(top,  #c9d110 0%, #a2af03 100%);background: -webkit-linear-gradient(top,  #c9d110 0%,#a2af03 100%);background: linear-gradient(to bottom,  #c9d110 0%,#a2af03 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9d110', endColorstr='#a2af03',GradientType=0 );}
.ls_notArrived {background: #f57e1f;background: -moz-linear-gradient(top,  #f57e1f 0%, #c41111 100%);background: -webkit-linear-gradient(top,  #f57e1f 0%,#c41111 100%);background: linear-gradient(to bottom,  #f57e1f 0%,#c41111 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57e1f', endColorstr='#c41111',GradientType=0 );}
.ls_eta {background: #af26bc;background: -moz-linear-gradient(top,  #af26bc 0%, #75088b 100%);background: -webkit-linear-gradient(top,  #af26bc 0%,#75088b 100%);background: linear-gradient(to bottom,  #af26bc 0%,#75088b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af26bc', endColorstr='#75088b',GradientType=0 );}
.ls_appointment {background: #f57f1f;background: -moz-linear-gradient(top,  #f57f1f 0%, #ed1f07 100%);background: -webkit-linear-gradient(top,  #f57f1f 0%,#ed1f07 100%);background: linear-gradient(to bottom,  #f57f1f 0%,#ed1f07 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57f1f', endColorstr='#ed1f07',GradientType=0 );}
.ls_completed {background: #3eaf0e;background: -moz-linear-gradient(top,  #3eaf0e 0%, #0e7503 100%);background: -webkit-linear-gradient(top,  #3eaf0e 0%,#0e7503 100%);background: linear-gradient(to bottom,  #3eaf0e 0%,#0e7503 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eaf0e', endColorstr='#0e7503',GradientType=0 );}

.gContainer {padding-bottom:1%;padding-left: 0;}
.gContainer .pcContainerInner {height:100%; padding-right:20px;}
.pcContainerInner #chartContainer {width:100%;height:100%;}
.gContainer .pcContainer {overflow:hidden;}
.jStatus {font-weight: 600;}
.jStatus .sColor {display: inline-block; width: 11px; height: 11px; border-radius: 100%;vertical-align: -1px;}



.sCreated {color: #000;}
.sCreated .sColor {background: #000;}
.sNotArrived {color: #ddcf8d;}
.sNotArrived .sColor {background: #ddcf8d;}
.sETA {color: #91d176;}
.sETA .sColor {background: #91d176;}
.sAppointment {color: #84c5d1;}
.sAppointment .sColor {background: #84c5d1;}
.sCompleted {color: #d39ac9;}
.sCompleted .sColor {background: #d39ac9;}



.jStatusTD {text-align: left !important;}
.jStatus {color: inherit;}
.paggination {padding: 10px 20px; background: #fff; border-radius: 0 0 10px 10px; border:1px solid #e0e0e0;margin: 0 0 20px;border-top:none;}
.paggination a {display: inline-block; padding: 5px 10px;border-radius: 10px;}
.paggination a:not(.pBtn) {background: #f9f9f9; color: #333;border: 1px solid #e0e0e0; margin-right:5px;}
.pBtn,
.pBtn:hover {background: #951b1e; color: #fff;border: 1px solid #951b1e;}
.pRecords {padding-top: 5px;}
.jDIcon {display: inline-block; padding-left: 20px; text-align: left;position: relative;}
.upFiles {max-height: 100px; overflow: auto; overflow-x: hidden;}
.upFiles a:first-of-type {color: #3e64ea; font-size: 14px; padding: 2px;display: block;}
.upFiles li {position: relative;display: block;}
.upFiles li a:last-of-type {position: absolute; right: 2px; top: 50%; transform: translateY(-50%);}

.alertsWrap {position: fixed; right: 10px; top: 90px; z-index: 9999;}
.alert {position: relative; padding: 12px 40px 12px 15px; color: #fff;border-radius: 10px;margin-bottom: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.alert.result {background: #0ba216;}
.alert.error {background: #d41f1f;}
.alert .CloseAlert {position: absolute; right:11px; top:50%; transform: translateY(-50%); font-size: 7px; color: #fff;    background: rgba(0,0,0,0.3);    border-radius: 100%;    width: 20px;    height: 20px;}
.alert .CloseAlert i {    position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%,-50%);}
.statsTheme2 .listingStatsBox {height: 100px;display: inline-flex;align-items: center; vertical-align: top;padding: 0;}
.statsTheme2 .ls_new {background: #7094c9;color: #fff;}
.statsTheme2 .ls_created {background: #a1a1a1;color: #fff;}
.statsTheme2 .ls_notArrived {background: #dc3545;}
.statsTheme2 .ls_eta {background: #eb6868;}
.statsTheme2 .ls_appointment {background: #20c997;}
.statsTheme2 .ls_completed {background: #ffc107;}


.loaderWrap {position: relative;}
.loader {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(256,256,256,0.9); color: #333;z-index: 100;border-radius: inherit;}
.loaderContent {position: absolute;left: 50%;    top: 50%;    transform: translate(-50%,-50%);}
.loaderContent p {margin: 0;font-weight: 500;text-align: center;}
.lds-ellipsis {  display: inline-block;  position: relative;  width: 80px;  height: 40px;    left: 50%;    transform: translateX(-50%);}
.lds-ellipsis div {  position: absolute;  top: 50%;  width: 13px;  height: 13px;  border-radius: 50%;  background: #951b1e;  animation-timing-function: cubic-bezier(0, 1, 1, 0);margin-top: -6px;}
.lds-ellipsis div:nth-child(1) {  left: 8px;  animation: lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {  left: 8px;  animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {  left: 32px;  animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {  left: 56px;  animation: lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 {  0% {    transform: scale(0);  }  100% {    transform: scale(1);  }}
@keyframes lds-ellipsis3 {  0% {    transform: scale(1);  }  100% {    transform: scale(0);  }}
@keyframes lds-ellipsis2 {  0% {    transform: translate(0, 0);  }  100% {    transform: translate(24px, 0);  }}


.addFormFooter .btn {border:none;}


/* Check Box */
.pc-boxcheck {font-size: 11px;position: relative;display: inline-block; padding-left: 2.5em;vertical-align: middle;}
.pc-boxcheck span {font-size: 1.3em;}
.pc-boxcheck input[type=checkbox]{display: none;}
.pc-boxcheck label{position: absolute;top: 50%;right: 0;left: 0;width: 2em;height: 2em;margin: 0;background-color: #fff;transform: translateY(-50%);border-radius: 0.2em;box-shadow:0 0px 0.5em rgba(0,0,0,0.1), 0 0 0 0.3em #f96a0e inset;cursor: pointer;transition: 0.2s ease transform, 0.2s ease background-color, 0.2s ease box-shadow;overflow: hidden;z-index: 1;}
.pc-boxcheck label:hover{box-shadow: 0 0px 0.5em rgba(0,0,0,0.1), 0 0 0 0.4em #f96a0e inset   ;}
.pc-boxcheck label:active{transform: translateY(-50%) scale(0.9);}
.pc-boxcheck .tick_mark{position: absolute;top: -0.071em;right: 0;left: 0;width: 0.286em;height: 1.714em;margin: 0 auto;margin-left: 0.071em;transform: rotateZ(-40deg);}
.pc-boxcheck .tick_mark:before, .pc-boxcheck .tick_mark:after{content: "";position: absolute;background-color: #fff;border-radius: 0.143em;opacity: 0;transition: 0.2s ease transform, 0.2s ease opacity;}
.pc-boxcheck .tick_mark:before {left: 0;bottom: 0;width: 1.455em;height: 0.286em;}
.pc-boxcheck .tick_mark:after{left: 0;bottom: 0;width: 100%;height: 0.714em;}
.pc-boxcheck input[type=checkbox]:checked + label{background-color: #5a9f3b;box-shadow: none;}
.pc-boxcheck input[type=checkbox]:checked + label:before{width: 0;height: 0;}
.pc-boxcheck input[type=checkbox]:checked + label .tick_mark:before, .pc-boxcheck input[type=checkbox]:checked + label .tick_mark:after{transform: translate(0);opacity: 1;}
/* Check Box End */
.k-grid table {font-size: 14px;min-width: 100%;width: auto;}
.k-grid-toolbar {border-width: 0;}
.k-grid-excel,
.k-grid-pdf {color: #fff;}
.k-grid-excel {background: #0976c3;}
.k-grid-pdf {background: #f96a0e;}

.k-grid-excel:hover,
.k-grid-pdf:hover {color: #fff;background:#000;}
.k-grid-header {color: #ffffff;background-color: #000000;}

.k-pager-numbers .k-link,
.k-pager-nav.k-link, .k-pager-refresh { color: #000;margin: 0 2px;     border-radius: 5px;}
.k-pager-info,
.k-pager-numbers .k-link,
.k-pager-nav.k-link, .k-pager-refresh {font-size: 14px;}
.k-pager-numbers .k-link.k-state-selected,
.k-pager-numbers .k-link:hover,
.k-pager-nav.k-link:hover {    border-color: #f96a0e;    background-color: #f96a0e;color: #fff;}
.k-state-disabled.k-pager-nav {color: #999;}
.k-grid-content {overflow-y: auto;}
div.k-grid-footer, div.k-grid-header {padding-right: 0 !important;}
.sCreatedBG {background: #86bd6e !important;color:#fff;}
.sNotArrivedBG {background: #c36e6e !important;color:#fff;}
.sETABG {background: #7299c9 !important;color:#fff;}
.sAppointmentBG {background: #d5c575 !important;color:#fff;}
.sCompletedBG {background: #6fc7bb !important;color:#fff;}




/* Design New Start */
.gridWrap tbody tr.detailRow:hover td {background: #fff !important;}
.gridWrap .table tbody .detailRow td {text-align: left;}
.detailRow h4 {font-size: 16px; font-weight: 900; border-bottom: 1px solid #bbb; margin-bottom: 10px;padding: 5px 0;}
.detailRow h4 .fr {font-size: 14px; font-weight: 300;}
.detailRow h4 .fr strong {font-weight: 900;}
.jbInfo,
.nestedjbInfo {padding-left: 20px; padding-bottom: 30px; position: relative;overflow: hidden;}
.jbInfo:before,
.nestedjbInfo:before,
.jbInfo:after,
.nestedjbInfo:after {content: "";display: block; position: absolute;}
.jbInfo:before,
.nestedjbInfo:before {width: 14px; height: 14px; background: url(../images/dot.svg) no-repeat center center; background-size: 100% auto;left: 0;top: 0;}
.jbInfo:after,
.nestedjbInfo:after {width: 2px; height: 150%; left: 6px; top: 13px; background: #aaa;}
.jbInfo:last-of-type:after,
.nestedjbInfo:last-of-type:after{display: none !important;}
.jbInfo a,
.nestedjbInfo a {font-size: 14px; font-weight: 900; color: #359bdd}
.jbInfo a + span,
.nestedjbInfo a + span,
.jbInfo span.location,
.nestedjbInfo span.location {font-size: 12px; color: #999;}
.jbInfo span.location,
.nestedjbInfo span.location {display: block;font-size: 14px;}
.jbMoreInfo,
.nestedjbMoreInfo {display: none;}
.expanded .jbMoreInfo,
.nestexpanded .nestedjbMoreInfo {display: flex;}
.tripMap {position: relative; }
.tripMap:before {content: ""; display: block;padding-top: 100%;}
.tripMap iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.infoLabel, .infoLabelR {display: inline-block;padding: 3px 6px;border-radius: 5px;color: #fff;background: #54d38c;font-size: 0.9em;}
.infoLabelR {background: #951b1e;}
.table>:not(:last-child)>:last-child>*,
.gridWrap .table thead th {border-bottom-color: #d7d7d7;}
.gridWrap .table thead th,
.gridWrap .table thead th a {color:#951b1e}
.jbMoreInfo .gridWrap table thead th,
.jbMoreInfo .gridWrap table thead th a {color:#000}
.filControl {position: relative; padding-right: 40px;}
.filControl a {position: absolute; right: 0; top: 0; width: 37px; height: 37px; background: #000; color: #fff; border-radius: 0.25rem;}
.filControl a i {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 15px;margin-top: 2px;}
.gridWrap tbody tr td:last-of-type a.toggleRow {display: block; width:24px; height:24px; position:relative; background:#000;border-radius:3px;}
.gridWrap tbody tr td:last-of-type .pc-angle-down {font-size: 24px;color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)rotate(0DEG);margin-top: 3px;}
.gridWrap tbody tr.open td:last-of-type .pc-angle-down {transform: translate(-50%,-50%)rotate(-180DEG); display: block;margin-top: -3px;}
.gridWrap tbody tr + .detailRow {display: none;}
.gridWrap tbody tr.open + .detailRow {display: table-row;}
/* Design New End */

.businessInfoArea .pcContainer {height:auto; padding:15px;}
.businessInfoArea .businessLogo .pcContainer {padding:0;position:relative;overflow:hidden;background:rgba(256,256,256,0.5)}
.businessInfoArea .businessLogo .pcContainer:before {position:relative; padding-top:100%; content:""; display:block;}
.businessInfoArea .businessLogo .pcContainer:after {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; height:90%; background:#fff;z-index:1;content:""; display:block;}
.businessInfoArea .businessLogo .pcContainer img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; z-index:10; }
.businessInfoAreaRight .pcContainer {margin-bottom:15px;}
.businessInfoAreaRight .pcContainer h5 {color:black; font-size:32px; font-weight:700;}
.businessInfoAreaRight .pcContainer {border-radius: 0;border-top: 5px solid #293042;}
.businessInfoAreaRight .pcContainer span {font-size:14px; padding-right:5px; margin-right:5px; color:#951b1e}
.businessInfoAreaRight .pcContainer span strong {color:#000}
.businessInfoAreaRight .pcContainer span:not(:last-of-type) {border-right:1px solid #e0e0e0;}
.infoBox {display:inline-block; padding:14px 20px 12px; border-radius:10px; background:#fff; margin-right:15px;position:relative; padding-left:60px;border: 1px solid #dbdbdb;    box-shadow: 0px 0px 15px 0px rgb(1 1 1 / 6%);overflow:hidden;}
.infoBox span {font-weight:700;}
.infoBox i {font-size: 2em;
    color: rgb(255 255 255 / 70%);
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0px;
    background: #951b1e;
    padding: 17px 16px 10px;
    border-radius: 100%;box-shadow:0 0 4px 2px rgb(0 0 0 / 50%);}
.detailRow .gridWrap thead tr:hover th,
.detailRow .gridWrap thead tr th,
.detailRow .gridWrap tbody tr:hover th,
.detailRow .gridWrap tbody tr th {background:#f9f9f9;}
.detailRow .jbMoreInfo .gridWrap {padding:0;}
.detailRow .gridWrap table {width:100%;}
.nestedAccordion {padding:20px 15px 15px;}
.demandDocuments {padding:10px 12px;}
.demandDocuments strong {display:block;}
.jbInfo .demandDocuments a {font-weight:normal; font-size:13px; padding-right:5px; margin-right:5px;}
.jbInfo .demandDocuments a:not(:last-of-type) {border-right:1px solid #e0e0e0;}
.nestedAccordion .gridWrap th {text-align:left !important;}
.jbMoreInfo .gridWrap table thead th, .jbMoreInfo .gridWrap table tbody th {text-align:left;}

#divPopupDemandsHistory {padding-left:0 !important;}
.nesTable {    font-size: 0.85em;    background: #f7f7f7;    border-radius: 0 0 10px 10px;    overflow: hidden;    box-shadow: 0 2px 4px rgb(0 0 0 / 8%) inset;}
.nesTHR {background: #ffffff;    color: #951b1e;}
.nesTable th,
.nesTable td {border:1px solid #e5e5e5;padding:7px;}
.demandPopNesTable th:nth-of-type(1),
.demandPopNesTable th:nth-of-type(4),
.demandPopNesTable th:nth-of-type(5),
.demandPopNesTable th:nth-of-type(8),
.demandPopNesTable td:nth-of-type(1),
.demandPopNesTable td:nth-of-type(4),
.demandPopNesTable td:nth-of-type(5),
.demandPopNesTable td:nth-of-type(8) {text-align:center;}
.nesTableWrapTD {padding-top: 0 !important;    padding-bottom: 15px !important;}


/* Tariff Search and Index Styles */
h1 {font-size:32px;}
.tariffSpages {padding-top:20px;}
.tabRegulationContent {
    width: 400px;
    margin: 0 auto;
}
.rdContext {
    text-align: center;
}
.rdContext span {
    display: inline-block;
    font-size: 18px;
}
.rdContext span:not(:last-of-type) {
    margin-right: 30px;
}
.rdContext span input {
    margin-right: 5px;
}
.mainSearchBox {
    position: relative;
    margin-bottom: 30px;
}
.mainSearchBox input[type=text] {
    color: #9b9b9b;
    padding: 0 18px;
    line-height: normal;
    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
    width: 100%;
    outline: none;
    border: 1px solid #d7d7d7;
    background: #fff;
    margin-bottom: 0;
    padding-right: 100px;
    border-radius: 50px;
    height: 46px;
    font-size: 16px;
}
.divBtn {
    text-align: center;
    overflow: hidden;
    padding: 5px 0;
    color: #fff;
    background: #951b1e;
    position: relative;
    border-radius: 3px;
}
.regulationsSearchBTn {
    position: absolute;
    right: 6px;
    top: 50%;
    width: 80px;
    height: 35px;
    border-radius: 50px;
    line-height: 32px;
    transform: translateY(-50%);
    font-weight: 400;
}
.divBtn.regulationsSearchBTn {
    line-height: 23px;
}
.utTableWrapper {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 30px;
}
.utTableHeader {
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
}
.utTableHeader h2 {
    font-size: 22px;
    font-weight: 500;
    color: #951b1e;
}
.utTableWrapper > div:last-child {
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}
.utTable {
    border: none;
    margin: 15px 0;
    width: 100%;
}
.utTableWrap .utTable {
    margin-bottom: 0;
    min-width: 650px;
}
.utTableWrapper .utTableWrap, .utTableWrapper .utTableWrap .utTable {
    margin-top: 0;
}
.utTable > thead > tr > th, .utTable > tbody > tr > th {
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle;
    border: none;
    background: #f5f6f7;
    color: #000;
}
.utTableWrapper .utTable tr th, .utTableWrapper .utTable tr td {
    padding: 15px;
}
.utTable a, .utTable th {
    color: #951b1e;
}
.utTable > tbody a {
    font-weight: 500;
}
.utLoader {position:fixed;left:0; top:0; width:100%; height:100%; z-index:99999;background:rgba(256,256,256,0.9)}
.loaderContents {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.loaderDots {display:block; text-align:center;}
.loaderContents img {width:200px;}
.ut-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.ut-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #951b1e;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.ut-ellipsis div:nth-child(1) {
  left: 8px;
  animation: ut-ellipsis1 0.6s infinite;
}
.ut-ellipsis div:nth-child(2) {
  left: 8px;
  animation: ut-ellipsis2 0.6s infinite;
}
.ut-ellipsis div:nth-child(3) {
  left: 32px;
  animation: ut-ellipsis2 0.6s infinite;
}
.ut-ellipsis div:nth-child(4) {
  left: 56px;
  animation: ut-ellipsis3 0.6s infinite;
}
@keyframes ut-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes ut-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes ut-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.regulationsSearchBTn.regulationsSearchBTnD {line-height:1.1;}
.halfSection {
    position: relative;
    height: 250px;
    margin-bottom: 30px;
    overflow: hidden;
    background: #cad3f5;
}
.halfSection img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    min-width: 100%;
    min-height: 100%;
    filter: blur(3px);
    opacity: 0.5;
}
.halfSection a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
}

.pcForm .form-control {margin-bottom:10px;}
.conWrap {padding-right:170px; position:relative;}
.conWrap .btn {position:absolute; right:0; top:0;}
#gdManageHSCode th:nth-of-type(3),
#gdManageHSCode td:nth-of-type(3) {text-align:left !important;}
.ui-autocomplete { position: absolute; width:auto !important; z-index:9999999 !important;}
.ui-menu .ui-menu-item {display:block;}
.ui-menu {max-height:40vh; overflow:auto; overflow-x:hidden;}


/* new dashboard */
.utDashContainer {background:#fff;border:1px solid #cfcfcf;box-shadow:0 0 10px rgb(0 0 0 / 10%);}
.utDashContainer h5 {font-weight:300;text-transform:uppercase; padding:25px;margin:0;}
.utDashContainer h5:after {clear:both; display:block; content:"";}
.utDashContainer h5 a {float: right;    font-size: 0.7em;    color: #951b1e;    display: inline-block;    padding: 4px 0px 3px 0px;    font-weight: 500;}
.utDashTable {border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; width:100%;font-size:14px;}
.utDashTable th,
.utDashTable td {padding:5px;border-bottom:1px solid #cfcfcf;}
.utDashTable th {text-transform:uppercase; font-weight:300;}
.utDashTable tr:last-of-type td {border-bottom:none;}
.emptyTable {text-align:center;}
.utGraphContainer {padding:0 25px 25px;}

.utdTable {
    margin: 0;
    border-bottom: thick solid rgb(41, 48, 66) !important;
    box-shadow: 0px 0px 15px 0px rgba(1, 1, 1, 0.059);
    border-color: rgb(215, 215, 215);
    background: #fff;
}
.utdTable-heading {
    font-weight: normal;
    display: inline-block;
    margin: 30px 0 0;
    padding: 10px 20px;
    line-height: inherit;
    border-top-right-radius: 10px;
    color: #ffffff;
    background-color: #951b1e;
}
.utdTable th, .utdTable td {
    padding: 16px 20px !important;
    text-transform: capitalize;
    text-align: left !important;
}
.utdTable th a {
    color: #ffffff !important;
}
.utdTable td a {
    color: #951b1e;
}
.utdTable th {
    color: #ffffff !important;
    background-color: rgb(41, 48, 66) !important;
}
.utdTable td {
    border: none;
}
.utdTable tbody tr:nth-child(2n+1) {
    background-color: rgba(41, 48, 66, 0.05);
}
.utdTable tbody tr:hover {
    transition: 0.2s;
    background-color: #e0eeff;
}

.notify-clients-container {
    max-width: 400px;
    margin: auto;
    padding: 20px;
    border: 2px solid #951b1e;
    border-bottom: 6px solid #951b1e;
    border-right: 6px solid #951b1e;
}
.notify-clients-buttons-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin: auto;
}
.notify-clients-buttons-wrapper input {
    padding: 10px 20px;
}


















/* Site Responsive */
/* Max */
@media only screen and (max-width:1400px) {
    .gridFilters, .gridSearch {float:none !important; text-align: center;}
    .gridSearch {padding-top: 10px;}
    .pcContainerHead {padding-top: 10px; padding-bottom: 0;}
    .gridSearch .btn {margin-bottom: 8px;}
    .gridWrap .table tbody td, .gridWrap .table tbody th, .gridWrap .table thead th {font-size: 14px;}
    .gridWrap .table thead th, .gridWrap .table tbody th, .gridWrap .table tbody td:not(:first-of-type) {padding: 8px 10px;}
    .gridWrap .table thead th,
    .gridWrap .jStatus {white-space: nowrap;}
}
@media only screen and (max-width:1366px){
    body,
    .sidePanel {padding-top:70px;}
    .logo {padding-top:6px; padding-bottom:6px;}
    .logo img {width:150px;}
    .headerLeft .sideMenuBars,
    #pc_userMenu{height:52px;}
    .headerRight {margin-top:0;}
    .pc_userNotificationWrap .dropdown > a {font-size:20px;}
    .headerRight .unread {width: 15px;height: 15px;right: 8px;font-size: 11px;}
    .headerLeft .sideMenuBars {font-size:23px;}
    .sectionHeader h1, .sectionHeader h2 {font-size:18px;}

    .listingStatsBox .count {font-size:24px; width:70px;}
    .ls_detail {font-size: 21px;width: 63%;}
    .ls_detail span {font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .listingStatsBox > i {right:20px; font-size:2.5em;}
 }
@media only screen and (max-width:1280px){ 
    .sectionHeader h1 + span, .sectionHeader h2 + span {display: none;}
}

@media only screen and (max-width:1024px){
    body {padding:95px 0 50px}
    body.hidePanel {padding-left: 0;}
    .listingActivity {padding: 0 15px 15px;}
    body.hidePanel .sidePanel {transform: translateX(-100%);}
    .sectionHeader {padding: 15px 25px;}
    .sectionHeader h1, .sectionHeader h2 {font-size: 20px;}
    .pcContainer {border-radius: 0;}
}
@media only screen and (max-width:767px){
    .paggination >.fl,
    .paggination >.fr {float:none !important; text-align: center;}
    .paggination .pRecords {padding-top: 0; padding-bottom: 5px;}
    .paggination a {font-size: 13px;}
    .paggination a:nth-of-type(3),
    .paggination a:nth-of-type(5) {display: none;}
}


@media only screen and (max-width:680px){ 
    .sectionHeader h1, .sectionHeader h2 {font-size: 16px;}
    .logo {margin: 12px 16px; margin-right: 0; position: relative; padding: 0;width: 38px; overflow: hidden;}
    .logo img {width: 150px;}
    .headerLeft .sideMenuBars {font-size: 23px;}
    .headerLeft .sideMenuBars,
    .mainHeader {height: 65px;}
    body,
    .sidePanel {padding-top: 80px;}
    .headerRight  {margin-top: 0;padding-right: 0;padding-top: 6px;}
    .pc_userNotificationWrap {margin-right: 10px; padding-right: 0;}
    .headerLeft,
    .headerRight {height: 100%;}
    .headerLeft .sideMenuBars {width: 50px;}
    #pc_userMenu {height: 51px;margin-right: 15px;}
    #pc_userMenu span:not(.userImg) {display: none;}
    #pc_userMenu.dropdown-toggle::after {top: 25px;}
    .gridFilters > span {display: none;}
    .gridFilters .btn.active {border-radius: 0 !important;}
    .gridFilters .btn {padding: 8px; font-size: 13px; line-height: 12px;}
    .gridFilters .btn-group {width: 100%;border-radius: 5px;}
    .gridSearch #txtSearchText {width: 74%;}
    .gridSearch #btnSearch {width: 25%;}
    .gridSearch #btnFetchContainerDetailsFromPrideContainer,
    .gridSearch #btnPrint {width: 49.5%;}
    .gridWrap .table tbody td, .gridWrap .table tbody th, .gridWrap .table thead th {font-size: 13px;}
    
}
@media only screen and (max-width:575px){ 
    .listingStatsBox {width: 100%; margin-right: 0 !important;}
    .statsTheme2 .listingStatsBox {height: 85px;}
    .listingStatsBox .count {font-size: 30px;}
    .ls_detail span {font-size: 14px;}
}
@media only screen and (max-width:575px){ 
    .pcContainerHead {padding-left: 10px; padding-right: 10px;} 
}


/* Min */

@media only screen and (min-width:1025px){
    .hidePanel .sidePanel {width: 70px;overflow: hidden;}
    body.hidePanel {padding-left: 95px;}
    .hidePanel .sidePanel ul li a {padding-left: 100px;font-size: 28px;}
    .hidePanel .sidePanel ul li > a:before {display: none;}

}
@media only screen and (min-width:576px){
    .listingActivity [class*="col-"]:first-of-type {padding-right: 0;} 
}




/* Min/Max */
@media only screen and (min-width:576px) and (max-width:767px){
    .listingStatsBox {width: 31.667%;}
    .listingStatsBox:nth-of-type(3n) {margin-right: 0;}
}

.loader {
    position: absolute;
    width:100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.75);
}
.loader::after {
    content: '';
    display: block;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #a72c32;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}