a {
  color: #37a000
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  border-color: #37a000
}

.btn-primary.focus,
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .5)
}

.nav-pills .nav-link {
  border-radius: 0;
  background: var(--clrInHover);
  margin-right: 2px;
  color: #fff
}

.nav-pills.nav-two .nav-link {
  padding: .4rem 1rem
}

.navbar-light .navbar-brand {
  color: #37a000;
  font-size: 1.7rem;
  font-weight: bold
}

html,
body {
  height: 100%;
  font-size: 14px;
}

body {
  overflow-x: hidden;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, .75);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 1);
}

.navbar-dark .rightbar-toggle,
.navbar-dark .sidebar-toggle {
  color: rgba(255, 255, 255, 1);
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, .75);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 1);
}

.navbar-light .rightbar-toggle,
.navbar-light .sidebar-toggle {
  color: rgba(0, 0, 0, 1);
}

/* .sidebar,
.rightbar {
    overflow: auto;
    min-width: 230px;
    max-width: 230px;
}

.rightbar ul li,
.sidebar ul li {
    padding: 0;
    border-bottom: 1px solid #4b5055;
}

.rightbar ul li a,
.sidebar ul li a {
    display: block;
    padding: .75rem 1rem;
    text-decoration: none;
}

.rightbar ul ul a,
.sidebar ul ul a {
    padding-left: 1.5rem;
}

.rightbar [data-bs-toggle="collapse"],
.sidebar [data-bs-toggle="collapse"] {
    position: relative;
}

.rightbar [data-bs-toggle="collapse"]:before,
.sidebar [data-bs-toggle="collapse"]:before {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 1rem;
}

.rightbar [aria-expanded="true"]:before,
.sidebar [aria-expanded="true"]:before {
    content: "\f0d8";
}

.rightbar.toggled {
    margin-right: -230px;
}

.sidebar.toggled {
    margin-left: -230px;
}

.rightbar-dark ul li a,
.sidebar-dark ul li a {
    color: rgba(255, 255, 255, .75);
}

.rightbar-dark ul ul a,
.sidebar-dark ul ul a {
    background: rgba(0, 0, 0, .15);
}

.rightbar-dark ul li a:hover,
.rightbar-dark ul .active a,
.sidebar-dark ul li a:hover,
.sidebar-dark ul .active a {
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, .15);
}

.rightbar-dark [aria-expanded="true"],
.sidebar-dark [aria-expanded="true"] {
    background: rgba(0, 0, 0, .15);
}

.rightbar-light ul li a,
.sidebar-light ul li a {
    color: rgba(0, 0, 0, .75);
}

.rightbar-light ul ul a,
.sidebar-light ul ul a {
    background: rgba(0, 0, 0, .05);
}

.rightbar-light ul li a:hover,
.rightbar-light ul .active a,
.sidebar-light ul li a:hover,
.sidebar-light ul .active a {
    color: rgba(0, 0, 0, 1);
    background: rgba(0, 0, 0, .05);
}

.rightbar-light [aria-expanded="true"],
.sidebar-light [aria-expanded="true"] {
    background: rgba(0, 0, 0, .05);
} */

.btn-square {
  border-radius: 0;
}

.btn-pill {
  border-radius: 1.5rem;
}

.btn-icon {
  padding: .375rem .5rem;
}

.btn-icon.btn-sm {
  padding: .25rem .375rem;
}

.btn-icon.btn-lg {
  padding: .5rem .675rem;
}

.accordion .card-header {
  padding: 0;
}

.accordion .card-header a {
  padding: .75rem 1.25rem;
  display: block;
  color: inherit;
  text-decoration: none;
}

.accordion .card-header .collapse-icon:before {
  content: "\f068";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.accordion .card-header .collapsed .collapse-icon:before {
  content: "\f067";
}

.content {
  width: 100%;
}

.dataTables_wrapper {
  padding: 0;
}

.dataTables_wrapper table {
  overflow: hidden;
}

.dataTables_wrapper th,
.dataTables_wrapper td {
  vertical-align: middle;
}

.dataTables_wrapper th {
  white-space: nowrap;
}

.dataTables_wrapper .actions {
  white-space: nowrap;
  text-align: right;
}

.wrapperMain {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.wrapperMain .headerMain {
  border-bottom: 2px solid #f1f3f6;
  background: #fff;
}

.wrapperMain .headerMain .navbar-collapse .nav-item {
  padding: 0 1px
}

.wrapperMain .headerMain.navbar {
  padding: 0rem 1rem
}

.wrapperMain .bodyMain {
  height: 100%;
  overflow: hidden;
  flex: 1
}

.wrapperMain .bodyMain .content {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #f0f3f6;
}

.wrapperMain .bodyMain .content .main-body {
  overflow: auto;
  display: flex;
  flex: 1;
}

.wrapperMain .bodyMain .content .main-body .main-card {
  display: flex;
  width: 100%;
  padding: 0;
  overflow: auto;
}

.wrapperMain .footerMain {
  background: #2c3136;
  color: #fff;
  border-top: 1px solid #505050;
  overflow: auto;
}

.wrapperMain .footerMain ul.list-inline {
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.wrapperMain .footerMain ul.list-inline li {
  padding: 0 .5rem;
  white-space: nowrap;
}

.wrapperMain .footerMain ul.list-inline li label {
  font-weight: bold;
  padding-right: .5rem;
  margin: 0
}

/* .page-footer {
    display: flex;
    justify-content: space-between;
} */

/* .sidebar.sidebar-dark ul {
    margin-left: 10px
}

.sidebar.sidebar-dark ul li {
    position: relative;
}

.sidebar.sidebar-dark ul li a {
    border-left: 1px solid #7d7d7d;
} */
/* 
.sidebar.sidebar-dark a::after {
    content: '';
    height: 1px;
    width: 9px;
    position: absolute;
    background: #7d7d7d;
    left: 0;
    margin: 9px 0;
} */

@media (max-width:768px) {
  .navbar-collapse {
    position: absolute;
    top: 39px;
    width: 100%;
    right: 0;
    z-index: 99;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
  }

  .graphBody ul {
    flex-direction: column;
    align-items: stretch !important;
  }

  .graphBody ul li {
    margin-bottom: 3px;
  }

  .graphBody ul li h6 {
    margin: 2px;
  }

  .graphBody #importantDate ul li {
    margin-bottom: 0px;
  }

}

button.closeIcon {
  background: red;
  color: #fff;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 9;
}

button.closeIcon span {
  font-size: 18px;
}


/* ===Faizan 07/16/2020=== */

.dashboardSummayFx .table:hover {
  box-shadow: 0 0 10px #666;
  -moz-box-shadow: 0 0 10px #666;
  -webkit-box-shadow: 0 0 10px #666;
}

.dashboardSummayFx .table {
  padding: 3px;
}

.dashboardSummayFx .table {
  margin: 0;
  text-align: center;
  cursor: pointer;
}

.dashboardSummayFx .table .noOffield {
  color: #37a000;
  width: 50%;
}

.dashboardSummayFx .table .noOfNotfield {
  color: #ff9800;
}

.table-bordered td,
.table-bordered th {
  border: 1px solid #ccc !important;
  text-align: center;
}

.table .thead-light th {
  color: #6c757d;
  background-color: #f8f9fa;
  border-color: #e9ecef;
  text-align: center;
}

.gstlogintable .table td,
.table th {
  /* padding: 0; */
  vertical-align: inherit;
  border-top: none;
  font-size: 0.9em;
  text-align: left;

}

#patchModal .table th {
  color: #333;
}

#toolsModal .table th {
  color: #333;
}

.total {
  background-color: #cccccc94;
  color: #000;
}

.modal-dialog {
  box-shadow: inherit !important;
  border-radius: .25rem;
}

.returnLinks li a {
  display: inline-block;
  padding: 0 .2vw;
  color: #0e0e0e;
  border: .1vh transparent;
  transition: ease-in-out all .5s;
  border-style: dashed;
}

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

.returnLinks ul li {
  display: inline-block;
}



.carousel .font-weight-normal {
  line-height: 20px;
  font-weight: 400;
  border-radius: 3px;
  padding: 5px 0px;
  background: rgba(0, 0, 0, 0.10);
  color: #fbfbfb;
  /* line-height: 25px; */
  /* position: relative; */
  /* top: 31px; */
  /* margin-bottom: 36px; */
  min-height: 30px;
}

.carousel .text-muted {
  font-size: 11px;
  color: #fff !important;
}

.block {
  display: inline-block;
  width: 100%;
  clear: both;
}

.carousel .font-weight-normal {
  font-weight: normal !important;
  font-size: 2vh !important;
}

.carousel .font-weight-normal {
  /* top: 24px; */
  flex: 1;
}

.form_group_label {
  display: flex;
  width: 100%;
  padding-right: 0px;
  /* align-items: center; */
  /* font-weight: bold; */
}

.form_group_label label {
  /* padding-right: 10px;
    margin: 0;
    text-align: left; */
  font-size: 12px;
}

.inputlabel_50 {
  width: 50px;
}

.inputlabel_90 {
  width: 90px;
}

.inputBox {
  display: flex;
  width: 100%;
  flex: 1;
}

/* .form-area {
    padding: 10px;
} */

.form-control {
  /* cursor: pointer; */
  font-size: 12px;
  /* width: unset; */
}

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

.footer-right-menu {
  padding-right: 46px;
}

.alertremove i {
  font-size: 4vw;
  color: rgba(191, 8, 8, 0.73);
  margin-top: 3vh;
}

.alertremove button {
  margin: 0;
  padding: 0.1vh 2vw;
  font-size: 14px;
  color: #fff;
  border: 0;
  background: #d04b4b;
  cursor: pointer;
}

.carousel {
  background: #53b9c1;
  text-align: center;
}

.returnLinks ul li {
  border: .1vh transparent;
  padding: 0 .5vw;
}

.returnLinks ul li a:hover {
  display: inline-block;
  padding: 0 .2vw;
  color: #0e0e0e;
  border: .1vh #000000b8;
  transition: ease-in-out all .5s;
  border-style: dashed;
}

.returnlinkLabel a span {
  text-decoration: underline;
  font-size: 12px;
}

.form-area label_ {
  text-align: left;
}

.carousel-control-prev {
  left: -54px !important;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 5px 20px 0px 20px;
}

.mCSB_inside>.mCSB_container {
  margin-right: 15px !important;
}

.bgDashboard,
.final-dashboard {
  background: #f0f3f6;
}

.change+.bodyMain app-final-dashboard,
.change+.bodyMain app-all-software,
.change+.bodyMain app-edit-dashboard.bgDashboard {
  padding-left: 0px;
}

.top_bar .row {
  display: contents;
}

.top_bar .clientListBlk {
  max-width: inherit !important;
}

.top_bar .ui-dropdown {
  width: inherit !important;
  min-width: auto;
}

.top_bar .new_ui_dropdown_client {
  min-width: inherit !important;
  max-width: inherit !important;
}

.top_bar .new_ui_dropdown_gst {
  flex: unset !important;
  width: 250px !important;
}

.top_bar .ui-inputwrapper-filled {
  width: -webkit-fill-available !important;
}

.dashboard_dropdown {
  overflow: unset !important;
}

.top_bar .dashboard_dropdown .grid-stack-item-content {
  overflow-x: inherit !important;
  overflow-y: inherit !important;
}

.dashboard_dropdown .grid-stack>.grid-stack-item>.grid-stack-item-content {
  overflow-x: inherit !important;
  overflow-y: inherit !important;
}

.dashboard_dropdown .d-flex.h-100.flex-column {
  overflow: inherit !important;
}

.DBLOK {
  display: none !important;
}

#showFilter,
.filterClose {
  display: none
}

app-workbench .main-body {
  flex: initial !important;
}

.customerDetailkBlk .table-bordered td {
  text-align: left;
}

.gridSelected {
  outline-offset: -1px !important;
  background: #666b71 !important;
  color: #FFF
}

.tableHead {
  background: #f7f1f1;
  padding: 2px 6px;
  display: flex;
  align-items: center;
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .main-banner {
    min-height: unset !important;
    padding: 40px 0 !important
  }

  .mobile-menu-left-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 61px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(48, 75, 88, .5)
  }

  .change1 .mobile-menu-left-overlay {
    display: block;
    z-index: 0;
  }

  /* .change+.bodyMain .mobile-menu-left-overlay {
        display: block;
    } */
  .graphBody ul {
    flex-direction: inherit;
    align-items: inherit !important;
  }

  .graphBody ul li {
    margin-bottom: inherit;
  }

  .graphBody ul li h6 {
    margin: inherit;
  }

  .graphBody #importantDate ul {
    flex-direction: column;
  }


}

@media (max-width: 991px) {
 
  #info_zone{
    order: 2;
  }
  #login_zone{
    margin-bottom: 20px;
  }
  .card-header-tab.card-header {
    overflow-y: scroll;
  }

  .filterBar {
    text-align: right;
    background: #fff;
    border-bottom: 2px solid #007bfe;
    display: block;
  }

  #dashboard-summary .sagFieldsec {
    display: none;
  }

  #dashboard-summary.activeMobileView .sagFieldsec,
  #dashboard-summary.activeMobileView .filterClose,
  #showFilter {
    display: block;
    background: none;
  }

  .filterClose button {
    width: 100%;
    border-radius: 22px;
  }

  .scroll-area-lg {
    padding-bottom: 10px !important;
  }


  .change1 .mobile-menu-left-overlay {
    display: block;
    z-index: 0;
  }

  .userDrop.widgetDd {
    background: none;
    width: 150px;
    margin-left: 22px;
    box-shadow: initial !important;
    border: none;
  }

  .userDrop.widgetDd .dropdown-item {
    border: none !important;
    background: #f4e7c0;
    border-radius: 22px;
    margin-bottom: 3px;
    padding: 5px 10px 5px 25px !important;
  }

  .languageDrop .dropdown-item {
    background: #e5b9e6 !important;
  }

  div#navbarColor02 ul li {
    float: left;
    width: 100%;
    margin: 5px 0;
  }

}

@media screen and (max-width:800px) and (orientation: landscape) {
  .headerMain.change+.bodyMain .sidebar {
    height: calc(100vh - 18vh);
  }

  .navbar-collapse {
    /* height: calc(100vh - 18vh) !important; */
    overflow: auto;
  }


}

input,
select,
textarea {
  border-radius: 0px !important;
}

select.form-control:not([size]):not([multiple]) {
  height: unset;
}

.input-group-text {
  line-height: 1 !important;
  border-radius: 0 !important;
}

.headerMain .navbar-collapse .nav-item>a {
  color: unset
}

.row {
  margin-right: -5px;
  margin-left: -5px;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-right: 5px;
  padding-left: 5px;
}

html {
  scroll-behavior: smooth;
}

.allSoftbackInfo .wrapperMain .headerMain,
.allSoftbackInfo .sidebar,
.allSoftbackInfo .rightbar {
  z-index: 0 !important;
}

.backCover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  outline: 0;
  background: rgba(0, 0, 0, .3) !important;
}

.form-inline .form-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
}

.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
}

.form-inline .form-group .form-select {
  display: flex;
  flex: 1;
}