.card .card-body .form-group {

  margin: 20px 0 0 !important;

}

label {

  font-size: 15px !important;

  color: #000 !important;

  margin-top: -13px;

}





.bmd-label-static {

  top: 0px !important;

}

.sidebar .nav li a,
.sidebar .nav li .dropdown-menu a {

  margin: 0px 2px 0 !important;

}



p {

  font-size: 17px;

  font-weight: 400;

}

.panel-primary {

  border-color: #428bca;

}

.card {

  font-size: 17px;

}

body {

  font-weight: 400;

}

.table thead tr th {

  font-size: 1.063rem;

  font-weight: 700;

}

.panel {

  margin-bottom: 20px;

  background-color: #fff;

  border: 1px solid #428bca;

  border-radius: 4px;

  -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);

  box-shadow: 0 1px 1px rgb(0 0 0 / 5%);

}

.panel-primary>.panel-heading {

  color: #fff;

  background-color: #428bca;

  border-color: #428bca;

}



.panel-heading {

  padding: 10px 15px;

  border-bottom: 1px solid transparent;

  border-top-right-radius: 3px;

  border-top-left-radius: 3px;

}

.panel-title {

  margin-top: 0;

  margin-bottom: 0;

  font-size: 16px;

  color: inherit;

}

.panel-body {

  padding: 5px 10px;

}

.panel-primary>.panel-heading h3 {

  margin: 0px;

  font-size: 15px;

  font-weight: 500;

}



.well {

  min-height: 20px;

  padding: 10px;

  margin-bottom: 20px;

  background-color: #ffffff;

  border: 1px solid #e3e3e3;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);

  box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);

  display: inline-block !important;
  width: 100%;

}

.boxwrapn {

  width: 100%;

}

.searchbar {

  width: 200px !important;

  height: 34px;

  padding: 6px 12px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #555;

  background-color: #fff;

  background-image: none;

  border: 1px solid #ccc;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);

  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);

  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

}

.boxwrapn .form-control:read-only {

  background-image: none !important;

}

.boxwrapn .form-inline {

  margin-bottom: 0px;

}

.form {

  padding: 0px 10px;

}

.sourabhtab .nav-item {

  width: 250px;

}



.nav-item a {

  font-size: 17px !important;

  text-transform: capitalize !important;

}



.textarea1 {

  border: 2px solid #e3e3e3 !important;

  border-radius: 5px;

}



.badge {

  display: inline-block;

  min-width: 10px;

  padding: 3px 7px;

  font-size: 12px;

  font-weight: 700;

  line-height: 1;

  color: #fff;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  background-color: #777;

  border-radius: 10px;

}

.scorelist h4 {

  font-weight: 700;

}



.progress {

  height: 20px;

  border-radius: 20px;

  box-shadow: none;

  background: #DDDDDD;

  margin-bottom: 20px;

}

.panel-default1 {



  border: 1px solid #d6d2d2 !important;



}

.ac1 {

  float: left;

  margin-right: 7px;

}

.scorelist1 {

  border-bottom: 2px solid #e4e2e2;

  margin-bottom: 25px;

  padding-bottom: 15px;

}

.panel-default1 .panel-body {

  border-left: 6px solid #ff9800;

}



.sb {

  border: 1px solid #ccc !important;

  display: inline-block;

  position: relative;

  border-radius: 10px;

  padding: 5px;

}



.d1 h4 {

  font-weight: 600;

  margin-bottom: 0px;

}



.d1 {

  margin-bottom: 0px;

  border: 1px solid #ccc;

}



.qs {

  border-radius: 5px;

  margin-top: 20px;

}





.switch-field {

  margin-bottom: 10px;

  /* overflow: hidden; */

}



.switch-field input {

  position: absolute !important;

  clip: rect(0, 0, 0, 0);

  height: 1px;

  width: 1px;

  border: 0;

  overflow: hidden;

}



.switch-field label {

  background-color: #ffffff;

  line-height: 1;

  text-align: center;

  padding: 8px 16px;

  border: 1px solid rgb(0 0 0 / 28%);

  border-radius: 30px;

  width: 100px;

}

.switch-field label:hover {

  cursor: pointer;

}



/*.switch-field input:checked + label {

  background-color: #a5dc86;

  box-shadow: none;

}*/



.switch-field input:checked+#label-yes {

  background-color: #a5dc86;

  box-shadow: none;

}

.switch-field input:checked+#label-no {

  background-color: #ef3106d1;

  box-shadow: none;

}

.switch-field input:checked+#label-partial {

  background-color: #ffa500b8;

  box-shadow: none;

}

.switch-field input:checked+#label-na {

  background-color: #96948fb8;

  box-shadow: none;

}





.switch-field label {

  margin-top: 0px !important;

}

.switch-field label {

  margin: 0px 25px 0px 12px !important;

}

.textareacss {

  border: 1px solid #ccc !important;

  border-radius: 5px !important;

}

.fileall {

  margin: 30px 0px 25px 0px;

  border-top: 1px solid #ccc;

}



/*select.form-control {

    border: 2px solid #eee;

    border-radius: 7px;

}*/



.form-group.sourabh {

  font-size: 14px;

}

b {

  color: #000;

}

#link1 .progress {

  height: 20px;

  border-radius: 20px;

  box-shadow: none;

  background: #DDDDDD;

  margin-bottom: 5px;

}





.sourabh.hideclass {

  display: none !important;

}

div#subhead {

  font-size: 14px;

}



.ss1 {

  margin: 20px 0px;

}



.ss1 .panel-body {

  background: #000000;

}



.searchbarsec {

  width: 300px;

  margin: auto;

  position: absolute;

  left: 10%;

  margin-top: 9px;

}





.card.card-login {

  background: #171d4d;

  border-radius: 22px;

  padding: 8% 3%;

}



.page-header {

  background: #1d266b;

}



.input-group {

  background: #fff;

  margin-bottom: 30px;

  padding: 6px 0px;

  border-radius: 10px;

}



.input-group input {

  background: #fff;

}



input.form-control {}



input.btn.btn-primary {

  font-size: 17px;

  border-radius: 10px;

  background: #51b34e;

  border: 2px solid #51b34e;

  padding: 10px 107px;
  ;

}

.card-footer a {

  font-size: 17px;

  border-radius: 10px;

  background: #51b34e;

  border: 2px solid #d8c828;

  padding: 10px 96px;

  color: #fff !important;

}



input.btn.btn-primary:hover {

  background: transparent;

  color: #fff;

  border-color: #fff;

}



.card-footer.justify-content-center {

  margin-top: -27px;

}



.card-header.card-header-rose.text-center {

  margin: 0;

  background: transparent !important;

  margin-top: 0px !important;

  box-shadow: none !important;

  display: flex;

  align-items: center;

  justify-content: center;

}



.card .card-body {

  padding-bottom: 0;

}



.card-header.card-header-rose.text-center h4 {

  font-size: 26px;

  font-weight: bold;

  text-transform: uppercase;

  position: relative;

  margin-bottom: 22px;

}



.card-header.card-header-rose.text-center h4:after {

  content: "";

  width: 44px;

  height: 4px;

  position: absolute;

  background: #fff;

  left: 0;

  right: 0;

  margin: auto;

  bottom: -12px;

}



.card-footer.justify-content-center {

  /*padding-bottom: 35px!important;*/

}



.col-md-6.col-sm-8.ml-auto.mr-auto img {

  width: 100%;

}



.col-lg-5.col-md-6.col-sm-8.ml-auto.mr-auto {

  align-items: center;

  justify-content: center;

  display: flex;

}



.page-header .container {

  background: #fff;

  border: 9px solid #d8c828;

  padding: 2% 0%;

}



@media (max-width:767px) {

  .col-lg-5.col-md-6.col-sm-8.ml-auto.mr-auto {

    display: none;

  }

}



.form {

  padding: 0px 10px;

}

b {

  color: #000;

}



.searchbar {

  width: 200px !important;

  height: 34px;

  padding: 6px 12px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #555;

  background-color: #fff;

  background-image: none;

  border: 1px solid #ccc;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);

  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);

  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

}

.req {

  color: red;

}





.group .cnt-chart-tabs {

  line-height: 24px;

  text-transform: uppercase;

  font-size: 12px;

  font-weight: 500;

  min-width: 100px;

  text-align: center;

  color: #555;

  transition: all .3s;

  border-radius: 30px;

  padding: 10px 15px;

  background-color: #ddd9d9;

}

.group .cnt-chart-tabs:hover {

  background-color: rgba(200, 200, 200, 0.2);
}

.group .cnt-chart-tabs .active {

  color: #ffffff;

  background-color: #9c27b0;

  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}

/* DataTables: match live project - controls in main content, same row (not sidebar) */
.main-panel .dataTables_wrapper,
.card-body .dataTables_wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

/* Force table and scroll containers to full width so layout is not disturbed */
.card-body .dataTables_wrapper table.dataTable,
.main-panel .dataTables_wrapper table.dataTable,
.card-body .dataTables_wrapper div.dataTables_scrollBody table,
.main-panel .dataTables_wrapper div.dataTables_scrollBody table {
  width: 100% !important;
  max-width: 100% !important;
}

.card-body .dataTables_wrapper div.dataTables_scroll,
.main-panel .dataTables_wrapper div.dataTables_scroll,
.card-body .dataTables_wrapper div.dataTables_scrollHead,
.card-body .dataTables_wrapper div.dataTables_scrollBody {
  width: 100% !important;
  overflow-x: auto;
}

.dt-controls-top,
.dt-controls-bottom {
  width: 100%;
}

.dt-controls-top .dataTables_filter input,
.dataTables_wrapper .dataTables_filter input {
  border-radius: 6px;
  border: 1px solid #ccc;
}

/* Top row: "Show X entries" LEFT, "Search records" RIGHT - same row */
div.dataTables_wrapper>div.dt-layout-row:first-child,
div.dataTables_wrapper>div.row:first-of-type {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between !important;
  align-items: center;
  margin-bottom: 0.75rem;
}

div.dataTables_wrapper .dataTables_length {
  float: left !important;
  margin-bottom: 0.75rem;
  text-align: left !important;
}

div.dataTables_wrapper .dataTables_filter {
  float: right !important;
  margin-bottom: 0.75rem;
  text-align: right !important;
}

div.dataTables_wrapper>table.dataTable,
div.dataTables_wrapper>div.dataTables_scroll {
  clear: both !important;
}

div.dataTables_wrapper div.dataTables_filter label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #fff;
  min-width: 200px;
}

div.dataTables_wrapper div.dataTables_filter input::placeholder {
  color: #999;
}

/* Bottom row: "Showing X to Y" LEFT, pagination RIGHT - same row */
div.dataTables_wrapper>div.dt-layout-row:last-child,
div.dataTables_wrapper>div.row:last-of-type {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between !important;
  align-items: center;
  padding-top: 0.75em;
  clear: both !important;
}

div.dataTables_wrapper .dataTables_info {
  float: left !important;
  padding-top: 0.85em;
  font-size: 14px;
  color: #555;
  text-align: left !important;
}

div.dataTables_wrapper .dataTables_paginate {
  float: right !important;
  margin: 0;
  padding-top: 0.75em;
  text-align: right !important;
}

/* Force clear before bottom row so info + paginate sit below table */
.card-body div.dataTables_wrapper>div.dataTables_info,
.main-panel div.dataTables_wrapper>div.dataTables_info {
  clear: both !important;
}

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

  .card-body div.dataTables_wrapper .dataTables_length,
  .card-body div.dataTables_wrapper .dataTables_filter,
  .main-panel div.dataTables_wrapper .dataTables_length,
  .main-panel div.dataTables_wrapper .dataTables_filter {
    text-align: left !important;
    float: none !important;
  }
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* Pagination: match second image - circular purple active, gray FIRST/PREV/NEXT/LAST */
div.dataTables_wrapper div.dataTables_paginate .pagination .page-item .page-link,
div.dataTables_wrapper div.dataTables_paginate .pagination .paginate_button .page-link,
div.dataTables_wrapper div.dataTables_paginate .pagination li a {
  border-radius: 50%;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dee2e6;
  color: #555;
  margin: 0 2px;
  text-decoration: none;
  background-color: #fff;
}

div.dataTables_wrapper div.dataTables_paginate .pagination .page-item.active .page-link,
div.dataTables_wrapper div.dataTables_paginate .pagination .paginate_button.current .page-link,
div.dataTables_wrapper div.dataTables_paginate .pagination li.current a {
  background-color: #9c27b0;
  border-color: #9c27b0;
  color: #fff;
}

div.dataTables_wrapper div.dataTables_paginate .pagination .page-item.disabled .page-link,
div.dataTables_wrapper div.dataTables_paginate .pagination .paginate_button.disabled .page-link,
div.dataTables_wrapper div.dataTables_paginate .pagination li.disabled a {
  color: #999;
  background-color: transparent;
  border-color: transparent;
}

div.dataTables_wrapper div.dataTables_paginate .pagination .page-item:not(.active):not(.disabled) .page-link:hover,
div.dataTables_wrapper div.dataTables_paginate .pagination .paginate_button:not(.current):not(.disabled) .page-link:hover,
div.dataTables_wrapper div.dataTables_paginate .pagination li:not(.current):not(.disabled) a:hover {
  background-color: #f0f0f0;
  border-color: #ddd;
  color: #333;
}

/* ================================
   AUDIT FORM PREMIUM UI (Animated)
   ================================ */

.card-body {
  padding: 18px !important;
  background: transparent !important;
}

/* PANEL (Planning / Completion heading) */
.panel.panel-default.d1.ss1 {
  border: none !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.06)) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
  margin-bottom: 18px !important;
  overflow: hidden !important;
  position: relative !important;
}

.panel.panel-default.d1.ss1::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.18), transparent 60%) !important;
  pointer-events: none !important;
}

.panel.panel-default.d1.ss1 .panel-body h4 {
  font-size: 18px !important;
  font-weight: 800 !important;
  text-transform: capitalize !important;
  letter-spacing: 0.4px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  color: #fdfdfd !important;
}

/* MAIN QUESTION BOX */
.qs.d1 {
  border: none !important;
  border-radius: 18px !important;
  padding: 14px !important;
  margin-bottom: 18px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: 0.35s ease !important;
  animation: fadeUp 0.6s ease both !important;
}

/* hover glow */
.qs.d1:hover {
  transform: translateY(-4px) scale(1.01) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22) !important;
}

/* subtle animated shine */
.qs.d1::after {
  content: "" !important;
  position: absolute !important;
  top: -40% !important;
  left: -40% !important;
  width: 220px !important;
  height: 220px !important;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 60%) !important;
  animation: floatGlow 4s ease-in-out infinite !important;
  pointer-events: none !important;
}

.qs.d1 .panel-body h4 {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: #000000 !important;
  margin: 0 0 12px 0 !important;
}

/* Animation */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes floatGlow {

  0%,
  100% {
    transform: translate(0px, 0px);
    opacity: 0.8;
  }

  50% {
    transform: translate(40px, 30px);
    opacity: 1;
  }
}

/* ================================
   SWITCH FIELD (Yes/No/Partial/NA)
   ================================ */
.switch-field {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-bottom: 14px !important;
}

/* hide default radio */
.switch-field input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* button style */
.switch-field label {
  padding: 10px 16px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: 0.25s ease !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  /* background: rgba(255,255,255,0.06) !important; */
  color: #000000 !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12) !important;
}

/* Hover */
.switch-field label:hover {
  transform: translateY(-2px) !important;
  /* background: rgba(255, 255, 255, 0.12) !important; */
}

/* Checked states */
.switch-field input[type="radio"]:checked+label {
  /* background: linear-gradient(135deg, #a64dff, #ff2e63) !important; */
  border-color: rgba(255, 255, 255, 0.35) !important;
  /* box-shadow: 0 10px 25px rgba(255, 46, 99, 0.35) !important; */
  transform: scale(1.03) !important;
}

/* Special color variations based on label ID */
.switch-field label#label-yes {
  border-color: rgba(0, 255, 140, 0.25) !important;
}

.switch-field label#label-no {
  border-color: rgba(255, 60, 60, 0.25) !important;
}

.switch-field label#label-partial {
  border-color: rgba(255, 190, 0, 0.25) !important;
}

.switch-field label#label-na {
  border-color: rgba(150, 150, 150, 0.25) !important;
}

/* ================================
   Remarks + Upload Row
   ================================ */
.fileall {
  margin-top: 10px !important;
  padding: 12px !important;
  border-radius: 14px !important;
  background: rgb(255, 255, 255) !important;
  border: 1px solid rgb(206 206 206) !important
}

/* Labels */
.fileopen1 label,
.fileopen2 label {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: rgba(0, 0, 0, 0.85) !important;
  margin-bottom: 6px !important;
}

/* Textarea */
.textareacss {
  border-radius: 14px !important;
  border: 1px solid #dedede !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #000000 !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  outline: none !important;
  transition: 0.25s ease !important;
}

.textareacss:focus {
  border-color: rgba(255, 46, 99, 0.6) !important;
  box-shadow: 0 0 0 4px rgba(255, 46, 99, 0.15) !important;
}

/* File Input */
.fileopen1 input[type="file"] {
  border-radius: 14px !important;
  border: 1px dashed rgba(255, 255, 255, 0.25) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
  padding: 8px !important;
  cursor: pointer !important;
  transition: 0.25s ease !important;
}

.fileopen1 input[type="file"]:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  transform: translateY(-2px) !important;
}

/* ================================
   Completion Box
   ================================ */
.panel.panel-default.d1.ss1 textarea {
  margin-top: 10px !important;
}

/* ================================
   Buttons
   ================================ */
.btn.btn-rose {
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 20px !important;
  font-weight: 800 !important;
  letter-spacing: 0.4px !important;
  background: linear-gradient(135deg, #ff4d6d, #ff2e63) !important;
  box-shadow: 0 14px 28px rgba(255, 46, 99, 0.25) !important;
  transition: 0.3s ease !important;
}

.btn.btn-rose:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 18px 40px rgba(255, 46, 99, 0.35) !important;
}

.btn.btn-rose:active {
  transform: scale(0.98) !important;
}

/* Auditor text */
.card-body p {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: rgba(0, 0, 0, 0.85) !important;
  margin-top: 10px !important;
}

/* Responsive */
@media (max-width: 768px) {
  .switch-field {
    gap: 8px !important;
  }

  .switch-field label {
    flex: 1 1 46% !important;
    text-align: center !important;
  }

  .fileall {
    padding: 10px !important;
  }
}

@media only screen and (min-width:1024px) {
  .qs {
    width: 47.2%;
    float: left;
    margin: 0 10px;
    min-height: 295px;
  }

  /* 3rd, 5th, 7th... question: full width, centered row */
  /*.qs.d1.qs-full-width {
    width: 100% !important;
    clear: both;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }*/
      .qs.d1.qs-full-width {
        width: 96.5% !important;
        clear: both;
        margin-left: 9px !important;
        margin-right: 0 !important;
    }

  .panel.panel-default.d1.ss1 {
    width: 100%;
  }

  .switch-field label {
    margin: 0px 5px 0px 5px !important;
  }
    .switch-field{
	gap: 0px !important;
	}

}
}

/*dashboard css*/
.sidebar[data-background-color=black] {
    background: linear-gradient(180deg, #008eff, #02477d) !important;
    box-shadow: none;
}
.sidebar .user {
    padding-bottom: 0 !important;
}
.sidebar[data-color="rose"] li.active > a {
    background: transparent;
    box-shadow: none;
    color: #00c9e2 !important;
}
.sidebar[data-color="rose"] li.active > a i{
	color: #00c9e2 !important;
}
.sidebar .nav i {
    font-size: 20px !important;
 }
 nav.navbar.navbar-expand-lg.navbar-transparent.navbar-absolute.fixed-top {
    background: #fff !important;
    box-shadow: 0px 0px 7px #cbcbcb;
}
.card.card-stats {
    height: 120px !important;
    box-shadow: 0 4px 15px rgb(0 0 0 / 11%);
    border-radius: 25px;
    background: linear-gradient(90deg, #f4f4f4, #ffffff);
    padding: 10px;
    text-align: center;
    margin: 10px 0;
    box-sizing: border-box;
}
.card-stats .card-header + .card-footer {
    display: none;
}
.card-stats .card-header.card-header-icon, .card-stats .card-header.card-header-text{
	text-align:center !important;
}
.card-stats .card-header .card-category {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #858585 !important;
}
.card .card-header.card-header-icon .card-title, .card .card-header.card-header-text .card-title {
    font-size: 34px;
    font-weight: 900;
    color: #008fa1;
    margin: 8px 0;
}
.boxwrapn.well.well-sm.card-body {
    border: none !important;
    box-shadow: none;
    border-radius: 0;
    padding: 15px 10px !important;
}
div#drilldown-charts{
    box-shadow: 0 4px 15px rgb(0 0 0 / 11%);
    border-radius: 25px;
    background: linear-gradient(90deg, #f4f4f4, #ffffff);
}
.sidebar[data-background-color="black"] .sidebar-background:after {
    opacity: 1 !important;
    background: linear-gradient(360deg, #008fa1, #0b3e67) !important;
}
.form-row .btn {
    border-radius: 25px;
    margin-right: 10px;
    padding: 15px 20px;
    font-size: 12px;
    font-weight: 600;
}

.well {
  width: 100% !important;
}