/*

Author: DWM
Global Custom Style: Distributor, Client, SuperAdmin

*/
/* @import '../variable'; */
/*

Author: DWM

*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import 'circle.css';

/*Theme Colors*/
/* custom */
/* custom */
/* custom */
/* custom */
/* custom */
/* custom */
/* custom */
/* custom */
/* custom */
/* custom */
/* custom */
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff;
}

.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}

/*******************
/* General
*******************/
body {
  color: #929497 !important;
  font-size: 15px;
}

.btn:focus,
a:focus,
a:active {
  outline: none !important;
}

.sidebar-footer a {
  width: 100%;
}

/* Typography */
.text-primary {
  color: #1D4481;
}

.text-secondary {
  color: #1D93D1;
}

.text-highlight {
  color: #37B6C5 !important;
}

.text-highlight-alt {
  color: #5FCCD7 !important;
}

.text-info {
  color: #37B6C5 !important;
}

.text-red,
.text-danger {
  color: #F87874 !important;
}

.text-green,
.text-success {
  color: #3bab3a !important;
}

.text-yellow,
.text-warning {
  color: #F8CD74 !important;
}

.text-gray {
  color: #6D7278;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #6D7278;
}

p {
  color: #929497;
}

/* Font Semi Bold */
.font-500 {
  font-weight: 500;
}

/* Font Bold */
.font-600 {
  font-weight: 600;
}

/* Section Title */
.section-title {
  font-weight: 500;
  font-size: 17px;
  color: #6D7278;
  letter-spacing: 0;
}

/* Section Title - Small */
.section-title-sm {
  font-weight: 500;
  font-size: 15px;
  color: #6D7278;
  letter-spacing: 0;
}

/* Text Link */
.text-link,
a {
  color: #37B6C5;
  font-size: 14px;
}

.text-link:hover,
a:hover {
  color: #5FCCD7;
}

/* Sub Title */
.subtitle {
  color: #6D7278;
  font-size: 14px;
}

/* Background */
.bg-gray {
  background-color: #f7f7f7 !important;
}

.bg-primary {
  background-color: #1D4481 !important;
}

.bg-secondary {
  background-color: #1D93D1;
}

.bg-highlight {
  background-color: #37B6C5;
}

.bg-highlight-alt {
  background-color: #5FCCD7 !important;
}

.no-shadow {
  box-shadow: none !important;
}

.bg-success,
.bg-green {
  background: #3bab3a !important;
}

.bg-danger,
.bg-red {
  background: #F87874 !important;
}

.bg-warning,
.bg-yellow {
  background: #F8CD74 !important;
}

.label-gray {
  background: #929497;
}

.label-list {
  color: #6D7278;
  opacity: 0.69;
  font-size: 13px;
}

.badge-success {
  background: #37B6C5;
}

.badge-danger {
  background: #F87874;
}

.card-success {
  background: #37B6C5 !important;
}

/* Circles */
.circle-xs {
  font-size: 10px;
}

.border-light {
  border-color: rgba(0, 0, 0, 0.125) !important;
}

/*******************
 Topbar
*******************/
.topbar ul.dropdown-user li a {
  font-size: 12px;
}

.topbar ul.dropdown-user li a:hover {
  color: #929497;
}

.topbar ul.dropdown-user .dw-user-box .u-text p {
  font-size: 12px !important;
}

.topbar ul.dropdown-user .dw-user-box .u-text .btn {
  color: #37B6C5 !important;
}

.topbar ul.dropdown-user .dw-user-box .u-text .btn:hover {
  background: #37B6C5 !important;
  color: #ffffff !important;
}

/*******************
/* Custom Stylish Tooltip
*******************/
.custom-tooltip {
  color: #6D7278;
  font-size: 14px;
  text-align: left;
}

.custom-tooltip:after {
  border-top-color: #1D4481;
}

.custom-tooltip .tooltip-inner2 {
  padding: 20px;
  background: #f7f7f7;
}

.custom-tooltip .tooltip-text3 {
  border-bottom: 10px solid #1D4481;
}

/*******************
/* Tabs - Vertical
*******************/
.customvtab .tabs-vertical li .nav-link.active,
.customvtab .tabs-vertical li .nav-link:hover,
.customvtab .tabs-vertical li .nav-link:focus {
  border-right: 2px solid #37B6C5;
  color: #37B6C5;
}

.vtabs .tabs-vertical li .nav-link {
  color: #929497;
}

.vtabs .tabs-vertical li::hover {
  border-color: #929497;
}

/*******************
/* Buttons
*******************/
.btn,
.btn:focus,
.btn:active {
  outline: 0 !important;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: 0 !important;
}

.btn-rounded {
  border-radius: 100px !important;
}

.btn-rounded.btn-sm {
  padding-bottom: .1rem;
}

.btn {
  border-radius: 4px;
}

.btn-lg,
.wizard-content .wizard>.actions>ul>li>a[href="#next"],
.wizard-content .wizard>.actions>ul>li>a[href="#finish"],
.wizard-content .wizard>.actions>ul>li>a[href="#previous"] {
  font-size: 15px;
  padding: .63rem 1rem .5rem;
  min-height: 42px;
}

.btn-settings {
  border-radius: 4px !important;
  padding: 3px 4px 0 !important;
}

.btn-settings-lg {
  height: 36px;
  padding: 6px 8px 5px !important;
}

.btn-hover-white {
  border: 1px solid #ffffff !important;
}

.btn-link {
  color: #37B6C5;
  /* font-size: 15px; */
  font-size: 14px;
  font-weight: 500;
}

.btn-link:hover {
  color: #5FCCD7;
}

.btn-main,
.wizard-content .wizard>.actions>ul>li>a[href="#next"],
.wizard-content .wizard>.actions>ul>li>a[href="#finish"],
.btn-main.disabled,
.wizard-content .wizard>.actions>ul>li>a.disabled[href="#next"],
.wizard-content .wizard>.actions>ul>li>a.disabled[href="#finish"] {
  background-image: linear-gradient(40deg, #1D4481, #1D93D1);
  background-repeat: repeat-x;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 400;
  border: none;
  min-width: 44px;
}

.btn-main:hover,
.wizard-content .wizard>.actions>ul>li>a:hover[href="#next"],
.wizard-content .wizard>.actions>ul>li>a:hover[href="#finish"],
.btn-main.disabled:hover,
.wizard-content .wizard>.actions>ul>li>a.disabled:hover[href="#next"],
.wizard-content .wizard>.actions>ul>li>a.disabled:hover[href="#finish"] {
  background-image: linear-gradient(40deg, #1D4481, #1D4481);
  background-repeat: repeat-x;
  box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
  color: #ffffff;
}

.btn-main.active,
.wizard-content .wizard>.actions>ul>li>a.active[href="#next"],
.wizard-content .wizard>.actions>ul>li>a.active[href="#finish"],
.btn-main:focus,
.wizard-content .wizard>.actions>ul>li>a:focus[href="#next"],
.wizard-content .wizard>.actions>ul>li>a:focus[href="#finish"],
.btn-main.disabled.active,
.wizard-content .wizard>.actions>ul>li>a.disabled.active[href="#next"],
.wizard-content .wizard>.actions>ul>li>a.disabled.active[href="#finish"],
.btn-main.disabled:focus,
.wizard-content .wizard>.actions>ul>li>a.disabled:focus[href="#next"],
.wizard-content .wizard>.actions>ul>li>a.disabled:focus[href="#finish"] {
  background: #1D4481 !important;
}

.btn-primary,
.btn-primary.disabled {
  background: #1D4481;
  border: 1px solid #1D4481;
  box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
  transition: 0.2s ease-in;
  -webkit-appearance: none;
}

.btn-primary:hover,
.btn-primary.disabled:hover {
  background: #1D4481;
  box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
  border: 1px solid #1D4481;
}

.btn-primary.active,
.btn-primary:focus,
.btn-primary.disabled.active,
.btn-primary.disabled:focus {
  background: #6352ce;
  box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
}

.btn-highlight,
.btn-highlight.disabled {
  background: #37B6C5;
  border: 1px solid #37B6C5;
  transition: 0.2s ease-in;
  color: #ffffff;
}

.btn-highlight:hover,
.btn-highlight.disabled:hover {
  background: #5FCCD7;
  color: #ffffff;
  border: 1px solid #5FCCD7;
}

.btn-highlight.active,
.btn-highlight:focus,
.btn-highlight.disabled.active,
.btn-highlight.disabled:focus {
  color: #ffffff;
}

.btn-outline-secondary {
  border: 1px solid #37B6C5;
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
  /* transition: 0.2s ease-in; */
  color: #37B6C5 !important;
}


.btn-outline-custom {
  border: 1px solid #d7dfe3 !important;
  color: #ae9ca4 !important;
  background-color: #e5e5e500 !important;
  padding: 10px 25px !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  border: 1px solid #37B6C5;
  color: #ffffff !important;
  background-color: #37B6C5;
  box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
}

.btn-outline-secondary.active,
.btn-outline-secondary:focus {
  box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
}

.btn-outline-gray,
.wizard-content .wizard>.actions>ul>li>a[href="#previous"] {
  border: 1px solid rgba(151, 151, 151, 0.5);
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
  /*transition: 0.2s ease-in; */
  color: #929497;
}

.btn-outline-gray:hover,
.wizard-content .wizard>.actions>ul>li>a:hover[href="#previous"],
.btn-outline-gray:focus,
.wizard-content .wizard>.actions>ul>li>a:focus[href="#previous"],
.btn-outline-gray.focus,
.wizard-content .wizard>.actions>ul>li>a.focus[href="#previous"] {
  color: #ffffff;
  border: 1px solid rgba(151, 151, 151, 0.5);
  background-color: #929497;
  box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
}

.btn-outline-gray.active,
.wizard-content .wizard>.actions>ul>li>a.active[href="#previous"] {
  color: #ffffff;
  border: 1px solid rgba(151, 151, 151, 0.5);
  background-color: #37B6C5;
  box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
}

/*******************
/* Form
*******************/
form label,
.control-label {
  font-size: 13px;
  color: #6D7278;
  letter-spacing: 0;
}

.form-control {
  font-size: 15px;
  color: #6D7278;
}

.form-control::-webkit-input-placeholder {
  color: #6D7278;
  opacity: 0.5;
}

.form-control:-moz-placeholder {
  color: #6D7278;
  opacity: 0.5;
}

.form-control::-moz-placeholder {
  color: #6D7278;
  opacity: 0.5;
}

.form-control:-ms-input-placeholder {
  color: #6D7278;
  opacity: 0.5;
}

[type="checkbox"]+label {
  font-size: 14px;
  color: #6D7278;
}

[type="checkbox"]:checked.chk-col-blue+label:before {
  border-right: 2px solid #1D4481;
  border-bottom: 2px solid #1D4481;
}

[type="checkbox"].filled-in:checked.chk-col-blue+label:after {
  border: 2px solid #1D4481;
  background-color: #1D4481;
}

[type="checkbox"].filled-in:not(:checked)+label:after {
  border: 1px solid #6D7278;
}

[type="radio"]+label,
[type="radio"]:not(:checked)+label,
[type="radio"]:not(:checked)+label,
[type="radio"]:checked+label {
  font-size: 14px;
  color: #6D7278;
  border-width: 1px;
}

[type="radio"]:checked+label:before {
  border-right: 1px solid #1D4481;
  border-bottom: 1px solid #1D4481;
}

[type="radio"]:checked+label:after {
  border: 1px solid #1D4481;
  background-color: #1D4481;
}

[type="radio"]:not(:checked)+label:after {
  border: 1px solid #6D7278;
}

[type="radio"].with-gap.radio-col-blue:checked+label:before,
[type="radio"]:checked+label:after,
[type="radio"].with-gap:checked+label:before,
[type="radio"].with-gap:checked+label:after,
[type="radio"].with-gap.radio-col-blue:checked+label:after {
  border: 1px solid #1D4481;
}

[type="radio"].with-gap.radio-col-blue:checked+label:after {
  background-color: #1D4481;
}

[type="radio"]:not(:checked)+label:before,
[type="radio"]:not(:checked)+label:after {
  border-width: 1px;
}

.btn-upload {
  position: relative;
  overflow: hidden;
}

.btn-upload input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

/* Remove Focus */
.form-control:focus {
  border-color: #5FCCD7;
  outline: 0;
  box-shadow: none;
}

/* Success State */
.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
  color: #5FCCD7;
}

.has-success .form-control {
  color: #5FCCD7;
}

/* Dropdown Menu */
.dropdown-item.active,
.dropdown-item:active {
  background-color: #5FCCD7;
  border-radius: 0px;
}

.dropdown-item.active:hover,
.dropdown-item:active:hover {
  color: #ffffff;
}

.dropdown-menu .active .dropdown-item:hover {
  color: #ffffff;
}

.dropdown-menu .dropdown-item {
  padding: 4px 1rem;
  font-size: 12px;
}

.dropdown-menu .dropdown-item:hover {
  color: #37B6C5;
}

.dropdown-menu .dropdown-item:focus {
  color: #ffffff;
}

/* Custom Dropdown */
.btn-outline-select {
  font-size: 15px;
  border: 1px solid rgba(151, 151, 151, 0.5);
  background-color: #ffffff;
  /* box-shadow: $default-shadow;*/
  transition: 0.2s ease-in;
  color: #929497;
}

.btn-outline-select:hover,
.btn-outline-select:focus,
.btn-outline-select.focus {
  color: #929497;
  border: 1px solid #5FCCD7;
  background-color: #f7f7f7;
  /* box-shadow: $default-shadow-hover;*/
}

.btn-outline-select.active,
.btn-outline-select:focus {
  font-size: 15px;
  /* box-shadow: $default-shadow-hover;*/
}

/* Select Box - Small */
.select-sm {
  padding: 8px 8px !important;
  font-size: 12px;
}

.select-sm.active,
.select-sm:focus {
  font-size: 12px;
}

.select-sm .filter-option {
  padding: 8px 8px !important;
}

/* Upload File */
.dropify-message p {
  text-align: center;
}

/*******************
/* Cards
*******************/
.card .card-title {
  font-size: 21px;
  color: #6D7278;
  letter-spacing: 0;
}

@media (min-width: 992px) {
  .card .card-body-lg {
    padding: 40px 45px;
  }
}

/* Cards - Credit & Assessments */
.card .card-header {
  font-size: 17px;
}

.card-outline-warning .card-header {
  background: #F8CD74;
}

.card-header-custom {
  padding: 13px 10px;
  border-bottom: 1px solid #D7DFE3 !important;
}

.card-header-custom .card-actions a.btn {
  color: #37B6C5;
}

.card-header-custom .card-actions a.btn:hover,
.card-header-custom .card-actions a.btn:focus {
  color: #ffffff !important;
}

.card-header-custom img {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

/* Add Client Credits */
.card-type-standard .card-header {
  background: #F8CD74;
}

.card-type-paygo .card-header {
  background: #87C7FD;
}

.card-type-subscription .card-header {
  background: #AD93F5;
}

.card-type-teal-alt .card-header {
  background: #5FCCD7;
}

/*******************
/* Dashboard
*******************/
/* Widgets */
.css-bar-wrap {
  display: inline-block;
  line-height: 4px;
}

.css-bar-xs {
  width: 46px;
  height: 46px;
  font-size: 8px;
}

.css-bar-xs i {
  width: 34px;
  height: 34px;
  font-size: 16px;
  line-height: 34px;
}

.css-bar-xs:after {
  width: 36px;
  height: 36px;
  margin-left: 5px;
  margin-top: 5px;
  line-height: 37px;
}

/* Card */
.card-primary {
  background: #1D4481;
}

.card-secondary {
  background: #1D93D1;
}

.card-credits .card-title {
  margin-bottom: 0;
}

.card-credits .bootstrap-select .form-control {
  padding: 0;
  min-height: 21px !important;
}

.card-credits .bootstrap-select .btn {
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
}

.card-credits .bootstrap-select .dropdown-toggle {
  height: 24px !important;
  background-color: transparent !important;
  border-color: transparent !important;
  outline: none;
}

.card-credits .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}

.card-credits .bootstrap-select .dropdown-toggle::after {
  display: inline-block;
  vertical-align: 5px;
}

.card-credits .bootstrap-select .dropdown-item.active,
.card-credits .bootstrap-select .dropdown-item:active {
  background-color: #5FCCD7;
  border-radius: 0px;
}

.card-credits .bootstrap-select .dropdown-menu.inner {
  font-size: 12px;
}

/* Test Volume */
@media (min-width: 992px) {
  .test-volume-legend {
    padding-left: 40px;
  }
}

.test-volume-legend i {
  vertical-align: middle;
  display: inline-block;
  font-size: 7px;
}

.test-volume-legend span {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
}

.test-volume .ct-series-a .ct-area {
  fill-opacity: 1;
  fill: url(#g-overall);
}

.test-volume .ct-series-a .ct-line,
.test-volume .ct-series-a .ct-point {
  stroke: #1D4481;
  stroke: rgba(255, 255, 255, 0.5);
  stroke-width: 1px;
  stroke: #617BA4;
}

.test-volume .ct-series-b .ct-area {
  fill: url(#g-pre-built);
  fill-opacity: 1;
}

.test-volume .ct-series-b .ct-line,
.test-volume .ct-series-b .ct-point {
  stroke: #1D93D1;
  stroke: rgba(255, 255, 255, 0.5);
  stroke: #1D93D1;
  stroke-width: 1px;
}

.test-volume .ct-series-c .ct-area {
  fill: url(#g-custom-built);
  fill-opacity: 1;
}

.test-volume .ct-series-c .ct-line,
.test-volume .ct-series-c .ct-point {
  stroke: #37B6C5;
  stroke: rgba(255, 255, 255, 0.5);
  stroke: #0FC5DB;
  stroke-width: 1px;
}

.test-volume .ct-series-a .ct-point,
.test-volume .ct-series-b .ct-point,
.test-volume .ct-series-c .ct-point {
  stroke-width: 6px;
}

/* Notify Clients */
.scroll-select {
  padding: 15px 20px;
  height: 181px;
  overflow-y: scroll;
  background: #f7f7f7;
}

/*******************
/* Modal
*******************/
.modal .modal-title {
  color: #6D7278;
}

.modal .modal-header i {
  font-size: 14px;
  vertical-align: middle;
}

.modal .modal-body {
  padding: 24px;
}

.modal .modal-footer {
  border-top: none;
}

@media (min-width: 992px) {
  .modal .modal-footer {
    padding: 0 24px 24px;
  }
}

/*******************
/* Wizard Form
*******************/
.wizard-content .wizard>.steps>ul>li.current a {
  color: #6D7278;
}

.wizard-content .wizard>.steps>ul>li.current .step {
  border-color: #1D4481;
  color: #1D4481;
}

.wizard-content .wizard>.steps>ul>li.done .step {
  color: #ffffff;
  background: #1D4481;
  border-color: #1D4481;
}

.wizard-content .wizard.wizard-circle>.steps>ul>li:after,
.wizard-content .wizard.wizard-circle>.steps>ul>li:before {
  background-color: #1D4481;
}

.wizard-content .wizard>.actions>ul>li>a[href="#next"],
.wizard-content .wizard>.actions>ul>li>a[href="#finish"] {
  border: 1px solid #1D4481;
}

.wizard-content .wizard>.actions>ul>li.disabled>a,
.wizard-content .wizard>.actions>ul>li.disabled>a:focus,
.wizard-content .wizard>.actions>ul>li.disabled>a:hover {
  color: #929497;
  opacity: .5;
  background: #ffffff;
}

/* btn group */
.btn-group button {
  border-radius: 0px;
  border-color: #CACACA;
}

.btn-group button.active {
  background-color: #E9EAEA !important;
  border-color: #CACACA !important;
  color: #6D7278 !important;
}

.form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #6D7278;
  opacity: .5;
  /* Firefox */
}

/* chart legend */
.chart-legend {
  height: 13px;
  width: 40px;
  display: inline-block;
  margin-right: 10px;
}

.color1 {
  background-color: #f8cd74;
}

.color2 {
  background-color: #87c7fd;
}

.color3 {
  background-color: #ad93f5;
}

/*******************
/* Datatable Customization
*******************/
.table-bordered td,
.table-bordered th {
  border-left: none;
  border-right: none;
}

.table-custom .thumbnail img {
  width: 32px;
  height: 32px;
  border-radius: 40px;
  border: 2px solid #1D4481;
}

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

.table-custom th {
  color: #B6B8BB;
  font-weight: 400;
  font-size: 14px;
}

.table-custom tbody tr td {
  font-size: 13px;
}

.table-custom tbody tr td [type="checkbox"]:not(:checked),
.table-custom tbody tr td [type="checkbox"]:checked {
  position: initial;
  opacity: 1;
  left: auto;
}

.table-custom tbody tr td a {
  font-size: 13px;
}

.table-custom tbody tr td a.table-edit i {
  font-size: 16px;
  color: #37B6C5;
}

.table-custom tbody tr td .badge {
  font-size: 12px;
}

.table-custom .pagination li>a {
  color: #6D7278;
}

.table-custom .pagination li>a:hover {
  color: #6D7278;
  background: rgba(147, 148, 151, 0.1);
}

.table-custom .pagination .page-item.active .page-link {
  background: rgba(147, 148, 151, 0.2);
  border-color: #cacaca;
  color: #6D7278;
}

.table-custom .table-actions a {
  margin-right: 15px;
}

@media (min-width: 992px) {
  .table-custom .table-actions a {
    margin: 0 18px;
  }
}

.table-custom .table-actions a i {
  margin-right: 5px;
  font-size: 14px;
}

.table-responsive {
  //overflow-x: hidden;
}

.custom-accordion .card {
  border: 1px solid #d7dfe3 !important;
  border-radius: 4px !important;
  margin-bottom: 2px !important;
}

.custom-accordion .card .card-header a {
  color: #6D7278;
  font-size: 15px;
  padding: 0;
  font-weight: 400;
}

.custom-accordion .card .card-body {
  font-size: 14px;
  margin: 0;
  padding-top: 0;
  max-width: 50%;
}

@media (min-width: 992px) {
  .custom-accordion .card .card-body {
    padding-left: 40px;
  }
}

/** Tab Color **/
.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
  border-bottom: 2px solid #1D4481;
  color: #1D4481;
  font-size: 16px;
}

.profile-tab li a.nav-link,
.customtab li a.nav-link {
  font-size: 16px;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
  color: #384246;
}

/** modal table **/
.modal th {
  color: #B6B8BB;
  font-size: 14px;
}

.modal table {
  font-size: 14px;
  border: 1px solid #E5E5E5 !important;
}

.modal table td {
  border-color: #E5E5E5 !important;
}

.btn-circle {
  border-radius: 100% !important;
}

/** message Tab **/
.vtabs.customvtab.messagetab {
  border-left: 1px solid rgba(120, 130, 140, 0.13) !important;
  border-right: 0px !important;
}

.messagetab .tabs-vertical li .nav-link.active,
.messagetab .tabs-vertical li .nav-link:hover,
.messagetab .tabs-vertical li .nav-link:focus {
  border-left: 2px solid #37B6C5;
  color: #37B6C5;
  border-right: 0px;
}

.messagetab .tabs-vertical li .nav-link {
  border-radius: 0;
}

.messagetab .tabs-vertical {
  border-right: 0px;
}

/** Message Board **/
.stylish-table.messBoard tbody tr:hover {
  border-left: 4px solid #fc4b6c;
}

/** Table percent **/
.table-score span.r {
  float: right;
}

.table-score th {
  color: #B6B8BB;
  font-size: 14px;
}

.table-score span {
  font-size: 11px;
  text-align: center;
  color: white;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.table-score .result-wrap {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  line-height: 32px;
  border-radius: 100px;
  border: 4px solid #fff;
  text-align: center;
}

.table-score .result-high {
  background: #85D183;
  box-shadow: 0 0 0 5px #85D183;
}

.table-score .result-mid {
  background: #F8CD74;
  box-shadow: 0 0 0 5px #F8CD74;
}

.table-score .result-low {
  background: #F87874;
  box-shadow: 0 0 0 5px #F87874;
}

.table-score .result-na {
  background: #D8D8D8;
  box-shadow: 0 0 0 5px #D8D8D8;
}

/* Donut Chart
canvas#donut{
    height: 500px !important;
    width: 500px !important;
} */
/* Footer Client */
.footer .number {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-top: none;
  border-bottom: none;
  margin: 0 5px;
  padding: 0 10px;
}

@media (min-width: 992px) {
  .cta-paygo .btn {
    font-size: 19px;
    padding: 30 0px;
  }
}

@media (min-width: 992px) {
  .client-cta .btn {
    font-size: 19px;
  }
}

@media (min-width: 992px) {
  .client-cta1 .btn {
    font-size: 18px;
  }
}

/* Owl Carousel Client */
.oc-feature .item {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 4px;
  padding: 30px 20px;
}

.oc-feature .item .feat-icon {
  width: 55px;
  margin-bottom: 30px;
}

.oc-feature .item p.desc {
  font-size: 13px;
}

.oc-feature .owl-stage {
  margin-bottom: 20px;
}

.oc-feature .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.oc-feature .owl-dots button {
  outline: 0;
}

.oc-feature .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.oc-feature .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #37B6C5;
  opacity: 0.5;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.oc-feature .owl-dots .owl-dot.active span,
.oc-feature .owl-theme .owl-dots .owl-dot:hover span {
  background: transparent;
  border: 2px solid #37B6C5;
  opacity: 1;
}

.oc-feature .owl-nav {
  display: none;
}

.oc-feature .owl-nav button {
  outline: 0;
}

.oc-feature:hover .owl-nav {
  display: block;
}

.oc-feature .owl-prev,
.oc-feature .owl-next {
  width: 24px;
  height: 100px;
  position: absolute;
  top: 50%;
  transform: translateY(-70%);
  display: block !important;
  border: 0px solid black;
}

.oc-feature .owl-prev {
  left: -10px;
}

.oc-feature .owl-next {
  right: -10px;
}

.oc-feature .owl-prev i,
.oc-feature .owl-next i {
  font-size: 18px;
  color: #fff;
  background-color: rgba(55, 182, 197, 0.8);
  border-radius: 100px;
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 25px;
  box-shadow: 0 3px 3px rgba(55, 182, 197, 0.3);
}

.steps {
  max-width: 1024px;
  width: 100%;
  margin: 0px auto;
  position: relative;
  display: flex;
  justify-content: center;
}

.steps-progress {
  height: 2px;
  width: 90%;
  background: #dee2e6;
  position: absolute;
  top: 40%;
}

.steps-progress-bar {
  background: #37B6C5;
  height: 2px;
}

/*
* ROUNDED BORDERS
*/
.rounded-0 {
  border-radius: 0px !important;
}

.rounded-top-left-0 {
  border-top-left-radius: 0px !important;
}

.rounded-bottom-left-0 {
  border-bottom-left-radius: 0px !important;
}

.rounded-top-right-0 {
  border-top-right-radius: 0px !important;
}

.rounded-bottom-right-0 {
  border-bottom-right-radius: 0px !important;
}

.rounded-1 {
  border-radius: 1px !important;
}

.rounded-top-left-1 {
  border-top-left-radius: 1px !important;
}

.rounded-bottom-left-1 {
  border-bottom-left-radius: 1px !important;
}

.rounded-top-right-1 {
  border-top-right-radius: 1px !important;
}

.rounded-bottom-right-1 {
  border-bottom-right-radius: 1px !important;
}

.rounded-2 {
  border-radius: 2px !important;
}

.rounded-top-left-2 {
  border-top-left-radius: 2px !important;
}

.rounded-bottom-left-2 {
  border-bottom-left-radius: 2px !important;
}

.rounded-top-right-2 {
  border-top-right-radius: 2px !important;
}

.rounded-bottom-right-2 {
  border-bottom-right-radius: 2px !important;
}

.rounded-3 {
  border-radius: 3px !important;
}

.rounded-top-left-3 {
  border-top-left-radius: 3px !important;
}

.rounded-bottom-left-3 {
  border-bottom-left-radius: 3px !important;
}

.rounded-top-right-3 {
  border-top-right-radius: 3px !important;
}

.rounded-bottom-right-3 {
  border-bottom-right-radius: 3px !important;
}

.rounded-4 {
  border-radius: 4px !important;
}

.rounded-top-left-4 {
  border-top-left-radius: 4px !important;
}

.rounded-bottom-left-4 {
  border-bottom-left-radius: 4px !important;
}

.rounded-top-right-4 {
  border-top-right-radius: 4px !important;
}

.rounded-bottom-right-4 {
  border-bottom-right-radius: 4px !important;
}

.rounded-5 {
  border-radius: 5px !important;
}

.rounded-top-left-5 {
  border-top-left-radius: 5px !important;
}

.rounded-bottom-left-5 {
  border-bottom-left-radius: 5px !important;
}

.rounded-top-right-5 {
  border-top-right-radius: 5px !important;
}

.rounded-bottom-right-5 {
  border-bottom-right-radius: 5px !important;
}

.rounded-6 {
  border-radius: 6px !important;
}

.rounded-top-left-6 {
  border-top-left-radius: 6px !important;
}

.rounded-bottom-left-6 {
  border-bottom-left-radius: 6px !important;
}

.rounded-top-right-6 {
  border-top-right-radius: 6px !important;
}

.rounded-bottom-right-6 {
  border-bottom-right-radius: 6px !important;
}

.rounded-7 {
  border-radius: 7px !important;
}

.rounded-top-left-7 {
  border-top-left-radius: 7px !important;
}

.rounded-bottom-left-7 {
  border-bottom-left-radius: 7px !important;
}

.rounded-top-right-7 {
  border-top-right-radius: 7px !important;
}

.rounded-bottom-right-7 {
  border-bottom-right-radius: 7px !important;
}

.rounded-8 {
  border-radius: 8px !important;
}

.rounded-top-left-8 {
  border-top-left-radius: 8px !important;
}

.rounded-bottom-left-8 {
  border-bottom-left-radius: 8px !important;
}

.rounded-top-right-8 {
  border-top-right-radius: 8px !important;
}

.rounded-bottom-right-8 {
  border-bottom-right-radius: 8px !important;
}

.rounded-9 {
  border-radius: 9px !important;
}

.rounded-top-left-9 {
  border-top-left-radius: 9px !important;
}

.rounded-bottom-left-9 {
  border-bottom-left-radius: 9px !important;
}

.rounded-top-right-9 {
  border-top-right-radius: 9px !important;
}

.rounded-bottom-right-9 {
  border-bottom-right-radius: 9px !important;
}

.rounded-10 {
  border-radius: 10px !important;
}

.rounded-top-left-10 {
  border-top-left-radius: 10px !important;
}

.rounded-bottom-left-10 {
  border-bottom-left-radius: 10px !important;
}

.rounded-top-right-10 {
  border-top-right-radius: 10px !important;
}

.rounded-bottom-right-10 {
  border-bottom-right-radius: 10px !important;
}

.rounded-11 {
  border-radius: 11px !important;
}

.rounded-top-left-11 {
  border-top-left-radius: 11px !important;
}

.rounded-bottom-left-11 {
  border-bottom-left-radius: 11px !important;
}

.rounded-top-right-11 {
  border-top-right-radius: 11px !important;
}

.rounded-bottom-right-11 {
  border-bottom-right-radius: 11px !important;
}

.rounded-12 {
  border-radius: 12px !important;
}

.rounded-top-left-12 {
  border-top-left-radius: 12px !important;
}

.rounded-bottom-left-12 {
  border-bottom-left-radius: 12px !important;
}

.rounded-top-right-12 {
  border-top-right-radius: 12px !important;
}

.rounded-bottom-right-12 {
  border-bottom-right-radius: 12px !important;
}

.rounded-13 {
  border-radius: 13px !important;
}

.rounded-top-left-13 {
  border-top-left-radius: 13px !important;
}

.rounded-bottom-left-13 {
  border-bottom-left-radius: 13px !important;
}

.rounded-top-right-13 {
  border-top-right-radius: 13px !important;
}

.rounded-bottom-right-13 {
  border-bottom-right-radius: 13px !important;
}

.rounded-14 {
  border-radius: 14px !important;
}

.rounded-top-left-14 {
  border-top-left-radius: 14px !important;
}

.rounded-bottom-left-14 {
  border-bottom-left-radius: 14px !important;
}

.rounded-top-right-14 {
  border-top-right-radius: 14px !important;
}

.rounded-bottom-right-14 {
  border-bottom-right-radius: 14px !important;
}

.rounded-15 {
  border-radius: 15px !important;
}

.rounded-top-left-15 {
  border-top-left-radius: 15px !important;
}

.rounded-bottom-left-15 {
  border-bottom-left-radius: 15px !important;
}

.rounded-top-right-15 {
  border-top-right-radius: 15px !important;
}

.rounded-bottom-right-15 {
  border-bottom-right-radius: 15px !important;
}

.rounded-16 {
  border-radius: 16px !important;
}

.rounded-top-left-16 {
  border-top-left-radius: 16px !important;
}

.rounded-bottom-left-16 {
  border-bottom-left-radius: 16px !important;
}

.rounded-top-right-16 {
  border-top-right-radius: 16px !important;
}

.rounded-bottom-right-16 {
  border-bottom-right-radius: 16px !important;
}

.rounded-17 {
  border-radius: 17px !important;
}

.rounded-top-left-17 {
  border-top-left-radius: 17px !important;
}

.rounded-bottom-left-17 {
  border-bottom-left-radius: 17px !important;
}

.rounded-top-right-17 {
  border-top-right-radius: 17px !important;
}

.rounded-bottom-right-17 {
  border-bottom-right-radius: 17px !important;
}

.rounded-18 {
  border-radius: 18px !important;
}

.rounded-top-left-18 {
  border-top-left-radius: 18px !important;
}

.rounded-bottom-left-18 {
  border-bottom-left-radius: 18px !important;
}

.rounded-top-right-18 {
  border-top-right-radius: 18px !important;
}

.rounded-bottom-right-18 {
  border-bottom-right-radius: 18px !important;
}

.rounded-19 {
  border-radius: 19px !important;
}

.rounded-top-left-19 {
  border-top-left-radius: 19px !important;
}

.rounded-bottom-left-19 {
  border-bottom-left-radius: 19px !important;
}

.rounded-top-right-19 {
  border-top-right-radius: 19px !important;
}

.rounded-bottom-right-19 {
  border-bottom-right-radius: 19px !important;
}

.rounded-20 {
  border-radius: 20px !important;
}

.rounded-top-left-20 {
  border-top-left-radius: 20px !important;
}

.rounded-bottom-left-20 {
  border-bottom-left-radius: 20px !important;
}

.rounded-top-right-20 {
  border-top-right-radius: 20px !important;
}

.rounded-bottom-right-20 {
  border-bottom-right-radius: 20px !important;
}

.rounded-21 {
  border-radius: 21px !important;
}

.rounded-top-left-21 {
  border-top-left-radius: 21px !important;
}

.rounded-bottom-left-21 {
  border-bottom-left-radius: 21px !important;
}

.rounded-top-right-21 {
  border-top-right-radius: 21px !important;
}

.rounded-bottom-right-21 {
  border-bottom-right-radius: 21px !important;
}

.rounded-22 {
  border-radius: 22px !important;
}

.rounded-top-left-22 {
  border-top-left-radius: 22px !important;
}

.rounded-bottom-left-22 {
  border-bottom-left-radius: 22px !important;
}

.rounded-top-right-22 {
  border-top-right-radius: 22px !important;
}

.rounded-bottom-right-22 {
  border-bottom-right-radius: 22px !important;
}

.rounded-23 {
  border-radius: 23px !important;
}

.rounded-top-left-23 {
  border-top-left-radius: 23px !important;
}

.rounded-bottom-left-23 {
  border-bottom-left-radius: 23px !important;
}

.rounded-top-right-23 {
  border-top-right-radius: 23px !important;
}

.rounded-bottom-right-23 {
  border-bottom-right-radius: 23px !important;
}

.rounded-24 {
  border-radius: 24px !important;
}

.rounded-top-left-24 {
  border-top-left-radius: 24px !important;
}

.rounded-bottom-left-24 {
  border-bottom-left-radius: 24px !important;
}

.rounded-top-right-24 {
  border-top-right-radius: 24px !important;
}

.rounded-bottom-right-24 {
  border-bottom-right-radius: 24px !important;
}

.rounded-25 {
  border-radius: 25px !important;
}

.rounded-top-left-25 {
  border-top-left-radius: 25px !important;
}

.rounded-bottom-left-25 {
  border-bottom-left-radius: 25px !important;
}

.rounded-top-right-25 {
  border-top-right-radius: 25px !important;
}

.rounded-bottom-right-25 {
  border-bottom-right-radius: 25px !important;
}

.ind-status {
  font-size: 13px;
  color: #929497;
  display: flex;
  align-items: center;
}

.ind-status::before {
  content: ' ';
  width: 15px;
  height: 15px;
  background: grey;
  display: table;
  margin-right: 10px;
  border-radius: 10px;
}

.ind-status.active::before {
  background: #42DF29;
}
.ind-status.neutral::before {
  background: #FFC700;
}
.ind-status.inactive::before {
  background: #F87874;
}
.ind-status.disabled::before {
  background: #f01a13;
}


.ind-wrap {
  max-width: initial;
  width: 100%;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 9;
}

.ind-container {
  width: 150px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.ind-icon {
  width: 80px;
  height: 80px;
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 100px;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  color: #455a64;
}

.ind-icon.current {
  border: 1px solid #37B6C5;
}

.ind-icon.done {
  border: 1px solid #37B6C5;
  background: #37B6C5;
  color: white;
}

.range-dd {
  display: none;
}

.range-dd:hover {
  display: block;
}

#custom-range {
  visibility: hidden;
  position: absolute;
  z-index: 9;
  top: 200px;
}

.custom-range-trigger:hover~.range-dd {
  display: block;
}

.date-range-container {
  position: absolute;
  z-index: 999;
  width: 288px;
  background: #ffffff;
  left: 100%;
  top: 150px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  display: none;
}

.date-range-container.active {
  display: block;
}

.date-range-container table {
  background: #ffffff;
}

.thumb {
  width: 70px;
  height: 70px;
  overflow: hidden;
  background: #edf8fa;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-success {
  width: 100%;
  max-width: 120px;
}

.q-number {
  width: 24px;
  height: 24px;
}

.btn-grp-custom .btn {
  font-size: 13px;
  line-height: 16px;
}

.category-multiselect {
  padding: 16px 10px;
}

.category-multiselect .text {
  margin-left: 34px;
}

.category-multiselect::before {
  content: ' ';
  width: 20px;
  height: 20px;
  border: 1px solid #6D7278;
  display: flex;
  position: absolute;
  background: #ffffff;
  border-radius: 2px;
}

.selected.category-multiselect::before {
  background: #1D4481;
  border: 1px solid #1D4481;
}

.category-multiselect.selected .check-mark {
  margin-right: 0px;
  margin-left: 22px;
  top: 6px !important;
  left: 1px !important;
  color: #ffffff
}

@media (min-width: 992px) {
  .btn-grp-custom {
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .btn-grp-custom {
    margin-top: -40px;
    margin-bottom: 0;
  }
}

@media (max-width: 400px) {
  .btn-grp-custom .btn {
    font-size: 12px;
    margin-top: -1px;
    width: 50%;
    border-radius: 0px;
  }

  .btn-group>.btn-group:not(:first-child),
  .btn-group>.btn:not(:first-child) {
    margin-left: 0;
  }
}

@media (min-width: 1200px) and (max-width: 1280px) {
  .btn-grp-custom {
    display: block;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.btn-grp-custom2 .btn {
  font-size: 13px;
  line-height: 16px;
}

@media (min-width: 992px) {
  .btn-grp-custom2 {
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .div-stats {
    border-left: 1px solid #d7dfe3;
    padding: 0 0 0 30px;
  }
}


@media (max-width: 575px) {
  .ind-icon {
    font-size: 16px;
    width: 50px;
    height: 50px;
  }

  .ind-container span {
    display: none !important;
  }

  .steps-progress {
    top: 50%;
  }

  /* .d-table {
    display: contents !important;
  } */
}

/* .flow-x {
  //overflow-x: scroll ;
  //white-space: nowrap;
} */

.table-data {
  white-space: nowrap;
}

@media (max-width: 767px) {
  .table-data {
    //overflow-x: auto;
  }

  .topbar ul.dropdown-user {
    width: auto;
  }
}

.modal-body {
  //overflow-x: auto;
}


.table thead th,
.table th {
  //border: 1px solid #f3f1f1;
}

.modal {
  //z-index: 9999999999;
}

.table-responsive {
  z-index: 1;
  position: relative;
}




.date-box-div {
  background-color: #f00;
  padding: 2rem;
  position: absolute;
  z-index: 9999;
  top: 40px;
  left: 100px;
}

.user-profile {
  background-size: cover !important;
}

@media (max-width: 575px) {
  .user-profile .profile-img::before {
    display: none;
  }
}

.modal-body .iti {
  display: block !important;
}

.iti {
  display: block !important;
}

.alert-box {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    display: none;
}