@font-face {
  font-family: "CircularStd-Book";
  src: url(../fonts/CircularStd-Book.otf);
}

@font-face {
  font-family: "CircularStd-Light";
  src: url(../fonts/CircularStd-Light.otf);
}

@font-face {
  font-family: "CircularStd-Medium";
  src: url(../fonts/CircularStd-Medium.otf);
}

@font-face {
  font-family: "CircularStd-Bold";
  src: url(../fonts/CircularStd-Bold.otf);
}

.loadermain {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100% ;
    height: 100% ;
    z-index: 9999;
    background: url('../img/hammergif.gif') 50% 50% no-repeat rgb(249, 249, 249);
    opacity: .8;
}

/* Variables for color and font family Start */

:root {
  /* Colors */
  --colorPrimary: #feca02;
  --colorPrimary2: #e7b701;
  --colorWhite: #fff;
  --colorBlack: #000000;
  --colorBlack2: #191919;
  --colorBlack3: #4d4d4d;
  --colorBlack4: #3f3200;
  --colorBlack5: #333333;
  --colorBlack6: #7e7e7e;
  --colorBlack7: #4b4b4b;
  --colorBlack8: #808080;
  --colorBlack9: #b3b3b3;
  --colorBlack10: #999999;
  --colorBlack11: #323232;
  --colorBlack12: #b4b4b4;
  --colorblack13: #1a1a1a;
  --colorblack14: #121212;
  --colorGrey: #cccccc;
  --colorGrey2: #e7e7e7;
  --colorGrey3: #666666;
  --coloGrey4: #515151;
  --coloGrey5: #676767;
  /* --colorGrey6:#666666; */
  --colorGrey6: #343434;
  --colorGrey7: #e5e1cf;
  --colorGrey8: #646464;
  --colorGrey9: #fafafa;
  --colorGrey10: #d9d9d9;
  --colorGrey11: #f7f7f7;
  --colorGrey12: #e3e3e3;
  --colorGrey13: #727272;
  --colorBlue: #2b60ea;
  --colorBlue2: #c4f1f7;
  --colorRed: #ff4f4f;
  --colorRed2: #f6c4f7;
  --colorYellow2: #fffb74;

  /* Font Family */
  --regularFont: "CircularStd-Book";
  --lightFont: "CircularStd-Light";
  --mediumFont: "CircularStd-Medium";
  --boldFont: "CircularStd-Bold";
}

/* Variables for color and font family End */

body {
  font-family: var(--regularFont);
  color: var(--colorBlack);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

button,
a {
  transition: all 0.35s ease;
}

button {
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

button:focus {
  outline: none;
  box-shadow: none;
}

a {
  outline: none;
  text-decoration: none;
  color: var(--colorBlue);
  display: inline-block;
}

span {
  display: inline-block;
}

a:hover{
  text-decoration: none;
  color: var(--colorPrimary);
}
a:focus {
  text-decoration: none;
}

.navbar-brand {
  padding: 0px;
  margin: 0px;
}

/* Common Style Start */
.navbar-expand-md .navbar-nav .nav-link,
.navbar-nav .nav-link {
  padding-left: 0px;
  padding-right: 0px;
}

.boxs {
  float: left;
  width: 100%;
  display: block;
}

.container {
  max-width: 100%;
  padding-left: 100px;
  padding-right: 100px;
}

.flexBox {
  display: flex;
}

.alignCenter {
  align-items: center;
}

.sectionTop {
  margin-top: 75px;
}

.bodySpace {
  min-height: calc(100vh - 139px);
}

.colorPrimary {
  color: var(--colorPrimary);
}

.colorWhite {
  color: var(--colorWhite);
}

.colorBlack {
  color: var(--colorBlack);
}

.btnStyle {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-family: var(--mediumFont);
  color: var(--colorBlack4);
  background: var(--colorPrimary);
  border: 1px solid var(--colorPrimary);
  border-radius: 8px;
  padding: 10px 20px;
  text-align: center;
  min-width: max-content;
}

.btnStyle:hover {
  background: var(--colorPrimary2);
  color: var(--colorBlack4);
  border-color: var(--colorPrimary2);
}

.btnStyle2 {
  padding: 7px 10px;
}

.largeBtn {
  padding: 13px 20px;
}

.transparentBtn {
  background: transparent;
  /* padding: 7px 13px; */
  border: 1px solid var(--colorGrey8);
  letter-spacing: 0.84px;
  font-family: var(--mediumFont);
}

.redBtn {
  background: var(--colorRed);
  border: 1px solid var(--colorRed);
  color: var(--colorWhite);
}

.redBtn:hover {
  background: #e33737;
  border: 1px solid #e33737;
  color: var(--colorWhite);
}

.blackBtn {
  background: var(--colorBlack);
  border: 1px solid var(--colorBlack);
  color: var(--colorWhite);
}

.blackBtn:hover {
  background: #272727;
  border: 1px solid #272727;
  color: var(--colorWhite);
}

/* Common Classes Start */

.regularFont {
  font-family: var(--regularFont);
}

.mediumFont {
  font-family: var(--mediumFont);
}

.boldFont {
  font-family: var(--boldFont);
}

.lightFont {
  font-family: var(--lightFont);
}

.fontSize48 {
  font-size: 48px;
  line-height: normal;
  line-height: 127%;
}

.fontSize36 {
  font-size: 36px;
  line-height: normal;
}

.fontSize28 {
  font-size: 28px;
  line-height: normal;
}

.fontSize26 {
  font-size: 26px;
  line-height: normal;
}

.fontSize24 {
  font-size: 24px;
  line-height: normal;
}

.fontSize22 {
  font-size: 22px;
  line-height: normal;
}

.fontSize20 {
  font-size: 20px;
  line-height: normal;
}

.fontSize18 {
  font-size: 18px;
  line-height: normal;
}

.fontSize17 {
  font-size: 17px;
  line-height: normal;
}

.fontSize16 {
  font-size: 16px;
  line-height: normal;
}

.fontSize15 {
  font-size: 15px;
  line-height: normal;
}

.fontSize14 {
  font-size: 14px;
  line-height: normal;
}

.fontSize12 {
  font-size: 12px;
  line-height: normal;
}

.fontSize10 {
  font-size: 10px;
  line-height: normal;
}

/* Common Style End */

/* Header Start */
.header {
  position: fixed;
  padding: 10px 0px;
  background-color: var(--colorWhite);
  z-index: 99;
  border-bottom: 1px solid var(--colorGrey2);
}

.header.fixedHeader {
  /* box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); */
}

.navbar-collapse {
  justify-content: flex-end;
}

.navbar-expand-md .navbar-nav .nav-link,
.navbar-nav .nav-link {
  font-size: 16px;
  color: var(--colorBlack2);
  margin-right: 30px;
  font-family: var(--mediumFont);
}

.navbar-expand-md .nav-item:last-child .nav-link {
  margin-right: 0px;
}

.navbar-expand-md .navbar-nav .nav-link:hover,
.navbar-expand-md .navbar-nav .nav-link.activeItem {
  color: var(--colorPrimary);
}

.navbar {
  padding: 0px;
  align-items: center;
  justify-content: space-between;
}

.navbar-expand-md .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.headerBtn .btnStyle:hover {
  animation: none;
  -webkit-animation: none;
  box-shadow: none;
}

.navbar-toggler:focus {
  box-shadow: none;
  outline: none;
}

.headerRight .parentMenu {
  margin-right: 33px;
  display: flex;
  align-items: center;
}

.navbar-expand-md .navbar-toggler {
  display: inline-block;
}

.navToggler {
  display: none;
}

.headerRight span:last-child {
  margin-right: 0px;
}

.toggleDropdown .userInfo {
  padding-left: 21px;
  padding-right: 15px;
}

.toggleDropdown .userInfo h5 {
  letter-spacing: 0.6px;
}

.toggleDropdown .userInfo p,
.userMoileView .userInfo p {
  color: var(--coloGrey5);
  letter-spacing: 0.6px;
  margin-top: 4px;
}

.toggleDropdown .userImage {
  height: 43px;
  width: 43px;
  border-radius: 50%;
}

.toggleDropdown .userImage img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.toggleDropdown .dropdownIcon {
  /* padding-left: 15px; */
  transition: all 0.3s ease;
}

.activeDropdown .toggleDropdown .dropdownIcon {
  transition: all 0.3s ease;
  transform: rotate(-180deg);
}

.headerRight .userIcon .toggleDropdown {
  display: inline-flex;
  align-items: center;
}

.navbar-expand-md .navbar-nav .nav-link.activePage,
.navbar-nav .nav-link.activePage {
  color: var(--colorPrimary);
}

.parentMenu {
  position: relative;
}

.headerDropdown {
  padding: 15px 20px;
  background: var(--colorWhite);
  border-radius: 8px;
  box-shadow: 0px 4px 20px rgba(43, 96, 234, 0.25);
  position: absolute;
  right: 0px;
  top: 62px;
  z-index: 9;
  display: none;
  width: 240px;
  min-width: 240px;
}

.headerDropdown .dropdownList {
  color: var(--colorBlack11);
  padding: 15px 0px;
}

.headerDropdown .dropdownList:hover {
  color: var(--colorPrimary);
}

.headerDropdown li {
  border-bottom: 1px solid var(--colorBlack12);
}

.headerDropdown li:first-child .dropdownList {
  padding-top: 0px;
}

.headerDropdown li:last-child .dropdownList {
  padding-bottom: 0px;
}

.headerDropdown li:last-child {
  border-bottom: none;
}

.headerDropdown .dropdownList .iconImage {
  height: 22px;
  width: 22px;
  margin-right: 15px;
}

/* Custom Scrollbar Start */

.customScroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.customScroll::-webkit-scrollbar-track {
  background: var(--colorGray10);
  background: var(--colorGrey9);
}

/* Handle */
.customScroll::-webkit-scrollbar-thumb {
  background: var(--colorGray2);
  background: var(--colorGrey7);
}

/* .customScroll2::-webkit-scrollbar-track {
    background: var(--colorBlack2);
}
.customScroll2::-webkit-scrollbar-thumb {
    background: var(--colorGray);
} */

/* Table Scrollbar Start */
.tableScrollbar::-webkit-scrollbar {
  height: 2px;
}

.tableScrollbar.tableScrollbar2::-webkit-scrollbar {
  height: 10px;
}

.tableScrollbar::-webkit-scrollbar-track {
  background: var(--colorGrey9);
}

.tableScrollbar::-webkit-scrollbar-thumb {
  background: var(--colorGrey7);
}

/* Table Scrollbar End */

/* Custom Scrollbar End */

.beforeLogin .haveAccount {
  margin-right: 15px;
  color: var(--colorBlack3);
}

/* Header End */

/* Footer Start */
.footer {
  background: var(--colorBlack2);
  padding: 20px 0px;
}

.footerInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footerMenu span {
  display: inline-block;
  float: left;
  margin-right: 60px;
}

.footerMenu span:last-child {
  margin-right: 0px;
}

.footerMenu span a {
  color: var(--colorWhite);
}

.footerMenu span a:hover {
  color: var(--colorPrimary);
}

.footerRight,
.footerSocial {
  display: flex;
  align-items: center;
  margin-left: 50px;
}

.socialList:not(:last-child) {
  margin-right: 18px;
}

.socialList a .defaultImg {
  display: inline-block;
}

.socialList a .hoverImg {
  display: none;
}

.socialList a:hover .defaultImg {
  display: none;
}

.socialList a:hover .hoverImg {
  display: inline-block;
}

.loginOr {
  color: var(--colorBlack10);
  text-align: center;
  line-height: 24px;
  margin-bottom: 24px;
}

/* Footer End */

/* Login Page Start */
.loginPage {
  min-height: calc(100vh - 139px);
  display: flex;
  flex-wrap: wrap;
}

.loginBodyLeft {
  min-height: calc(100vh - 139px);
  width: 56%;
  min-width: 56%;
  display: inline-block;
  float: left;
  height: auto;
}

.loginBodyLeft span {
  height: 100%;
  min-height: inherit;
  width: 100%;
  background: url("../img/banner.svg") no-repeat center center;
  background-size: cover;
}

.loginBodyRight {
  padding: 80px 158px 100px 90px;
  width: 44%;
  min-width: 44%;
}

.formHeading {
  margin-bottom: 40px;
}

.formHeading2 {
  margin-bottom: 20px;
}

.loginWithList {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px;
  border: 1px solid var(--colorGrey);
  border-radius: 8px;
  margin-bottom: 19px;
}

.loginWithList:last-child {
  margin-bottom: 0px;
}

.loginWithList .loginWithIcon {
  margin-right: 14px;
}

.loginWithList:hover {
  border: 1px solid var(--colorPrimary);
}

.loginWithList:hover .loginWithText {
  color: var(--colorPrimary);
}

/* Form Design Start */
.formDesign .form-group {
  margin-bottom: 20px;
}

.form-group.form-group2 {
  margin-bottom: 18px;
}

.formDesign label {
  font-size: 14px;
  line-height: 24px;
  font-family: var(--mediumFont);
  color: var(--colorBlack5);
  margin-bottom: 10px;
}

.formDesign .form-control {
  font-size: 14px;
  line-height: 24px;
  color: var(--colorBlack8);
  border: 1px solid var(--colorBlack9);
  border-radius: 8px;
  padding: 9px 20px;
}

.formDesign .form-control:focus {
  box-shadow: none;
  outline: none;
}

.splitSecton {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.forgotPswdLink {
  color: var(--colorBlack6);
}

.formButton {
  margin-top: 30px;
}

.forgotPswdSec,
.rememberMeSec {
  line-height: 20px;
}

.loginMoreSection {
  margin-top: 24px;
}

/* Form Design End */

/* Custom Checkbox Start */
.customCheckbox input[type="checkbox"] {
  display: none;
}

.customCheckbox input[type="checkbox"]:checked+label,
.customCheckbox input[type="checkbox"]:not(:checked)+label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  margin-bottom: 0px;
  color: var(--colorBlack7);
  font-family: var(--regularFont);
  font-size: 12px;
  line-height: 20px;
}

.customCheckbox input[type="checkbox"]:checked+label::before,
.customCheckbox input[type="checkbox"]:not(:checked)+label::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 4px;
  background: rgba(153, 171, 198, 0.18);
  left: 0px;
  top: 0px;
}

.customCheckbox input[type="checkbox"]:checked+label::before {
  background: var(--colorPrimary);
}

.customCheckbox input[type="checkbox"]:checked+label::after {
  position: absolute;
  content: "";
  height: 12px;
  width: 6px;
  border-right: 2px solid var(--colorBlack);
  border-bottom: 2px solid var(--colorBlack);
  left: 7px;
  top: 3px;
  transform: rotate(45deg);
}

/* Custom Checkbox End */

/* Login Page End */

/* forget passwored start */

.formSubHeading {
  color: var(--colorGrey3);
  margin-bottom: 30px;
}

.formSubHeading.formSubHeading2 {
  margin-bottom: 23px;
}

/* forget passwored end */

/* Signup Otp Start */
.otpMail {
  margin-bottom: 38px;
}

.otpMail .otpMailLink {
  margin-right: 16px;
}

.resetOtpText a {
  color: var(--colorBlue);
}

.otpFormBox {
  margin-bottom: 30px;
}

.otpFormBox input {
  height: auto;
  font-size: 18px;
  line-height: 20px;
  font-family: var(--mediumFont);
  color: var(--colorBlack);
  padding: 17px 10px;
  border: 1px solid var(--colorBlack9);
  border-radius: 8px;
  display: inline-block;
  float: left;
  margin-right: 30px;
  width: 45px;
  text-align: center;
}

.otpFormBox input:last-child {
  margin-right: 0px;
}

.otpFormBox input:focus {
  border: 1px solid var(--colorPrimary);
}

.otpFormBox input:focus-visible {
  outline: none;
}

.newOtpText {
  margin-bottom: 8px;
  color: var(--coloGrey5);
}

/* Signup Otp End */

/* forget passwored start */

.formSubHeading {
  color: var(--colorGrey3);
  margin-bottom: 30px;
}

/* forget passwored end */

/* sign up start */

.passwordNote {
  color: var(--colorBlack3);
  margin-bottom: 10px;
}

.privacyPolicy {
  color: var(--coloGrey4);
  margin-top: 16px;
  line-height: 20px;
  display: inline;
  float: left;
  width: 100%;
}

.privacyPolicy a {
  display: inline;
}

.passwordNote {
  line-height: 24px;
}

.passwordNote2 {
  margin-top: 8px;
}

/* sign up end */

/* Total Cases Page Start */
.dashboardTop {
  margin-bottom: 20px;
}

.dashboardSubHeading {
  color: var(--colorGrey3);
}

.caseBoxTop {
  display: flex;
  justify-content: space-between;
}

.caseBoxLeft {
  color: var(--colorBlack8);
  line-height: 18px;
}

.casesListBox .caseHeading {
  line-height: 20px;
  margin: 3px 0px 10px;
}

.caseTypeTag {
  font-size: 14px;
  line-height: 22px;
  padding: 0px 10px;
  background: transparent;
  --colorblack14: #121212;
  border-radius: 57px;
  margin-bottom: 3px;
}

.newCaseTag {
  background: #d1f7c4;
}

.ongoingCaseTag {
  background: #fff4ba;
}

.acceptedCaseTag {
  background: #c4e5f7;
}

.completedCaseTag {
  background: #e7c4f7;
}

.rejectedCaseTag {
  background: #f7d0c4;
}

.casesListBox {
  background: var(--colorWhite);
  padding: 25px 30px;
  border-radius: 8px;
  border: 1px solid var(--colorGrey7);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.caseDetailSec .caseDetailHeading {
  margin-bottom: 7px;
}

.casesListBox .caseDetailSec {
  margin-bottom: 16px;
}

.caseListRows {
  margin-left: -15px;
  margin-right: -15px;
}

.caseListRows .col-sm-6 {
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.caseDetailText {
  word-break: break-word;
}

.dashboardFlex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

/* Filter Start */
.filterSection {
  min-width: max-content;
}

.filterButton {
  font-size: 14px;
  line-height: 14px;
  color: var(--colorBlack4);
  background: var(--colorPrimary);
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  padding: 7.5px 15px;
  width: 138px;
}

.filterButton:hover,
.filterButton:focus {
  color: var(--colorBlack4);
}

.filterButton .btnText {
  padding: 0px 20px 0px 12px;
}

.filterDropdown {
  width: 460px;
  background: var(--colorPrimary);
}

.pignose-calendar .icon-arrow-left:before,
.pignose-calendar .icon-arrow-right:before {
  font-weight: 900;
  font-family: "Font awesome 5 FREE";
}

.pignose-calendar .icon-arrow-left:before {
  content: "\f053";
}

.pignose-calendar .icon-arrow-right:before {
  content: "\f054";
}

.filterInner {
  margin-bottom: 25px;
}

.filterInner label {
  font-size: 14px;
  line-height: 18px;
  color: #655000;
  margin-bottom: 8px;
  margin-bottom: 4px;
}

.filterInner .form-control {
  background: var(--colorWhite);
  font-size: 12px;
  line-height: 15px;
  color: var(--colorBlack5);
  padding: 7px 10px;
  padding: 9px 10px;
  border: 1px solid var(--colorBlack9);
  border-radius: 8px;
}

.flightListDropdown {
  position: relative;
}

.flightDropdownInput .flightDropdownValue {
  padding: 8px 10px;
  border: 1px solid var(--colorBlack9);
  background: var(--colorWhite);
  min-height: 52px;
  cursor: pointer;
}

.flightListDropdown .flightDropdownBox {
  position: absolute;
  left: 0;
  display: none;
  padding: 10px 10px;
  border-radius: 8px;
  border: 1px solid var(--colorBlack9);
  top: 51px;
  background: var(--colorWhite);
  z-index: 9;
  max-height: 170px;
  overflow-y: auto;
}

.flightDetails .flightCity {
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 4px;
}

.flightDetails .flightAirport {
  font-size: 10px;
  line-height: 15px;
}

.flightDetails span {
  color: var(--colorBlack5);
}

.flightDropdownBox .flightDropdownVal {
  cursor: pointer;
  padding: 12px 0px;
  border-bottom: 1px solid #e4e4e4;
}

.flightDropdownBox .flightDropdownVal:first-child {
  padding-top: 0px;
}

.flightDropdownBox .flightDropdownVal:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}

/* Filter Checkbox Start */
.customCheckbox.customCheckbox2 input[type="checkbox"]:checked+label,
.customCheckbox.customCheckbox2 input[type="checkbox"]:not(:checked)+label {
  font-size: 14px;
  color: var(--colorBlack4);
}

.customCheckbox.customCheckbox2 input[type="checkbox"]:checked+label::before,
.customCheckbox.customCheckbox2 input[type="checkbox"]:not(:checked)+label::before {
  background: var(--colorWhite);
}

/* Filter Checkbox End */
.filterCheckboxSec .filtersChecks {
  width: 50%;
  display: inline-block;
  float: left;
  margin-bottom: 15px;
}

.filterCheckboxSec .filtersChecks:nth-last-child(-n + 2) {
  margin-bottom: 0px;
}

/* Filter End */

/* Total Cases Page End */

/* Dashboard Pages Common Design Start */
.viewCaseSec a {
  display: inline-block;
  float: left;
  margin-right: 5px;
}

.viewCaseSec a:last-child {
  margin-right: 0px;
}

.dashboardFooter {
  padding: 19px 30px;
}

/* Dashboard Pages Common Design End */

/* deshbord start */

.deshbordBody {
  display: flex;
  width: 100%;

  min-height: calc(100vh - 139px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.sideBarMain {
  width: 326px;
  background-color: var(--colorblack13);
  display: flex;
  flex-direction: column;
  position: fixed;
  height: 100%;
  z-index: 9;
}

.dashboardPading {
  padding: 30px;
}

.dashboardData {
  width: 100%;
  padding: 30px 30px;
}

.sidebarListItem {
  /* margin-bottom: 25px; */
  color: var(--colorWhite);
  background: transparent;
  /* padding: 12px 20px; */
  border-radius: 8px;
  transition: all 0.2s ease;
  position: relative;
}

.sidebarLink.activeLink,
.sidebarLink:hover {
  background-color: var(--colorPrimary);
}

.listSubMenu:hover .listSubMenuLink {
  color: var(--colorBlack4);
}

.sidebarListItem .sidebarLink {
  display: inline-flex;
  align-items: center;
  color: var(--colorWhite);
  font-size: 16px;
  padding: 10px 20px;
  transition: all 0.2s ease;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 25px;
}

.submenuDropdown .sidebarListItem .sidebarLink {
  margin-bottom: 0px;
  padding-left: 40px;
}

.sidebarLink.activeLink,
.sidebarLink:hover {
  color: var(--colorBlack4);
}

.sidebarListItem .sidebarLink.activeLink path,
.sidebarListItem .sidebarLink:hover path {
  stroke: #3f3200;
}

.sidebarListItem .sidebarLink.activeLink path.fillIcon,
.sidebarListItem .sidebarLink:hover path.fillIcon {
  fill: #3f3200;
}

.sidebarListItem .sidebarIcon {
  margin-right: 12px;
  height: 24px;
  width: 24px;
  transition: all 0.2s ease;
}

.dashboardData h4 {
  color: var(--colorBlack);
}

.febEarnings {
  color: var(--colorGrey3);
  /* margin-bottom: 20px; */
}

.cases {
  width: 100%;
}

.casesBox {
  width: 100%;
  padding: 24px 40px;
  border-radius: 8px;
  border: 1px solid var(--colorGrey7);
  height: 100%;
}

.caseBboxsSibling {
  /* margin-top: 30px; */
  padding: 19px 40px;
}

.dashboardMargin {
  margin-bottom: 30px;
}

.casesNumberData {
  color: var(--colorPrimary);
  margin-bottom: 10px;
}

.lineHeight30 {
  line-height: 30px;
}

.filanPayMentBox {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 30px;
}

.bodySpace2 {
  min-height: calc(100vh - 75px);
}

.dashboardBody {
  min-height: calc(100vh - 139px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dashboardLeft {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-left: 326px;
}

.dashBoardFooter {
  padding: 19px 30px;
}

.dashboardContainer {
  padding-left: 30px;
  padding-right: 30px;
}

.ongoingCases {
  color: var(--colorBlack5);
}

.dashBordPayment {
  color: var(--colorGrey6);
  margin-right: 42px;
}

.listSubMenu {
  margin-bottom: 15px;
  /* padding: 8px 20px 8px 40px; */
  display: flex;
  align-items: center;
}

.listSubMenuLink {
  padding: 0px;
  width: 100%;
  color: var(--colorWhite);
  transition: all 0.2s ease;
  letter-spacing: 0.96px;
  padding: 10px 20px 10px 40px;
}

.managmentIcon {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  width: 22px;
  min-width: 22px;
}

.nestedList {
  display: none;
}
/*.submenuDropdown .sidebarListItem .sidebarLink{*/
/*    margin-left: 25px;*/
/*}*/
/*.submenuDropdown .sidebarListItem .sidebarLink {*/
/*    padding-left: 35px;*/
/*}*/

/* .listSubMenuLink:hover{
    color: var(--colorBlack4);
} */

.sidebarListItem:hover .sideBarToggleList {
  color: var(--colorBlack4);
}

.sidebarListItem:hover .sublisticon path {
  stroke: var(--colorBlack4);
}

/* deshbord end */

/* Total Payments Page Start */
.taleDesign th {
  font-size: 14px;
  line-height: 24px;
  color: var(--colorBlack5);
  font-family: var(--boldFont);
  padding: 14px 16px;
  background: var(--colorGrey9);
  border: 1px solid #f2f2f2;
  white-space: nowrap;
}

.taleDesign td {
  padding: 14px 16px;
  border: 1px solid #f2f2f2;
  font-size: 14px;
  line-height: 22px;
  /* text-align: center; */
  white-space: nowrap;
}

.taleDesign td.currencyFont {
  font-size: 16px;
}

.tagsDesign {
  padding: 0px 10px;
  border-radius: 57px;
  font-size: 14px;
  line-height: 22px;
  color: var(--colorblack14);
}

.tagsDesign.cancellationRefundTag {
  background: var(--colorBlue2);
}

.tagsDesign.delayRefundTag {
  background: var(--colorRed2);
}

.tagsDesign.overBookingRefundTag {
  background: var(--colorYellow2);
}

.tableView {
  overflow-x: auto;
}

.taleDesign td.refundedAmount {
  padding: 0px 0px;
}

.amountToggleInput {
  border: none;
  text-align: center;
  background: transparent;
  min-height: 51px;
}

.amountToggleInput:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

.amountToggle.amountToggle2 {
  background: var(--colorGrey9);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

/* Total Payments Page End */

/* Modal Designs Start */
.modalDesign .modal-dialog {
  max-width: 720px;
}

.modalDesign .modal-content {
  padding: 30px 30px;
  border-radius: 20px;
}

.modalHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--colorGrey10);
}

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

.modalHeadings span {
  line-height: 20px;
  margin-bottom: 4px;
  color: var(--colorBlack8);
}

.modalHeadings h5 {
  line-height: 23px;
  color: var(--colorBlack4);
}

.modalBody {
  padding: 40px 0px 0px;
}

.detailsSections {
  margin-bottom: 40px;
}

.detailsSections:last-child {
  margin-bottom: 0px;
}

.detailsSections2 {
  margin-bottom: 0px;
}

.detailsSections.detailsSections3 {
  margin-bottom: 20px;
}

.detailSecHeading {
  color: var(--colorBlack8);
  margin-bottom: 16px;
}

.detailSecHeading2 {
  color: var(--colorBlack);
}

.detailsSection.midSections {
  margin-bottom: 16px;
}

.detailsSection.midSections:last-child {
  margin-bottom: 0px;
}

.detailsSection {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.detailsSection .detailSecLeft {
  padding-right: 20px;
}

.modalBodyInner {
  max-height: 485px;
  overflow-y: auto;
}

.passengersListLeft .passengerName {
  margin-bottom: 5px;
}

.passengersListBox {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 30px 20px;
  border-radius: 16px;
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.05);
  background-color: var(--colorWhite);
  margin-bottom: 10px;
}

.passengersListBox:last-child {
  margin-bottom: 0px;
}

.passengersListBox .passengersListLeft {
  padding-right: 20px;
}

.passengersListSec {
  padding: 0px 10px;
}

.docsRequestSec .filtersChecks {
  display: inline-block;
  float: left;
  margin-right: 40px;
}

.docsRequestSec .filtersChecks:last-child {
  margin-right: 0px;
}

.docsRequestSec .customCheckbox input[type="checkbox"]:checked+label,
.docsRequestSec .customCheckbox input[type="checkbox"]:not(:checked)+label {
  font-family: var(--boldFont);
  color: var(--colorBlack);
  font-size: 14px;
}

.modalBottom {
  padding-top: 40px;
}

.modalButtons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.modalButtons button,
.modalButtons a {
  display: inline-block;
  float: left;
  margin-left: 16px;
}

.modal.pessangerDetailModal {
  z-index: 1061 !important;
}

textarea {
  resize: none;
}

.formDesignNew .form-control {
  line-height: 20px;
}

.cardCheckboxs {
  height: 100%;
}

.cardCheckboxs input {
  display: none;
}

.cardCheckboxs input[type="checkbox"]:checked+label,
.cardCheckboxs input[type="checkbox"]:not(:checked)+label {
  position: relative;
  /* cursor: pointer; */
  height: 100%;
}

.cardCheckboxs input[type="checkbox"]:checked+label::before,
.cardCheckboxs input[type="checkbox"]:not(:checked)+label::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 4px;
  border: 1px solid var(--colorBlack12);
  background: var(--colorGrey9);
  right: 7px;
  top: 7px;
  /* display: none; */
}
.cardCheckboxs input[type="checkbox"]:checked+label::before{
  background: var(--colorPrimary);
  border: 1px solid var(--colorPrimary);
}
.cardCheckboxs input[type="checkbox"]:checked+label::after {
  position: absolute;
  content: "";
  height: 12px;
  width: 6px;
  right: 14px;
  top: 10px;
  background: var(--colorPrimary);
  border-bottom: 2px solid var(--colorBlack);
  border-right: 2px solid var(--colorBlack);
  transform: rotate(45deg);
  /* display: none; */
}

.viewSectionBottom {
  padding-top: 40px;
  border-top: 1px solid var(--colorGrey10);
}

.modalsViewSections {
  margin-bottom: 30px;
}

.exportBtns {
  padding: 9px 20px;
  display: flex;
  align-items: center;
}

.modalsViewSections {
  display: flex;
  align-items: center;
}

.modalsViewSections .viewsSectionBtn {
  display: inline-block;
  float: left;
  margin-right: 16px;
}

.modalsViewSections .detailSecLable {
  margin-right: 20px;
  color: var(--colorBlack5);
}

.exportBtns .exportIcon {
  margin-right: 12px;
}

.viewModalNote {
  color: var(--colorBlack3);
}

.blurContent {
  opacity: 0.4;
}

.modalButtons .exportBtns {
  display: inline-flex;
}

.modalButtons .saveRejectionBtn,
.modalButtons .saveRejectionBtn2 {
  display: none;
}

.modalButtons .editRejectionBtn,
.modalButtons .editRejectionBtn2 {
  display: inline-flex;
}

.clientsAcknowledgeLabel {
  color: var(--colorGrey13);
}

.acknowledgeText {
  padding: 20px 20px 20px;
}

.contentSpace {
  padding: 0px 20px;
}

.contentDetailsSection {
  /* padding: 40px 0px; */
  border-bottom: 1px solid var(--colorGrey10);
}

.contentDetailsSection:first-child {
  padding-top: 0px;
}

.contentDetailsSection:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}

.contentDetailsSection.detailsSections {
  padding-bottom: 20px;
}

.contentDetailsSection.detailsSections:last-child {
  padding-bottom: 0px;
}

.exportToWord {
  color: var(--colorBlack);
  min-width: max-content;
  padding: 0px 0px;
}

/* .exportToWord:hover svg path{
    stroke: var(--colorPrimary);
} */
.uploadedDocsSection {
  margin-bottom: 8px;
}

.uploadedDocsSection .fileListUploaded .uploadedFileList {
  display: inline-block;
  float: left;
  margin-bottom: 7px;
  margin-right: 15px;
}

.uploadedDocsSection .documentType {
  color: var(--colorBlack6);
  margin-bottom: 15px;
}

.accountDetail {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--colorGrey10);
}

.updateStatusBox {
  display: flex;
}

.updateStatusBox div {
  margin-right: 15px;
}

.statusUpdatesBox ul li {
  display: inline-block;
  width: 100%;
  float: left;
  color: var(--colorBlack10);
  font-size: 16px;
  line-height: 20px;
  padding-left: 22px;
  padding-bottom: 15px;
  position: relative;
}

.statusUpdatesBox ul li::before {
  position: absolute;
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background-color: #b1b1b1;
  left: 0px;
  top: 6px;
}

.statusUpdatesBox ul li:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  top: 6px;
  background-color: #b1b1b1;
  left: 3px;
}

.statusUpdatesBox ul li:last-child::before {
  background: #5ac926;
}

.statusUpdatesBox ul li:last-child {
  padding-bottom: 0px;
  color: #5ac926;
}

.statusUpdatesBox ul li:last-child::after {
  display: none;
}

/* Modal Designs End */

/* Select2 Design Start */
.select2-container,
.selection {
  width: 100% !important;
  min-height: 38px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container .select2-selection--multiple {
  height: 100%;
  min-height: 38px;
  border-radius: 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  font-size: 14px;
  line-height: 16px;
}

.select2-results__option {
  font-size: 13px;
  line-height: 15px;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 150px;
}

body {
  overflow-x: hidden;
}

/* Select2 Design End */
/* Filter Changes Start */
.dashboardTopRight2 {
  display: flex;
}

.afterFilterApply {
  display: flex;
  margin-right: 8px;
}

.afterFilterApply .afterFilterBtn {
  margin-right: 16px;
}

/* Filter Changes End */

/* Chart Design Start */
.chartLable {
  color: var(--colorblack13);
  margin-bottom: 20px;
}

.chartBottom {
  padding: 5px 10px;
  background: #f2f2f2;
  border-radius: 5px;
}

.chartBottom .chartBableSec {
  position: relative;
  padding-left: 47px;
  font-family: var(--lightFont);
  margin-bottom: 5px;
  display: block;
}

.chartBottom .chartBableSec:last-child {
  margin-bottom: 0px;
}

.chartBottom .chartBableSec::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 40px;
  left: 0px;
  top: 11px;
}

.chartBottom .chartBableSec.primaryTheme::before {
  background: var(--colorPrimary);
}

.chartBottom .chartBableSec.blackTheme::before {
  background: var(--colorBlack);
}

.chartDesign {
  /* height: 240px !important; */
}

.statsChartsBoxs .row {
  margin-left: -25px;
  margin-right: -25px;
}

.statsChartsBoxs .col-sm-12,
.statsChartsBoxs .col-sm-6,
.statsChartsBoxs .col-sm-4,
.statsChartsBoxs .col-sm-8,
.statsChartsBoxs .col-sm-5,
.statsChartsBoxs .col-sm-7 {
  margin-bottom: 60px;
  padding-left: 25px;
  padding-right: 25px;
}

.statsChartsBoxs .col-xl-5,
.statsChartsBoxs .col-xl-7,
.statsChartsBoxs .col-sm-12 {
  width: 50%;
}

/* Chart Design End */

/* Handbook Page Start */
.handbookContent p,
.handbookContent span,
.handbookContent li {
  font-size: 14px;
  line-height: 18px;
}

.handbookContent .handbookSpacing {
  margin-bottom: 28px;
}

/* Handbook Page End */

/* Upload Document Page Start */
.fileUploadDesign {
  padding: 65px 40px;
  border: 1px dashed #b1b1b1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.fileUploadDesign .dropzoneIcon {
  margin-bottom: 15px;
}

.fileUploadDesign .dropzoneHeading {
  color: var(--colorBlack);
  margin-bottom: 15px;
}

.fileUploadDesign .subHeadingOf {
  color: #b1b1b1;
  margin-bottom: 15px;
}

.fileUploadDesign .dropzoneSubHeading {
  color: var(--colorBlack3);
}

.uploadedFileBox {
  display: flex;
  border: 1px solid #e5e5e5;
  margin-bottom: 10px;
  padding: 14px 20px;
  border-radius: 16px;
}

.uploadedFileBox:last-child {
  margin-bottom: 0px;
}

.deleteFileIcon {
  color: var(--colorRed);
  border-bottom: 1px solid var(--colorRed);
  font-size: 14px;
  line-height: 15px;
}

.deleteFileIcon:hover {
  color: #f71515;
}

.foleUploadBoxs input {
  display: none;
}

.formUploadBtn {
  margin-top: 20px;
}

.uploadedDocsBox .uploadedFileBox:first-child {
  margin-top: 20px;
}

.uploadedDocsBox .fileIcon {
  margin-right: 10px;
}

/* Upload Document Page End */

/* Ongoing Cases Page Design Update Start */
.updateStatusForm {
  display: flex;
  align-items: center;
}

.updateStatusForm span {
  /* min-width: max-content; */
  margin-left: 10px;
}

.updateStatusForm .updateStatusSelect {
  width: 210px;
}

.form-select {
  font-size: 14px;
  line-height: 16px;
  padding: 10px 10px;
  border-radius: 8px;
}

.form-select:focus {
  box-shadow: none;
  outline: none;
  border: 1px solid #b1b1b1;
}

/* Ongoing Cases Page Design Update End */

/* Pagination Start */
/*.listPagination {*/
/*  margin-top: 14px;*/
/*  margin-bottom: 60px;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*}*/

/*.listPagination.listPagination2 {*/
/*  margin-top: 40px;*/
/*}*/

/*.paginationInner {*/
/*  display: flex;*/
/*  align-items: center;*/
  /* justify-content: center; */
/*  width: auto;*/
/*}*/

/*.paginationList {*/
/*  padding: 0px 40px;*/
/*}*/

/*.paginationList ul li {*/
/*  display: inline-block;*/
/*  float: left;*/
/*  margin-right: 17px;*/
/*}*/

/*.paginationList ul li:last-child {*/
/*  margin-right: 0px;*/
/*}*/

/*.paginationList ul li a {*/
/*  font-size: 14px;*/
/*  padding: 9px 13px;*/
/*  color: var(--coloGrey5);*/
/*  border-radius: 8px;*/
/*}*/

/*.paginationList ul li a.currentPage,*/
/*.paginationList ul li a:hover {*/
/*  background: var(--colorPrimary);*/
/*  color: var(--colorBlack4);*/
/*}*/

/*.paginationPrev {*/
/*  margin-left: 16px;*/
/*}*/

/*.paginationNext {*/
/*  margin-right: 16px;*/
/*}*/

/* Pagination End */

/* Account Settings start */

.accountSettings {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.accountSpan {
  color: var(--colorBlack5);
  line-height: 24px;
}

.saveChanges {
  background-color: var(--colorPrimary);
  border-radius: 8px;
  color: var(--colorBlack4);
  letter-spacing: 0.96px;
  padding: 10px 20px;
}

.saveChanges:hover {
  background: var(--colorPrimary2);
  color: var(--colorBlack4);
  border-color: var(--colorPrimary2);
}

.accountSettingFormBox {
  background-color: var(--colorGrey11);
  border: 1px solid var(--colorGrey12);
  padding: 50px 50px;
  line-height: 24px;
  border-radius: 12px;
}

.formcontainer {
  padding: 96px 103px 52px 103px;
}

.inputRow {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-flow: row wrap;
}

.inputRow input {
  background-color: transparent;
  width: 100%;
  border: none;
  position: relative;
  /* padding: 10px 20px; */
  box-sizing: border-box;
  border: 1px solid var(--colorGrey11);
  outline: none;
}

.inputRow label {
  color: var(--colorBlack5);
  font-family: var(--mediumFont);
  line-height: 24px;
}

.inputContainer {
  width: 50%;
  position: relative;
}

.formEdit {
  color: var(--colorBlack8);
  text-decoration: underline;
  position: absolute;
  top: 11px;
  right: 12px;
}

.formEditChenged {
  right: 37px;
}

.inputRow input.changedInnputFeald {
  background-color: var(--colorWhite);
  border-color: var(--colorBlack9);
  border-radius: 8px;
  padding: 10px 20px 10px 20px;
}

.profilePicContainer {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
}

.profilePhotop {
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  background-color: var(--colorGrey10);
  border-radius: 8px;
  overflow: hidden;
}

.settingPageProfilePic {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

/*#changHolder {*/
/*  position: relative;*/
/*  color: var(--colorBlack8);*/
/*  text-decoration: underline;*/
/*  width: auto;*/
/*  margin-right: 2%;*/
/*  cursor: pointer;*/
/*}*/
#changHolder{
    /*position: relative;*/
    color: var(--colorBlack8);
    text-decoration: underline;
    /*width: auto;*/
    margin-right: 2%;
    transition: all 0.2s ease;
}
#changHolder:hover{
    text-decoration: none;
    color: var(--colorPrimary);
}

#updateFile {
  position: relative;
  color: var(--colorRed);
  text-decoration: underline;
  width: auto;
  margin-left: 7%;
  cursor: pointer;
}

.profilePicContainer input[type="file"] {
  cursor: pointer;
  position: absolute;
  top: -13px;
  left: 0px;
  z-index: 999;
  transform: scale(1, 0.8);
  /* opacity: 0; */
  display: none;
}

#updateFileTextOne input[type="file"] {
  cursor: pointer;
  position: absolute;
  top: -13px;
  left: 0px;
  z-index: 999;
  transform: scale(1, 0.8);
  /* opacity: 0; */
  display: none;
}

#updateFileTextTow input[type="file"] {
  cursor: pointer;
  position: absolute;
  top: -13px;
  left: 0px;
  z-index: 999;
  transform: scale(1, 0.8);
  /* opacity: 0; */
  display: none;
}

/*.reEnterPassword {*/
/*  display: none;*/
/*}*/

.visibalConformPassword {
  display: flex;
}

.visibalConformPassword input{
  background-color: var(--colorWhite);
  border-color: var(--colorBlack9);
  border-radius: 8px;
}

.updateFileContainer {
  background-color: var(--colorWhite);
  padding: 17px;
  border-radius: 16px;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.updateFileContainer span {
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.lastRowOfSettingForm {
  align-items: unset;
}

.FirstPasswordAddClass {
  float: left;
}

/* .settingtPasswordlable {
  margin-right: 41%;
} */

.updateDataInputs {
  width: 50%;
}

.fineNameBox {
  width: 78%;
  display: flex;
  align-items: center;
}

/* Account Settings end */
.sidebarLink .managmentIcon {
  transition: all 0.3s ease;
}

.sidebarLink.submenuActive .managmentIcon {
  transform: rotate(-180deg);
  transition: all 0.3s ease;
}

.select2-container--default .select2-selection--multiple {
  padding-right: 30px !important;
  position: relative;
}

.select2-container--default .select2-selection--multiple:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 5px solid #333;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.filterDropboxSearch {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}

.filterDropboxSearch input {
  width: 100%;
  min-height: 52px;
  border: none;
  box-shadow: none;
  border-radius: 8px;
  border: 1px solid var(--colorBlack9);
  font-size: 14px;
  padding: 8px 10px;
}

.filterDropboxSearch input:focus,
.filterDropboxSearch input:focus-visible {
  border: 1px solid var(--colorBlack9);
  box-shadow: none;
  outline: none;
}

.flightDropdownBoxs {
  position: absolute;
  display: none;
}

.flightListDropdown.menuActive {
  display: inline-block;
}

.flightListDropdown.menuActive .flightDropdownBoxs {
  display: block;
}

.flightListDropdown .filterDropboxSearch {
  /* display: none; */
  opacity: 0;
}

.flightListDropdown.menuActive .filterDropboxSearch {
  /* display: inline-block; */
  opacity: 1;
}

.closeFilter {
  float: right;
}

.sideBarMain {
  max-height: calc(100vh - 75px);
  overflow-y: auto;
}

.navbar-expand-md .navbar-toggler {
  padding: 0px;
  margin-left: 10px;
}

.totalPaymentSpan {
  margin-bottom: 0px;
}

.updateStatusForm span {
  display: flex;
}

.userMoileView {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--colorBlack12);
  margin-bottom: 15px;
  display: none;
}

.customScroll3::-webkit-scrollbar {
  width: 1px;
}

/* Track */
.customScroll3::-webkit-scrollbar-track {
  background: var(--colorBlack);
}

/* Handle */
.customScroll3::-webkit-scrollbar-thumb {
  background: var(--colorBlack11);
}

.form-select {
  padding: 11px 10px;
}

.afterFilterApply .afterFilterBtn:last-child {
  /* margin-right: 0px; */
}

.fealdName {
  padding: 10px 100px 10px 20px;
}

.updateStatusLable{
  min-width: max-content;
}
.dashboardTopRight2{
    justify-content: end;
}

/* .sidebarListItem:last-child .sidebarLink{
  margin-bottom: 0px;
} */

textarea{
  background-color: var(--colorWhite) !important;
}

.modalHeadings  h5{
  font-family: var(--boldFont);
}

.commonContents p{
  margin-bottom: 20px;
  line-height: 20px;
}

.cardCheckboxs2 input{
  display: none;
}
.cardCheckboxs2 input[type="checkbox"]:checked + label:before,
.cardCheckboxs2 input[type="checkbox"]:not(:checked) + label:before,
.cardCheckboxs2 input[type="checkbox"]:checked + label:after {
  display: none;
}

/* ------------------------------------------ */

.afterFilterApply{
  margin-right: 0px;
}
.afterFilterBtnNew .exportIcon{
  margin-right: 0px;
}
.exportBtnsNew.exportBtns{
  padding: 6.5px 20px;
}
.dashboardData,
.bodySpace2{
  min-height: calc(100vh - 138px);
}
.modalDesign.modalDesignNew .modal-dialog{
  max-width: 480px;
}
.customCheckbox.customCheckboxNew input[type="checkbox"]:checked+label, 
.customCheckbox.customCheckboxNew input[type="checkbox"]:not(:checked)+label{
  font-size: 16px;
  color: var(--colorBlack);
}
.exportsModal .customCheckbox{
  width: 50%;
  /* padding-right: 15px; */
  margin-bottom: 36px;
}
.exportsModal .customCheckbox:last-child{
  margin-bottom: 0px;
}
.select2-container .select2-selection--single{
  height: auto;
  border-radius: 8px;
}
.filterSelects .select2-container--default .select2-selection--single,
.select2-container .select2-selection--single .select2-selection__rendered{
  padding: 10px 10px;
  line-height: auto;
  font-size: 12px;
  line-height: 15px;
  min-height: 35px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 36px;
}
.datePicker:hover{
  cursor: pointer;
}

.customCheckbox.tableCheckbox input[type="checkbox"]:checked+label, 
.customCheckbox.tableCheckbox input[type="checkbox"]:not(:checked)+label{
  height: 22px;
  width: 22px;
  padding-left: 0px;
}
.customCheckbox.tableCheckbox input[type="checkbox"]:checked+label::before, 
.customCheckbox.tableCheckbox input[type="checkbox"]:not(:checked)+label::before{
  top: 4px;
}
.customCheckbox.tableCheckbox input[type="checkbox"]:checked+label::after, 
.customCheckbox.tableCheckbox input[type="checkbox"]:not(:checked)+label::after{
  top: 7px;
}
.customCheckbox.selectAllChecks input[type="checkbox"]:checked+label, 
.customCheckbox.selectAllChecks input[type="checkbox"]:not(:checked)+label{
    font-size: 14px;
    line-height: 22px;
    color: var(--colorBlack5);
    font-family: var(--boldFont);
}
.customCheckbox.tableCheckbox{
  text-align: center;
}
.printDocsBox{
  border: 1px solid var(--colorGrey);
  border-radius: 12px;
  padding: 24px 40px;
  margin-bottom: 24px;
}
.printDocsBox:last-child{
  margin-bottom: 0px;
}
.modalBodyInner{
  max-height: calc(100vh - 290px);
}

.modalBodyInnerHieght{
  max-height: calc(97vh - 290px);
}
/* ----- */

.dateRange{
  width: 200px;
  min-width: 200px;
  margin-right: 10px;
}

.calendarDesign{
    position: relative;
    background: white;
    border-radius: 8px;
}
.calendarDesign .calendarIcon{
    position: absolute;
    top: 7px;
    right: 10px;
    color: #333;
    z-index: 0;
    font-size: 16px;
}
.select2-container .select2-selection--multiple{
    cursor: pointer;
    font-size: 12px;
}
.filterInner {
    margin-bottom: 15px;
    margin-bottom: 13px;
}
.filterInner .calendarDesign .form-control{
    background: transparent;
    position: relative;
    z-index: 1;
}

.modalBodyInner{
    padding-right: 10px;
}


.filterSection.activeDropdown{
    position: relative;
}
.filterSection.activeDropdown::after{
    position: asolute;
    content: '';
}

/*----------*/
.selectAllCasesBox{
    margin-bottom: 20px;
}
.selectAllCheckbox label{
    padding-left: 28px;
    color: var(--coloGrey5);
    cursor: pointer;
}
.selectAllCheckbox.cardCheckboxs input[type="checkbox"]:checked+label::before, 
.selectAllCheckbox.cardCheckboxs input[type="checkbox"]:not(:checked)+label::before{
    right: initial;
    left: 0;
    top: 0;
}
.selectAllCheckbox.cardCheckboxs input[type="checkbox"]:checked+label::after{
    right: inherit;
    top: 3px;
    left: 7px;
}

.modalsViewSections .detailSecLable{
    /*width: 170px;*/
    width: 210px;
}

.documentSectionChild{
  margin-bottom: 30px;
}
.documentSections .documentSecHeading{
  margin-bottom: 20px;
}
.documentSections .documentPreviewSec{
  max-height: 280px;
  height: 280px;
}
.documentSections .documentPreviewSec img{
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.modalBodyInner2{
  max-height: calc(100vh - 304px);
}
.documentPreviewSec a{
  height: 100%;
  width: 100%;
}
.documentPreviewSec.documentPreviewSec2{
  height: auto;
  max-height: inherit;
}
.modalBodyInner.modalBodyInnerNew{
  max-height: inherit;
  overflow-y: visible;
}

/*-----------------*/
.headerDropdown.filterDropdown{
    top: 45px;
}
.filterBackdropBox{
    position: fixed;
    left: 0;
    top: 76px;
    height: 100vh;
    width: 100vw;
    display: none;
}
.passengersListSec{
    padding-bottom: 10px;
}

.mainbodydiv{
    overflow-x: hidden !important;
}

/*.sideBarToggleList .nestedList{*/
/*    display: none;*/
/*}*/

/*.sideBarToggleList.sideBarToggleListActive .nestedList{*/
/*    display: block;*/
/*}*/


.page-item .page-link{
    color: var(--colorPrimary);
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}
.page-item .page-link:focus{
    box-shadow: none;
    outline: none;
}
.page-item.disabled{
    opacity: 0.5;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link{
    color: #6c757d;
}

/*--------------ambuj---------------*/
    .pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.pagination a,
.pagination span {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
}

.pagination a:hover {
    background-color: #f2f2f2;
}

.pagination .current {
    font-weight: bold;
}

.pagination .disabled {
    pointer-events: none;
    opacity: 0.5;
}
.pagination .current {
    font-weight: bold;
    background-color: #feca02;
    color: #fff;
    border-color: #feca02;
    padding: 6px 12px;
    border-radius: 3px;
}
.pagination a.disabled,
.pagination a.first-last.disabled,
.pagination a.first-last.active {
  color: #999;
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: default;
  pointer-events: none;
}

.pagination a {
  color: #1e88e5;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 6px 12px;
  display: inline-block;
  text-decoration: none;
  margin-left: -1px;
  font-size: 14px;
}

.pagination a:hover {
  background-color: #f5f5f5;
}

.pagination span.current {
  color: #fff;
  background-color: #feca02;
  border-color: #feca02;
  padding: 6px 12px;
  display: inline-block;
  text-decoration: none;
  margin-left: -1px;
  font-size: 14px;
}

.pagination span {
  color: #999;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 6px 12px;
  display: inline-block;
  text-decoration: none;
  margin-left: -1px;
  font-size: 14px;
}

.pagination a.first-last {
  border: none;
  background-color: transparent;
  color: #1e88e5;
  font-weight: bold;
}

.pagination a.first-last:hover {
  background-color: transparent;
}

.pagination a.first:last-child,
.pagination a.last:last-child {
  margin-left: 10px;
}

.pagination a.first-last.disabled:hover {
  background-color: transparent;
  cursor: default;
  pointer-events: none;
}

.pagination-link.no-box:hover,
.pagination-link.no-box:focus {
    border: none;
}

.pagination span.disabled{
    padding: 0px;
    border: none;
}

.pagination a{
    color: #feca02;
}
.pagination span.current:hover,
.pagination .current:hover{
    cursor: initial;
    background-color: #feca02;
    border-color: #feca02;
    color: #fff;
}
.pagination a:first-child,
.pagination a:last-child{
    color: #ccc;
}

/* New changes for reasons page Start */
#addReasonButton .btnText{
  padding-right: 0px;
  padding-top: 3px;
}

#addReasonButton {
  padding: 11.5px;
}

.plusIcon{
  font-size: 35px;
}

.reasonSubmitBtn{
  display: flex;
  justify-content: end;
  margin-top: 20px;
}

.reasonSubmitBtn button:last-child{
  margin-left: 8px;
}

.actionBox{
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.actionBox i{
  color: #212529;
  font-size: 15px;
  transition: all 0.3s ease;
}

.actionBox i:hover{
  color: var(--colorPrimary);
}

.statusLink{
  padding: 5px 15px;
  border-radius: 15px;
  color: white;
  line-height: normal;
}

.statusLink:hover{
  color: white;
}

.redButton{
  background-color:#f4516c ;
}

.blueButton{
  background-color: #36a3f7;
}

.filterInner .formLabel{
    font-size: 16px;
    line-height: 1.5;
}
.filterInner .inputText{
    font-size: 14px;
}
/* New changes for reasons page End */

/*------------------------------------- modal styling start --------------------------------*/

.contentBox{
    width: 400px;
    max-width: 400px;
    min-width: 400px;
    padding: 32.5px 32.5px 32.5px 32.5px;
  }

  .contentBox div{
    padding: 0px;
  }

  .borderNone{
    border: none;
  }

  .modalHeading{
    font-size: 19px;
    line-height: 24px;
    color: var(--colorBlack5);
    font-family: var(--boldFont);
    text-align: center;
    margin-bottom: 30px;
  }

  .buttonBox{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .reactButtons{
    margin: 15px 5px 0px 5px;
    padding: 7px 27px;
    border-radius: 60px;
    border: 1px solid #ebedf2;
    font-size: 14px;
    line-height: 24px;
    color: #212529;
    font-family: var(--boldFont);
    text-align: center;
    transition: all 0.5s ease 0s;
  }

  .redButton{
      box-shadow: 0px 5px 10px 2px rgba(244,81,108,0.19) !important;
      background-color: #f4516c;
      border-color: #f4516c;
      color: white;
  }

  .redButton:hover{
    background-color: #f22d4e;;
  }

  .modal-header .closeButton{
    padding: 0px;
  }

  .whiteButton:hover{
    background-color: #f4f5f8;
  }

  /*------------------------------------- modal styling end ----------------------------------*/
  
/*-----------------*/
.dashBoardFooter.dashBoardFooter2{
    background: var(--colorWhite);
    border-top: 1px solid var(--colorGrey2);
}
.dashBoardFooter2 .footerMenu span a,
.dashBoardFooter2 .footerLeft span{
    color: var(--colorBlack);
}

.profileImageBox{
    position: relative;
}
.editProfileIcon{
    position: absolute;
    bottom: 5px;
    right: 6px;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    padding: 8px;
    background: #fff;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.20);
    cursor: pointer;
}
.editProfileIcon input{
    display: none;
}
.profileImageBox{
    height: 180px;
    width: 180px;
}
.profileImageBox .profilePhotop{
    height: 100%;
    width: 100%;
    border-radius: 50%;
}
.editProfileImage{
    height: 100%;
    width: 100%;
    float: left;
}
.editProfileImage img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    display: inherit;
}
.settingTop {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
    width: 100%;
}
.settingsPageChild{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
/*.settingsPageChildForm {*/
/*    padding-left: 50px;*/
/*    margin-left: 50px;*/
/*    border-left: 1px solid var(--colorGrey12);*/
/*}*/
.formcontainer.formcontainerNew{
    padding: 40px 50px;
}
.settingsPageChildForm .inputRow label{
    width: 100%;
    margin-bottom: 8px;
    color: #747070;
}
.settingsPageChildForm .inputContainer{
    width: 100%;
}
.formBottom{
    display: flex;
    justify-content: flex-end;
    margin-top: 40px;
}
.inputRow input{
    border: 1px solid var(--colorGrey12);
}
.inputRow input,
.inputRow input.changedInnputFeald{
    border-radius: 6px;
}
.visibalConformPassword input{
    border-color: var(--colorBlack9);
}
.inputContainerNew{
    position: relative;
}
.inputContainerNew .formEditIcon{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    padding: 6px 10px;
    background: #ddd;
    border-radius: 0 6px 6px 0;
    width: 40px;
}
.inputContainerNew .formEditIcon img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.fealdName {
  padding: 10px 60px 10px 20px;
}
.inputRow input.changedInnputFeald,
.visibalConformPassword input{
    border-color: #feca02;
}



.customScroll4::-webkit-scrollbar {
  width: 6px;
}
.customScroll4::-webkit-scrollbar-track {
  /*background: var(--colorBlack);*/
  background: #c1c1c1;
}
.customScroll4::-webkit-scrollbar-thumb {
  /*background: #ccc;*/
  background: #7a7a7a;
}