@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
body {
  font-family: 'DM Sans' !important;
  background: #fff;
  /* min-height: 75rem; */
  padding-top: 3.2rem;
}

/*Input-Search*/	
 
span {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/*UI Elements*/
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.speech-to-text) {
  margin-left: -0.5rem;
}

.btn-primary{	
background-color: #4B82FA;	
  border-color: #4B82FA;	
}	

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545 !important;
}

.search-field {
  padding: 1rem 1rem 0.5rem 1rem;
}

.instant-alerts .search-field{
  padding: 1rem;
}

.instant-alerts .search-field .search-placeholder{
  padding: 0.375rem 0 0.375rem 0.75rem;
}

.instant-alerts .search-field span{
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
}

.instant-alerts .search-field input{
  padding: 0.375rem 0rem !important;
  color: #67768D;
}

.instant-alerts .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: unset;
}

/*icons center*/
button i {
  font-size: 1rem !important;	
  vertical-align: -0.125rem;
}

.list i {
  margin: 0rem 3.125rem;
}

ul.row.list li {
  list-style: none;
}

.search-field i {
  color: #4B5564;
  font-weight: 200;
}



.left-nav {
  box-shadow: 0rem 0.063rem 0.063rem rgba(0, 0, 0, 0.08), 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.16);
  width: 18rem;
  height: 100vh;
  background: #FFFFFF;
  position: fixed;
  z-index: 2;
  padding-top: 3.75rem;
  left: 0;
  top: 0;
}

.search-field input {
  background: #F0F2F5;
  border-radius: 0rem;
  border: unset;
  padding: 0.375rem;
  font-size: 0.75rem;
}

.search-field textarea {
  background: #F0F2F5;
  border-radius: 0rem !important;
  border: unset;
  padding: 0.375rem;
  font-size: 0.75rem;
}

.search-field .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin: unset;
}

.left-nav-menu-text {
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #67768D;
  padding: 0.625rem 1rem 0.625rem 1rem !important;
}

.left-nav-menu-text:focus {
  box-shadow: unset;
}

.search-field span:not(.admin-icon-only) {
  background: #F0F2F5;
  padding: 0rem 0.563rem;
}

.search-field i {
  color: #4B5564;
  font-size: 0.875rem;
}

.search-field input:focus {
  box-shadow: unset;
  background: #f0f2f5;
}

.search-field textarea:focus {
  box-shadow: unset;
  background: #f0f2f5;
  border: unset !important;
}

/*Form Dropdown*/

.ng-select.form-ng-select .ng-select-container {
  height: 2rem;
  min-height: 2rem;
  border-radius: 0.25rem !important;
  border: 0.063rem solid #E1E6ED;
  padding: 0.375rem 0.75rem;
}
.ng-select.form-ng-select .ng-select-container .ng-value-container{
  padding-left: 0rem !important;
}
.ng-select.form-ng-select .ng-select-container .ng-value-container .ng-input{
  padding-left: 0rem;
  padding-right: 0rem;
  line-height: 1.250rem;
  font-size: 0.875rem;
}
.ng-select.form-ng-select .ng-arrow-wrapper{
  padding-right: 0rem !important;
}
.ng-select.form-ng-select.ng-select-multiple .ng-arrow-wrapper, .ng-select.form-ng-select.ng-select-multiple .ng-clear-wrapper{
  padding-top: 0.1875rem !important;
}

.ng-select.form-ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  font-size: 0.875rem;
}

.ng-select.form-ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  border-radius: 6.25rem;
  background-color: #EDF3FF;
  color: #4B82FA;
  margin-right: 0.25rem;
}

.ng-select.form-ng-select.ng-select-multiple.has-validation.ng-valid.ng-touched .ng-select-container .ng-value-container .ng-value, .ng-select.form-ng-select.ng-select-multiple.has-validation.ng-invalid.ng-touched .ng-select-container .ng-value-container .ng-value {
  margin-bottom: 0.25rem;
}

.ng-select.form-ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  border: unset;
  line-height: 0;
  font-size: 1rem;
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
}

.ng-select.form-ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  padding: 0.125rem 0.5rem 0.125rem 0rem;
}

.ng-select.form-ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: unset;
  color: #0C47C7;
}

.ng-select.form-ng-select .ng-select-container .ng-clear-wrapper {
  text-align: center;
}

.ng-select.form-ng-select .ng-select-container .ng-value-container .ng-input {
  top: 0;
}

.ng-select.form-ng-select .ng-dropdown-panel {
  margin-top: 0.25rem;
  border-radius: 0.5rem;
}

.ng-select.form-ng-select .ng-dropdown-panel .ng-dropdown-panel-items {
  border-radius: 0.5rem;
  max-height: 22.625rem;
}

.ng-select.form-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  padding: 0.5rem 0.75rem;
}

.ng-select.form-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup .ng-option-label {
  font-size: 0.75rem;
  line-height: 1rem;
}

.ng-select.form-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 0.5rem 1rem;
}

.ng-select.form-ng-select.ng-select-single .ng-select-container:hover, .ng-select.form-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background: #EDF3FF;
}

.ng-select.form-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .ng-select.form-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{
  color: #FFFFFF;
  background-color: #4B82FA;
}

.ng-select.form-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label, .ng-select.form-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
  font-weight: 400;
}

.ng-select.form-ng-select.has-validation.ng-valid.ng-touched>.ng-select-container {
  border: 0.125rem solid #36B37E !important;
}

.ng-select.form-ng-select.ng-touched>.ng-select-container>.ng-value-container{
  justify-content: space-between;
}

.ng-select.form-ng-select.has-validation.ng-valid.ng-touched>.ng-select-container .ng-value-container:after {
  content: "\e9b9";
  color: #36b37e;
  font-family: icomoon;
  font-size: 1.125rem;
  line-height: 1.125rem;
}

.ng-select.form-ng-select.has-validation.ng-invalid.ng-touched>.ng-select-container, .ng-select.form-ng-select.has-error.ng-invalid.ng-touched>.ng-select-container {
  border: 0.125rem solid #FF5630 !important;
}

.ng-select.form-ng-select.has-validation.ng-invalid.ng-touched>.ng-select-container .ng-value-container:after, .ng-select.form-ng-select.has-error.ng-invalid.ng-touched>.ng-select-container .ng-value-container:after {
  content: "\f332";
  color: #ff0000;
  font-family: bootstrap-icons;
  font-size: 0.875rem;
  line-height: 0.875rem;
}

.ng-select.form-ng-select.ng-select-multiple.has-validation.ng-touched>.ng-select-container .ng-value-container:after {
  padding: 0 0 0.1875rem 0.1875rem;
}

.ng-select.form-ng-select.has-validation.ng-touched input, .ng-select.form-ng-select.has-error.ng-touched input {
  height: 1.75rem !important;
}

.ng-select.form-ng-select.ng-select-focused>.ng-select-container {
  border: 0.125rem solid #4B82FA !important;
  box-shadow: unset;
  border-radius: 0.25rem !important;
}

.ng-select.form-ng-select.ng-select-single.ng-select-focused>.ng-select-container {
  background: #EDF3FF;
}

.ng-select.form-ng-select .ng-select-container .ng-value-container .ng-input>input:focus{
  border: unset !important;
}

.ng-select.form-ng-select .ng-arrow-wrapper .ng-arrow {
  display: none;
}

.ng-select.form-ng-select span.ng-arrow-wrapper:before {
  content: "\e9c1";
  font-family: icomoon;
  color: #39414D;
}

input:focus, textarea:focus, select:focus {
  box-shadow: unset !important;
  border: 0.125rem solid #4B82FA !important;
}

.border-spec {
  border: unset;
}

li.sub-items a.active {
  border: 2px solid #4B82FA;
  color: #306EF2!important;
  font-weight: 700;
}

li.sub-items a {
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #67768D;
  padding: 0.625rem 0rem 0.625rem 2rem !important;
}

li.sub-items a:hover:not(a.active){
  background: rgba(0, 0, 0, 0.06);
  color: #39414D;
}

.radio-btn label {
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #39414D !Important;
}

.form-check.radio-btn input {
  border: 0.063rem solid #39414D;
  box-shadow: 0rem 0.063rem 0.063rem rgba(0, 0, 0, 0.08), 0rem 0.063rem 0.125rem rgba(0, 0, 0, 0.16);
  border-radius: 0.125rem;
}
.form-check.radio-btn{
  padding-right: 0.75rem!important;
}

.btn-outline {
  font-weight: 700;
  font-size: 0.875rem;
  color: #39414D;
  border: 0.063rem solid #c5d2e7;
  border-radius: 3.125rem;
}

.upload {
  border: 0.063rem solid #e1e6ed;
  background: #fff !important;
  border-radius: 3.125rem;
}

.upload-file input {
  border: unset !important;
  padding-left: 0.5rem !important;
  padding-top: 0.25rem !important;
}

.lbl-icon {
  font-size: 0.938rem;
  vertical-align: -0.188rem;
  color: #67768D;
  margin: -0.063rem;
}

.lbl-icon-info {
  margin-left: 0.375rem;
  font-size: 1.063rem;
}

.dt-img {
  max-height: 12.5rem;
  max-width: 12.5rem;
}

/*Input*/	
.search{	
  position: relative;	
  }	
  .search input{	
   text-indent: 25px;	
   border: 1px solid #E1E6ED !Important;	
  }	
  .search input:focus{	
   box-shadow: none;	
   border: 2px solid #4B82FA !Important;	
  }	
  .search .fa-search{	
   position: absolute;	
   top: 10px;	
   left: 12px;	
   color: #67768D;	
   font-size: 14px;	
  }	
     input{	
         height: 2rem !important;	
     }	
     input:focus{	
             box-shadow: unset !important;	
     }	
     .form-control.is-invalid,	
     .was-validated .form-control:invalid {	
             border-color: #dc3545 !Important;	
     }	
     label.upload1 input#formFileSm {	
             color: transparent;	
             height: 3.063rem !important;
     }	
     input[type=file]::file-selector-button {	
             border: 0.063rem solid #C5D2E7;	
             font-style: normal;	
             font-weight: 700;	
             font-size: 0.875rem;	
             line-height: 1.25rem;	
             color: #39414D;	
             background: unset !important;	
             border-radius: 100rem;	
             color: #39414D;	
     }	
     input[type=file]::file-selector-button.form-control:focus {	
             box-shadow: none;	
     }

input[type=file]::file-selector-button.form-control:focus {
  box-shadow: none;
}

label.form-label sup {
 font-weight: 400;
 font-size: 0.75rem;
 color: #FF5630;
 line-height: 1rem;
 top: 0rem !important;
 margin-left: .25rem
}

label.form-label {
  font-weight: 400;
  font-size: 0.75rem !important;
  color: #67768D;
  line-height: 1rem !important;
}

.form-control {
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.25rem !important;
  line-height: 1.25rem;
  color:  #39414D;
  border: 0.063rem solid #E1E6ED;
}

/* Admin Section */
.admin-content {
  /*
min-height: calc(100vh - 4rem);
*/
  /* position: relative;
  padding: 5.1rem 2rem 0rem 20.063rem; */
  /* margin: 0rem; */
  /* display: flex;
  flex-direction: column; */
}

/*Accordin*/
.accordion-button:not(.collapsed) {
  color: #39414D;
  background-color: #ffffff !Important;
  box-shadow: none;
}

.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 0.875rem;
  transition: transform .2s ease-in-out;
}

.accordion-body a {
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #67768d;
  display: block;
  text-decoration: none;
}

.accordion-body a.active {
  background: #EDF3FF;
  color: #39414D !important;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-danger {
  color: #DE350B !important;
}

/*card*/
.dt-card {
  border: unset;
  border-radius: 0.125rem;
  border: 0.0625rem solid #E1E6ED;
}

.card-body {
  padding: 1.25rem;
}

.card-title {
 font-weight: 700;
 color: #39414d;
 margin-bottom: 0.75rem;
}

/*utilities padding/margin*/
.gy-10{
  --bs-gutter-y: 0.625rem;
}
.gy-16{
  --bs-gutter-y: 1rem;
}
.g-20{
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
}
.g-40{
  --bs-gutter-x: 2.5rem;
  --bs-gutter-y: 2.5rem;
}
.gx-6px{
  --bs-gutter-x: 0.375rem;
}

.gx-32px{
  --bs-gutter-x: 2rem;
}

.g-32px{
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 2rem;
}

.fs-19 {
  font-size: 1.25rem;
  font-weight: 500;
}
.me-20{
  margin-right: 10px;;
}

.fs-20 {
  font-size: 1.25rem !important;
  font-weight: 500;
}

.fs-10 {
  font-size: 0.625rem;
}

.fs-14 {
  font-size: 0.875rem !important;
}

.fs-16 {
  font-size: 1rem !important;
}

.fs-28 {
  font-size: 1.75;
}

.fs-14-imp {
  font-size: 0.875rem !important;
}

.ml-n8 {
  margin-left: -0.5rem;
}

.mr-4 {
  margin-right: 0.25rem;
}
.mr-9 {
  margin-right: 0.55rem;
}

.mr-11 {
  margin-right: 0.6875rem;
}

.mr-13 {
  margin-right: 0.8125rem;
}

.mr-20 {
  margin-right: 1.25rem;
}

.pr-0 {
  padding-right: 0px!important;
}

.pr-12 {
  padding-right: 0.75rem;
}

.pr-20 {
  padding-right: 1.25rem;
}

.pr-n {
  padding-right: 1rem !important;
}

.pl-0 {
  padding-left: 0px!important;
}

.pl-20 {
  padding-left: 1.25rem;
}

.mb-4 {
  margin-bottom: 0.25rem !important;
}

.mb-8 {
  margin-bottom: 0.5rem !important;
}

.mb-16 {
  margin-bottom: 1rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pb-10{
  padding-bottom: 0.625rem;
}

.pb-16 {
  padding-bottom: 1rem !important;
}

/*fonts*/
.fs-18 {
  font-size: 1.125rem;
}

.fs-12 {
  font-size: 0.75rem;
}

/*Typography*/
h1 {
  font-weight: 700;
  font-size: 1.625rem !important;
  line-height: 2rem;
  color: #39414D;
}

h2 {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.75rem;
}

h3 {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
}

h4 {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.display-1 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
}

.display-2 {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.display-3 {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
}

table.display-3 td, thead.display-3 td, tbody.display-3 td {
  font-weight: 400;
  font-size: 0.75rem !important;
  line-height: 1rem;
}

/*Shadows*/
.shadow-2 {
  box-shadow: 0rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.08), 0rem 0.0625rem 0.125rem rgba(0, 0, 0, 0.16);
}

.shadow-4 {
  box-shadow: 0rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.08), 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.16);
}

.shadow-8 {
  box-shadow: 0rem 0.0625rem 0.125rem rgba(0, 0, 0, 0.08), 0rem 0.25rem 0.5rem rgba(0, 0, 0, 0.16);
}

.shadow-12 {
  box-shadow: 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.08), 0rem 0.375rem 0.75rem rgba(0, 0, 0, 0.16);
}

.shadow-16 {
  box-shadow: 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.08), 0rem 0.5rem 1rem rgba(0, 0, 0, 0.16);
}

.shadow-24 {
  box-shadow: 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.08), 0rem 0.75rem 1.5rem rgba(0, 0, 0, 0.16);
}

/*Colorscale*/
/*Green-color*/
.bg-green1 {
  background: #E3FCEF;
}

.bg-green2 {
  background: #ABF5D1;
}

.bg-green3 {
  background: #79F2C0;
}

.bg-green4 {
  background: #57D9A3;
}

.bg-green5 {
  background: #36B37E;
}

.bg-green6 {
  background: #00875A;
}

.bg-green7 {
  background: #006644;
}

/*Teal-color*/
.bg-teal1 {
  background: #E6FCFF;
}

.bg-teal2 {
  background: #B3F5FF;
}

.bg-teal3 {
  background: #79E2F2;
}

.bg-teal4 {
  background: #3DD7F2;
}

.bg-teal5 {
  background: #00B8D9;
}

.bg-teal6 {
  background: #00A3BF;
}

.bg-teal7 {
  background: #008DA6;
}

/*Blue-color*/
.bg-blue1 {
  background: #EDF5FF;
}

.bg-blue2 {
  background: #D1E0FF;
}

.bg-blue3 {
  background: #ADC7FF;
}

.bg-blue4 {
  background: #6B9AFF;
}

.bg-blue5 {
  background: #4B82FA;
}

.bg-blue6 {
  background: #306EF2;
}

.bg-blue7 {
  background: #1F60ED;
}

.bg-blue8 {
  background: #0052CC;
}

/*Purple-color*/
.bg-purple1 {
  background: #F0EDFF;
}

.bg-purple2 {
  background: #DBD4FA;
}

.bg-purple3 {
  background: #C0B6F2;
}

.bg-purple4 {
  background: #998DD9;
}

.bg-purple5 {
  background: #8777D9;
}

.bg-purple6 {
  background: #6554C0;
}

.bg-purple7 {
  background: #5243AA;
}

/*Red-color*/
.bg-red1 {
  background: #FFEBE6;
}

.bg-red2 {
  background: #FFBDAD;
}

.bg-red3 {
  background: #FF8F73;
}

.bg-red4 {
  background: #FF7452;
}

.bg-red5 {
  background: #FF5630;
}

.bg-red6 {
  background: #DE350B;
}

.bg-red7 {
  background: #BF2600;
}

/*Orange-color*/
.bg-orange1 {
  background: #FFFAE6;
}

.bg-orange2 {
  background: #FFF0B3;
}

.bg-orange3 {
  background: #FFE380;
}

.bg-orange4 {
  background: #FFC400;
}

.bg-orange5 {
  background: #FFAB00;
}

.bg-orange6 {
  background: #FF9A1F;
}

.bg-orange7 {
  background: #FF8B00;
}

.bg-gray1 {
  background: #F0F2F5;
}

/*rounded Corners*/
.rounded-1 {	
  border-radius: 0.125rem !important;	
}	
.rounded-2 {	
  border-radius: 0.25rem !important;	
}	
.rounded-3 {	
  border-radius: 0.5rem !important;	
}	
.rounded-pill {	
  border-radius: 6.25rem !important;	
}

.border-radius-top-2 {
  border-radius: 0.125rem 0.125rem 0rem 0rem !important;	
}

.border-radius-bottom-2 {
  border-radius: 0rem 0rem 0.125rem 0.125rem !important;	
}

/*Input outline*/
.outline-dark {
  border: 0.063rem solid #E1E6ED;
}

/*Multi-select menu*/
.multi-menu{
  width: 14rem;
}

input:checked {
  background-color: #0d6efd;
  border: 0.063rem solid #4B82FA !important;
  width: 0.781rem !important;
  height: 0.781rem !important;
  border-radius: 0.25rem !important;
}


radio:checked {
  background-color: #0d6efd;
  border: 0.063rem solid #4B82FA !important;
  width: 0.781rem !important;
  height: 0.781rem !important;
  border-radius: 0.25rem !important;
}

/*Check-box*/
label {
  display: inline-block;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #39414D;
}
.form-check-input:checked {
  background: #4B82FA;
  width: 0.75rem !important;
  height: 0.75rem !important;
}

.form-check-input {
  height: 0.75rem;
  width: 0.75rem;
  margin-top: 0.438rem;
  border: 0.063rem solid #39414d;
  border-radius: 0.25rem !important;
}
.form-check-input:disabled {
  color: #8FA0BA;
  width: 0.75rem !important;
  height: 0.75rem !important;
}

/*Radio*/
input#flexRadioDefault1 {
  border-radius: 50% !important;
}

/*Tabs*/	
  /*.tabs-btn {	
      font-weight: 700 !important;	
    font-size: 1rem;	
    line-height: 1.25rem;	
    color: #67768D !important;	
}	
.tabs-btn.active {	
      font-weight: 700 !important;	
    font-size: 1rem;	
    line-height: 1.25rem;	
    color: #4B82FA !important;	
      background: #EDF3FF !important;	
    border-bottom: 0.125rem solid #6B9AFF !important;	
      border-radius: 0rem;	
}	
.tabs-btn-color {	
    font-weight: 700 !important;	
    font-size: 1rem;	
    line-height: 1.25rem;	
    color: #67768D !important;	
    padding: 0.625rem;	
}	
.tabs-btn-color.active {	
    font-weight: 700;	
    font-size: 1rem;	
    line-height: 1.25rem;	
    color: #4B82FA !important;	
    padding: 0.625rem;	
      border-bottom: 0.125rem solid #4B82FA !important;	
      background-color: unset !important;	
    border-radius: 0rem !important;	
}*/
.tabs-btn-color {
  font-weight: 700 !important;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #67768D !important;
  padding: 0.625rem;
  height: 3.5rem !important;
  border-top-right-radius: 0.125rem;
  border-top-left-radius: 0.125rem;
}
.active .tabs-btn-color {
  color: #4B82FA !important;  
}
.tabs-btn-color:hover {
  background: #EDF3FF !important;
  color: #4B82FA !important;
}
.tabs-btn-color i:hover {
  color: #4B82FA !important;
}

/*Tables*/

.table-text{
margin-right: 0.75rem;
}
.table-filter{
  background: #e1e6ed !important;
  height: auto !important;
}

i.bi-caret-up-fill {
  top: 0.125rem;
  color: #39414D !important;
  font-size: 0.5rem;
}

i.bi-caret-up-fill.selected{
  color: #4B82FA !important;
  top: 0.125rem;
  font-size: 0.5rem;
}

i.bi-caret-down-fill {
  position: relative;
  left: -0.7rem;
  top: 0.75rem;
  color: #39414D !important;
  font-size: 0.5rem;
}

i.bi-caret-down-fill.selected{
  color: #4B82FA !important;
  position: relative;
  left: -0.7rem;
  top: 0.75rem;
  font-size: 0.5rem;
}

.arrows {
  position: relative;
  bottom: 0.5rem;
  left: 0rem ;
}
thead.tabular-sec tr {
  background: #e1e6ed;
}

.table-link td a:hover:not(.edit_order_bucket) {
  text-decoration: underline !important;
}

a.edit_order_bucket.hover-color:hover{
  color: #4B82FA;
}

.route_locked a.edit_order_bucket{
  pointer-events: auto !important;
}

.table-link td a {
  text-decoration: none !important;
}

/*Pagination*/
.page-item:first-child .page-link,
.page-item:last-child .page-link,
.page-link.more {
  padding: 0.313rem 0.656rem  !important;
}

.page-link {
  color: #4B82FA;
  padding: 0.313rem 0.656rem  !Important;
  line-height: 1.25rem;
}

.page-link:hover {
  background: rgba(0, 0, 0, 0.06);
}

.page-link:focus {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.12);
  border: 0.063rem solid #4B82FA;
  color: #8FA0BA;
}

.page-link:disabled {
  background: #8FA0BA;
}

.page-link i {
  font-size: 18px;
  display: inline-block;
  vertical-align: -2px;
}

.page-link-text:hover {
  background: rgba(0, 0, 0, 0.06);
}

.page-link-text:focus {
  background: rgba(0, 0, 0, 0.12);
  border: 0.063rem solid #4B82FA;
  color: #8FA0BA;
}

.page-link-text:active {
  background: #4B82FA;
  border: 0.063rem solid #4B82FA;
  color: #fff;
}

.page-item.active .page-link {
  border-radius: 0rem !important;
}
.pagination-select {
  width: 7rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #67768D;
  float: right;
}
.pagination-info {
  font-size: 0.875rem;
  margin-top: 0.375rem;
  float: right;
  margin-right: 1rem;
  color: #000000;
}


/*Accordians*/
.collapsed:not(.navbar-toggler) {
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #67768D;
  height: 2.5rem;
  padding: 0.625rem 1rem !important;
}
.accordion
.accordion-button:not(.collapsed) {
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #67768D;
  height: 2.5rem;
}
.accordion-button:hover:not(#expandAllButton) {
  background: rgba(0, 0, 0, 0.06);
}
/* .accordian-bg-color:hover {
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #39414D;
  background: rgba(0, 0, 0, 0.06);
} */
.accordian:focus {
  background: rgba(0, 0, 0, 0.06);
  border: 0.125rem solid #4B82FA !important;
}
.accordian-bg-color:disabled {
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #8FA0BA;
  background: unset !Important;
  border: unset !important;
}
.accordian.disabled:hover {
  border: unset !important;
}
.accordian.active {
  background: rgba(0, 0, 0, 0.06);
}

/*Accordian-subitem*/	
.accordian-sub-item {	
  font-style: normal;	
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  color: #67768D;	
height: 2.5rem;	
}	
.accordian-sub-item:hover {	
  background: rgba(0, 0, 0, 0.06);	
  height: 2.5rem;	
}
.accordian-sub-item:focus {
  border: 0.125rem solid #4B82FA !Important;
}
.accordion-sub-item.active:focus {
  border: 0.125rem solid #4B82FA !Important;
   background: #EDF3FF !Important;
}	
.accordion-sub-item.active{	
 background: #EDF3FF !Important;	
 border-left: 0.188rem solid #4B82FA !Important;	
 height: 2.5rem;	
}	
.accordion-sub-item.border-spec{
  border: unset !important;
}
/* .accordion-sub-item:focus{	
 border: 0.125rem solid #4B82FA !Important;	
 background: #EDF3FF !Important;	
}	 */
.accordion-sub-item:disabled{	
font-style: normal !Important;	
font-weight: 400 !Important;	
font-size: 0.875rem !Important;	
color: #8FA0BA !Important;	
}

.accordion-sub-item.disabled:hover {
  border: unset !important;
}
/*Tooltip*/
.tooltip {
  z-index: 1030;
}
.tooltip-inner {
  background: #39414D;
  border-radius: 0.25rem;
  padding: 0.75rem;
  font-family: 'DM Sans';
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #39414D !important;
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #39414D !important;
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #39414D !important;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #39414D !important;	
}	
.bs-tooltip-top{	
 margin-bottom: 0.25rem !important;	
}	
.bs-tooltip-end{	
 margin-left: 0.25rem !important;	
}	
.bs-tooltip-bottom{	
 margin-top: 0.25rem !important;	
}	
.bs-tooltip-start{	
 margin-right: 0.25rem !important;	
}
.tooltip-scrollable {
max-height: 25rem;
overflow-y: scroll;
margin: -0.75rem;
padding: 0.75rem;
}

.tooltip-scrollable::-webkit-scrollbar {
width: 0.25rem;
}

/*Chip*/

.chip {	
  background: #EDF3FF;	
  font-family: 'DM Sans';	
  font-style: normal;	
  color: #4B82FA;	
  display: inline-block;	
  font-weight: 400;	
  cursor: pointer;	
  transition: all .3s linear;	
  font-size: 0.875rem !important;	
  line-height: 1.25rem !important;	
  height: 1.5rem;
  padding: 0.125rem 0.5rem;
  margin-left: 0.25rem;
}	
.icon-close:hover{
  color: #0C47C7;
}
.chip .icon-close {	
  font-size: 0.875rem !important;	
  /* margin-right: 0.25rem;	 */
}	
.chip .icon-document--blank {	
  font-size: 0.875rem !important;	
  /* margin-right: 0.25rem;	 */
}

/*Spinners*/

/*Spinners*/

.spinner-border {
  display: inline-block;
  width: 8rem;
  height: 8rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: .75s linear infinite spinner-border;
  animation: 8s linear infinite spinner-border;
}

.spinner-border {
  border-bottom-color: rgba(240, 242, 245, 1);
  border-top-color: rgba(75, 130, 250, 1);
  border-left-color: rgba(240, 242, 245, 1);
  border-right-color: rgba(75, 130, 250, 1);
  border-width: 0.5rem;
}
.spinner-text{
  font-style: normal;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.75rem;
  color: #4B5564;
}

/*scroll-bar*/

.sm-scroll {
  display: flex;
  background: #67768D !important;
  border-radius: 6.25rem;
  width: 10.054rem;
  height: 0.5rem;
}

.Scroll-bar {
  display: flex;
  height: 0.5rem;
  background: #d8dee7;
  border-radius: 6.25rem;
  width: 29.938rem;
}

/*Check-box*/
label {
  display: inline-block;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #39414D;
}
.form-check-input:checked {
  background: #4B82FA;
  width: 0.75rem !important;
  height: 0.75rem !important;
}

.form-check-input {
  width: 0.75rem !important;
  height: 0.75rem !important;
  border: 0.063rem solid #39414D;
}
.form-check-input:disabled {
  color: #8FA0BA;
  width: 0.75rem !important;
  height: 0.75rem !important;
}

/*Radio*/

.form-check-input[type=radio] {
  border-radius: 50% !important;
  height: 0.875rem !important;
  width: 0.875rem !important;
}
.form-check-input:checked[type=radio] {
  border-radius: 50% !important;
  border: 0.0625rem solid #4B82FA !Important;
  background: radial-gradient(circle, #4B82FA 30%, white 40%);
  /* background: #fff !important; */
}

.form-check-input:checked[type=radio]:hover {
  border-radius: 50% !important;
  border: 0.0625rem solid #1F60ED !Important;
  background: radial-gradient(circle, #1F60ED 30%, white 40%);
  /* background: #fff !important; */
}

.form-check-input[type=radio]:hover {
  border: 0.0625rem solid #000000 !important;
}

.form-check-input[type=checkbox] {
  border: 0.0625rem solid #39414d !important;
  border-radius: 0.125rem !important;
}
.form-check-input[type=checkbox]:hover {
  border: 0.0625rem solid #000000 !important;
}
.form-check-input:checked[type=checkbox]:hover {
  background-color: #1F60ED !important;
}
input#flexRadioDefault1 {
  border-radius: 50% !important;
}
select option {
  font-family: "DM Sans", Arial;
  background: #FFFFFF;
}
/*Modal*/

.modal-btns{
margin-top: 2rem;
}

.modal-sm {
  max-width: 18.75rem !important;
  max-height: 48% !important;
  margin: 0 auto;
  height: 30rem !important;
}
.modal-df{
  max-width: 31.25rem;
  max-height:60%;
  margin-right: 20%;
}
.modal-lg{
  max-width: 50rem;
  max-height:80%;
  padding: 1.25rem;
}
.modal-xl{
  max-width: 71.25rem;
  max-height:96%;
  margin-right: 20%;
}
.modal-scroll{
overflow-y: scroll;
  padding-left: 0.75rem !important;
}


/*Dropdown*/

.btn-dropdown{
  border: 0.063rem solid #E1E6ED !important;
  box-sizing: border-box;
  border-radius: 0.25rem;
  text-align: left;
  padding: 0.375rem 0rem 0.375rem 0.75rem;
  background: unset;
  width: 100% !important;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4B5564;
  width: 100% !important;
  
}
.btn-dropdown:hover{
  border: 0.125rem solid #4B82FA !important;
  box-sizing: unset;
  border-radius: 0.25rem;
  text-align: left;
  padding: 0.375rem 0rem 0.375rem 0.75rem;
  background: unset;
  width: 100% !important;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4B5564;
  outline: unset;
  
}
.btn-dropdown.active{
  background: #4B82FA !important;
  color: #fff !Important;
}
.btn-dropdown:disabled{
  background: #E1E6ED !important;
  color: #8FA0BA !Important;
}

.dropdown-toggle::after {
  display: inline-block;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-menu.dropdown-menu-end.py-0.show {
  background: #FFFFFF;
  box-shadow: 0rem 0.125rem 0.25rem rgb(0 0 0 / 8%), 0rem 0.5rem 1rem rgb(0 0 0 / 16%);
  border-radius: 0.5rem;
  border: unset;
  margin-bottom: 0.25rem !important;
  width: 17.25rem;
  padding: 1rem 0rem !important;
  left: 0rem !important;
  position: absolute !important;
  margin-top: 0.25rem !important;
  
}
.dropdown-menu[data-bs-popper]{
  margin-top: 1rem !important;
}
.dropdown-item {
  display: block;
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem !important;
  line-height: 1.25rem;
  color: #4B5564;
  padding: 0.5rem !important;
}
.dropdown-item:focus {
  color: #4B5564;
  background: #EDF3FF !important;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.dropdown-item:hover {
  color: #4B5564;
  background: #EDF3FF !important;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.dropdown-heading {
  font-weight: 400;
  font-size: 0.75rem !important;
  line-height: 1rem;
  color: #8FA0BA !important;
  text-decoration: unset;
  padding: 1rem 0rem 0.313rem 0.75rem;
}

.mt-16.dropdown-menu.show:not(.dt-nav-dropdown-menu) {
  position: absolute;
  left: -1.375rem;
  margin-top: 0.875rem !important;
  padding: 0px;
}

/*List-Group*/
.list-group {
  /* z-index: 2; */
  color: #39414D;
  background-color: #e1e6ed;
  border-color: #E1E6ED;
  padding: 0.875rem 0rem 0.875rem 1rem;
  border-radius: 0.125rem 0.125rem 0rem 0rem;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 1.25rem;
  color: #39414D;
  font-size: 0.875rem;
}

.list-group-item.active {
  z-index: 2;
  color: #4B5564;
  background: #ADC7FF;
  border-color: #E1E6ED;
}
li.list-group-item:hover {
  background: #EDF3FF;
  color: #39414D;
}
li.list-group-item {
  padding: 0.875rem 0rem 0.875rem 1rem;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  align-items: center;
  color: #39414D;
  border: 0.063rem solid #E1E6ED;
}

/*Note*/

.note{
  background: #F5F7FA;
  border-radius: 0.25rem;
}
.note-text{
  padding: 0.75rem 1rem;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  overflow-y: auto;
  width: 28.75rem;
  height: 8rem;
}

/*Scroll-bar*/

.scrollbar-v {
  height: 12.75rem;
  width: 10.063rem;
  overflow-y: scroll;
}
.scrollbar-h{
 overflow-x:scroll;
 width: 18.75rem;
 white-space:nowrap
}

.scrollbar-table-h{
overflow-x:auto;
width: 100%;
white-space:nowrap
}

.scrollbar-table-v{
  overflow-y:auto;
  width: 100%;
  white-space:nowrap
}

.text-scroll {
  width: auto;
  height: 3rem;
  position: relative;
  left: -3.125rem;
}


/*icons*/

.ibm-normal{
 color: #39414d;
 padding: 0.453rem;
}
.ibm-normal:hover{
 background: rgba(0, 0, 0, 0.06);
 border-radius: 0.25rem;
 color: #4B82FA;
}
.ibm-normal.active{
  background: #4B82FA;
  border-radius: 0.25rem;
  color: #fff;
}
.disabled{
  color: #8FA0BA !important;
}
.disabled:hover{
  background: unset !important;
}
.ibm-primary{
  color: #4B82FA;
}
.ibm-danger{
  color: #FF5630;
  padding: 0.453rem;
}
.ibm-danger:hover{
  background: rgba(0, 0, 0, 0.06);
  border-radius: 0.25rem;
  color: #FF5630;
}
.ibm-danger.active{
  background: #FF5630;
  border-radius: 0.25rem;
  color: #fff;
}
.ibm-success{
  color: #36B37E;
  padding: 0.453rem;
}
.ibm-success:hover{
  background: rgba(0, 0, 0, 0.06);
  border-radius: 0.25rem;
  color: #36B37E;
}
.ibm-success.active{
  background: #36B37E;
  border-radius: 0.25rem;
  color: #fff;
}
.intent-success{
  background: #132045;
}
.ibm-intent-success{
  color: #fff;
  padding: 0.453rem;
  display: inline-block;
}
.ibm-intent-success:hover{
  background: rgba(255, 255, 255, 0.16);
  border-radius: 0.25rem;
  color: #ffffff;
  display: inline-block;
}
.ibm-intent-success.active {
  background: #4B82FA;
  border-radius: 0.25rem;
  color: #fff;
  display: inline-block;
}



/*Tables-section*/

.tabular-sec th {
  /* padding: 0.875rem; */
  padding: 0.75rem 1rem!important;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #39414D;
  background: #E1E6ED !important;
  height: 3rem;
  white-space: nowrap;
}
thead.tabular-sec td {
  background: #E1E6ED !important;
}
.tabular-sec tr:hover {
  background: rgba(0, 0, 0, 0.06) !important;
}
.tabular-sec td {
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem !important;
  line-height: 1.25rem;
  color: #39414D;
  border-bottom: 1px solid #E1E6ED;
  padding: 0.875rem 1rem!important;
  vertical-align: middle;
  white-space: nowrap;
}
.tabular-sec td:first-child:not(.dotted_border){
  width: 3.46875rem !important;
}
.tabular-sec th:first-child:not(.dotted_border){
  width: 3.46875rem !important;
}
.tabular-sec .form-check-input {
  height: 0.938rem !important;
  width: 0.938rem !important;
  border: 0.063rem solid #39414d;
}
.tabular-sec .form-check-input:checked{
    border: 0.063rem solid #4B82FA !important;
}
.tabular-sec .form-check-input[type=radio]  {
  height: 0.875rem !important;
  width: 0.875rem !important;
}
.tabular-sec th .form-check-input {
  color: #fff !important;
  /* border: 0.063rem solid #39414D !important;
background: #e1e6ed; */
}
.tabular-sec td .form-check-input {
  color: #fff !important;
}
.btn-table-dropdown{
  border: 0.063rem solid #E1E6ED;
  border-radius: 0.25rem;
  background: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem !Important;
  line-height: 1.25rem;
  padding: 0.375rem 0.75rem 0.375rem 0.75rem;
  color: #67768D;
  height: 2rem;
  width: 100%;
}
.btn-table-dropdown-show {
  width: 30% !Important;
}

.tabular-btn{
  border: 0.063rem solid #222;
font-style: normal;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.25rem;
color: #39414D;
border: 0.063rem solid #C5D2E7;
}
.tabular-btn-go{
  border: 0.063rem solid #222;
font-style: normal;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.25rem;
color: #4B82FA;
border: 0.063rem solid #4B82FA;
}
.tabular .form-label {
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem !important;
  line-height: 1.25rem;
  color: #39414D;
}

/*opacity*/
.opacity-dark{
background: #FFFFFF;
}
.opacity-dark6{
background: rgba(0, 0, 0, 0.06);
}
.opacity-dark12{
background: rgba(0, 0, 0, 0.12);
}
.opacity-dark18{
background: rgba(0, 0, 0, 0.18);
}
.opacity-dark24{
background: rgba(0, 0, 0, 0.24);
}

.opacity-light{
background: rgba(9, 30, 66, 1);
color: #fff;
}
.opacity-light8{
background: rgba(9, 30, 66, 0.08);
}
.opacity-light16{
background: rgba(9, 30, 66, 0.16);
}
.opacity-light24{
background: rgba(9, 30, 66, 0.24);
}
.opacity-light32{
background: rgba(9, 30, 66, 0.32);
}

/*Data Visualization*/

.text-color-v1{
background: rgba(110, 141, 222, 1);
color: #FFFFFF;
}
.text-color-v2{
background: rgba(87, 194, 214, 1);
color: #091E42;
}
.text-color-v3{
background: rgba(255, 143, 118, 1);
color: #FFFFFF;
}
.text-color-v4{
background: rgba(255, 204, 101, 1);
color: #091E42;
}
.text-color-v5{
background: rgba(165, 154, 221, 1);
color: #FFFFFF;
}
.text-color-v6{
background: rgba(94, 190, 149, 1);
color: #091E42;
}
.text-color-v7{
background: rgba(222, 217, 93, 1);
color: #091E42;
}
.text-color-v8{
background: rgba(141, 188, 231, 1);
color: #091E42;
}
.text-color-v9{
background: rgba(191, 123, 131, 1);
color: #091E42;
}
.text-color-v10{
background: rgba(223, 162, 244, 1);
color: #091E42;
}

/*Service units*/

.text-color-s1{
background: rgba(254, 78, 196, 1);
color: #ffffff;
}
.text-color-s2{
background: rgba(54, 179, 126, 1);
color: #ffffff;
}
.text-color-s3{
background: rgba(0, 184, 217, 1);
color: #ffffff;
}
.text-color-s4{
background: rgba(31, 96, 237, 1);
}
.text-color-s5{
background: rgba(135, 119, 217, 1);
}
.text-color-s6{
background: rgba(255, 86, 48, 1);
}
.text-color-s7{
background: rgba(255, 171, 0, 1);
color: #ffffff;
}
.text-color-s8{
background: rgba(131, 232, 115, 1);
color: #ffffff;
}
.text-color-s9{
background: rgba(255, 236, 63, 1);
color: #ffffff;
}
.text-color-s10{
background: rgba(103, 118, 141, 1);
}

/*Backgrounds*/

.primary-background{
background: #4B82FA !important;
}
.primary-text{
color: #1F60ED !important;
}
.danger-background{
background: #DE350B !important;
}
.danger-text{
color: #DE350B !important;
}
.success-background{
background: #00875A !important;
}
.success-text{
color: #00875A !important;
}
.warning-background{
background: #FFAB00 !important;
}
.warning-text{
color: #FFAB00 !important;
}
.neutral-background{
background: #39414D !important;
}
.neutral-text{
color: #39414D !important;
}

/*Alerts*/

.alert{
padding: 1rem;
}

.alert-primary{
background: #EDF3FF;
border-radius: 0.25rem;
border: unset !Important;
}
.alert-primary:hover{
background: #D1E0FF;
}
.alert-primary1:hover{
background: #D1E0FF;
}

.alert-primary-text-color{
color: #0C47C7;
font-weight: 400;
font-size: 1rem;
line-height: 1.25rem;
}
.alert-primary-icon-color{
color: #0C47C7 !Important;
font-size: 1rem !Important;
}

.alert-secondary{
background: #EDF3FF;
border-radius: 0.25rem;
border: unset !Important;
}
.alert-secondary:hover{
background: #D1E0FF;
}
.alert-secondary1:hover{
background: #D1E0FF;
}

.alert-secondary-text-color{
  color: #39414D;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
}
.alert-secondary-icon-color{
color: #39414D !Important;
font-size: 1rem !Important;
}
.alert-warning{
background: #FFFAE6;
border-radius: 0.25rem;
border: unset !Important;
}
.alert-warning:hover{
background: #FFF0B3;
border-radius: 0.25rem;
}
.alert-warning1:hover{
background: #FFF0B3;
}

.alert-warning-text-color{
color: #39414D;
font-weight: 400;
font-size: 1rem;
line-height: 1.25rem;
}
.alert-warning-icon-color{
color: #FF8B00 !Important;
font-size: 1rem !Important;
}

.alert-danger{
background: #FFEBE6;
border-radius: 0.25rem;
border: unset !Important;
color: #BF2600;
}
.alert-danger:hover{
background: #FFBDAD;
}
.alert-danger1:hover{
background: #FFBDAD;
}

.alert-danger-text-color{
color: #BF2600;
font-weight: 400;
font-size: 1rem;
line-height: 1.25rem;
}
.alert-danger-icon-color{
color: #BF2600 !Important;
font-size: 1rem !Important;
}
.alert-success{
background: #E3FCEF;
border-radius: 0.25rem;
border: unset !Important;
}
.alert-success:hover{
background: #ABF5D1;
}
.alert-success1:hover{
background: #ABF5D1;
}

.alert-success-text-color{
color: #006644;
font-weight: 400;
font-size: 1rem;
line-height: 1.25rem;
}
.alert-success-icon-color{
color: #006644 !Important;
font-size: 1rem !Important;
}

.toast-message {
  word-wrap: break-word;
  color: #0c450c;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
  top: 12px;
  right: 12px;
  box-shadow: 0 0 12px #999999;
  width: 205px;
}

.toast-success {
  background-color: #9cfbce;
  border-radius: 0.25rem;
  border: unset !Important;
  padding: 1rem;
}

/* added for pagination */
.pt-5 {
  padding-top:0.5rem;
}

.pt-6 {
  padding-top: 0.375rem;
}

.pr-10 {
  padding-right: 0.625rem !important;
}

.pr-14{
  padding-right: 0.875rem !important;
}

.pt-12 {
  padding-top: 0.75rem;
}

.pt-16 {
  padding-top:1rem !important;
}

.pl-12 {
  padding-left: 0.75rem;
}

.pr-12 {
  padding-right: 0.75rem;
}

.pl-16 {
  padding-left:1rem;
}

.pl-24{
  padding-left: 1.5rem;
}

.pr-16 {
  padding-right:1rem;
}

.pt-20{
  padding-top: 1.25rem;
}

.pt-96{
  padding-top: 6rem;
}
.pb-16{
  padding-bottom: 1rem;
}

.pb-12{
  padding-bottom: 0.75rem;
}

.mx-16{
  margin-left: 1rem;
  margin-right: 1rem;
}

/* added for copy button */

.mt-10 {
  margin-top: 0.625rem;
}

.content {
  margin-top: 3.4rem;
}

.pull-right {
  text-align: right;
}

.text-grey {
  color: #67768D;
}

.br-grey {
  border-right-color: #eff2f5 !important;
}

/*Orders Table*/

.table-dark-grey th{
  background: #e1e6ed !important;
}

.table-dark-grey tbody{
  border-color: #e1e6ed !important;
}
table .bg-bfee90{
  background-color: #bfee90 !important;
}
.text-area-draggable-disable {
resize: none;
}

.max-content{
  width: max-content !important;
}

.icon-camera {
  color: #8993A4;
  font-size: 1rem;
}
.icon-camera.active {
  color: #FF9A1F;
  font-size: 1rem;
}
.note-icon {
  color: #8993A4;
  font-size: 1rem;
  padding-right: 0.5rem;
}
.note-icon.active {
  color: #FF9A1F;
}
.instant-alerts {
  margin-top: 0.3rem;
  max-width: 100%;
  margin-bottom: 2.625rem;
}

.instant-alerts .contacts-side-nav {
  min-width: 18rem;
  height: 49rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.16);
}

.instant-alerts .all-contacts{
  margin-top: 1.063rem;
  margin-bottom: 1.25rem;
}

.instant-alerts .contact-info {
  padding: 0.875rem 0rem;
}

.instant-alerts .all-contacts .heading{
  width: 5.25rem;
  height: 1.25rem;
  font-weight: 700;
  font-size: 0.875rem;
  color: #4B82FA;
}

.instant-alerts .all-contacts .bi-person{
  color: #FFFFFF;
  padding: 0.655rem 0.815rem;
  background: #4B82FA;
  border-radius: 50%;
}

.instant-alerts .contact .bi-person{
  color: #FFFFFF;
  padding: 0.655rem 0.815rem;
  background: #E1E6ED;
  border-radius: 50%;
  color: #8FA0BA;
  position: relative;
  bottom: 9px;
}

.instant-alerts .contact .contact-name {
  margin-bottom: 0.125rem !important;
  font-weight: 700;
  font-size: 0.875rem;
  color: #4B5564;
}

.instant-alerts .contact .activity {
  font-weight: 400;
  font-size: 0.75rem;
  color: #8FA0BA;
}

.instant-alerts .line {
  margin: 0rem;
  border: 0.5px solid #C5D2E7;
  height: 0rem;
}

.instant-alerts .contact-details {
  padding: 2rem;
  padding-bottom: 0rem !important;
}

.instant-alerts .contact-details .heading {
  font-weight: 700;
  font-size: 1.625rem;
  color: #39414D;
}

.instant-alerts .contact-details .message-history {
  height: 38.75rem;
  background: #F5F7FA;
  border-radius: 2px 2px 0px 0px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.16);
}

.instant-alerts .contact-details .message-box {
  display: flex;
  background: #FFFFFF;
  border-radius: 0px 0px 2px 2px;
  padding: 1.5rem 1rem 1.5rem 1.375rem;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.16);
}

.instant-alerts .contact-details .message-box .search-input {
  height: 1.25rem !important;
  padding-top: 0.375rem;
}

.instant-alerts .contact-details .message-box input {
  border: none;
  font-size: 1rem;
  height: 1.25rem !important;
}

.instant-alerts .contact-details .message-box button {
  width: 4.938rem;
  height: 2rem;
  background: #4B82FA;
  border-radius: 6.25rem;
  color: #FFFFFF;;
}

.instant-alerts .contact-details .message-panel {
  padding-top: 0.5rem;
}

.instant-alerts .icon-arrow-right2 {
  font-size: 0.7rem !important;
  padding-right: 0.375rem;
}

.instant-alerts .contact-list {
  overflow: auto;
  height: 43rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.fit-content {
width: fit-content;
}

.mw-fit-content {
  max-width: fit-content;
}

.border-none {
  border: none;
}

/* custom field related styles */
.custom-fields-card{
  
  background: #FFFFFF;
  border: 1px solid #C5D2E7;
  
}
.custom-fields-card ul {
  list-style:none;
}

.ml-20 {
  margin-left: 1.25rem;
}

.ml-24 {
  margin-left: 1.5rem;
}

.ml-32 {
  margin-left: 2rem;
}

.ml-16 {
  margin-left: 1rem;
}

.mt-8 {
  margin-top: 0.5rem!important;
}

.mt-16 {
  margin-top: 1rem;
}

.custom-fields-card .btn {
  margin-right: 1.5rem;
}

.yes-no-field {
  width:21.125rem;
  height: 2rem;
}

.default-field {
  width:21.125rem;
  height: 2rem;
}

.tag-field {
  font-size: 1rem !important;
}

.ml-40 {
  margin-left: 2.5rem;
}

.ml-60 {
  margin-left: 3.75rem;
}

.ml-80 {
  margin-left: 5rem;
}

.ml-8{
  margin-left: 0.5rem;
}

.ml-140 {
  margin-left: 8.75rem;
}

.draggable-header {
  background: #e1e6ed !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #39414D !important;
  text-align: left;
  padding: 0.875rem !important;
}
.draggable-row{
  background: #EDF3FF;
  font-style: normal;
  
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #39414D !important;
  text-align: left;
  padding: 0.875rem !important;
}

.mr-16 {
  margin-right: 1rem;
}

.fs-16-imp {
  font-size: 1rem !important;
}

.fw-700{
  font-weight: 700;
}
.fw-400{
  font-weight: 400!important;
}

.dropdown-custom {
  height: 2rem !important;
  padding: 0rem 1.375rem 0rem 0.75rem !important;
}

.col-0 {
  width: 0%;
}

.mr-3 {
  margin-right: 0.313rem !important;
}

.order-note {
  display: inline-block;
  margin-right: 1.25rem;
  padding: 0.75rem 2rem 0.75rem 1rem;
  max-height: 8rem;
  overflow: auto;
}

.order-detail hr, .card-body hr {
  margin: 0 0 1.25rem 0;
  border: 1px solid #C5D2E7;
  color: #C5D2E7;
  opacity: unset;
}

.order-detail, .order-detail .table {
  color: #39414D;
}

.order-detail .card-body .row {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 0.75rem;
}

.order-detail .card-body .row p {
  margin-bottom: 0;
}

.order-detail textarea.order-description{
  height: 9.25rem;
  width: 100%;
  padding: 0 1.125rem 1.125rem 0.625rem;
}

.order-detail .label {
  color: #67768D;
}

.order-detail .chip {
  margin-bottom: 0 !important;
}

.order-detail .edit-icon-btn {
  height: 2rem;
  padding: 0.375rem !important;
}

div.history-icon {
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  text-align: center;
}
.icon-map.active {
  color: #FF9A1F;
}

@media (max-width: 768px){
  .order-detail .order-actions button {
      margin-right: 0.2rem!important;
  }
}

/*Shared TableList Component*/
.table-list {
  margin: 0;
}

.table-list thead th, .table-list tbody td{
  padding: 0.875rem 1rem;
}



/*Admin landing page Css*/

.admin-left-nav{
  box-shadow: 0rem 0.063rem 0.063rem rgba(0, 0, 0, 0.08), 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.16);
  /* width: 18rem !important; */
  min-height: /*93.7vh*/calc(100vh - 8.125rem);
  background: #FFFFFF;
  /* position: fixed; */
  z-index: 2;
  /* margin-left: 0.6rem!important; */
  /* padding-top: 3.75rem; */
  /* left: 0;
  top: 0; */
}

.admincard{
  /* display:inline-block; */
  height: 6.5rem;
  /* width: 21.75rem; */
  border-radius: 0.375rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.063rem 0.063rem rgba(0, 0, 0, 0.08), 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.16);
  border-radius: 0.375rem;
  /* margin-right: 1.25rem; */
  padding: 0.625rem 1rem;

}
.admin-card-image-group{
  width: max-content;
}
.admin-rounded-circle{
  width: 4rem;
  height: 4rem;
  background: #EDF3FF;
  border-radius: 6.25rem !important;
  padding: 1.125rem !important;
  margin: 0.625rem 0rem;
}
.admin-rounded-circle i{
  font-size: 1.625rem;
  color: #4B82FA;
}
.admin-card-title{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin:1.25rem 1rem  0.125rem 0rem;
  color: #4B5564;
}
.admin-card-text{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin:0.125rem 1rem  1.25rem 0rem;
  color: #67768D;
}

.admin-card-body-group{
  width: 15.625rem;
  padding:0rem !important;
  /* margin-left:0.4375rem */
}
.admin-card-body{
  padding: 0rem !important;
}

.admincard:hover .admin-rounded-circle{
 background-color: #4B82FA;
}
.admincard:hover .admin-rounded-circle .icon-data-table{
  color: #FFFFFF;
}
.grid-container{
  display: grid;
  grid-template-columns: auto auto auto;
}
.pr-0{
  padding-right: 0px;
}
sup{
  font-weight: 400;
  font-size: 0.75rem;
  color: #FF5630;
  line-height: 1rem;
  top: 0rem !important;
}
/*Dragula-items*/

li.list-group1-item.dragula {
  padding: 0rem !important;
}
li.list-group1-item a {
  padding: 0.875rem 0rem 0.875rem 1rem;
  display: inline-block;
  line-height: 1.25rem;
  text-align: left;
  text-decoration: none;
  color: #39414D;
  font-size: 0.875rem;
}
.list-group1{
  list-style: none;
}
li.draggable-list-group1-item a {
  display: inline-block;
  background: #EDF3FF !important;
  font-weight: 400;
  font-size: 0.875rem;
  /* line-height: 1.25rem; */
  color: #39414D;
  padding: 0.875rem !important;
  text-align: left;
  border-bottom: 0.063rem solid #E1E6ED;    
}

li.list-group2-item.dragula {
  padding: 0rem !important;
}

li.list-group2-item a {
  padding: 0.875rem 0rem;
  display: inline-block;
  /* line-height: 2.25rem; */
  text-align: left;
  text-decoration: none;
  color: #39414D !important;
  font-size: 0.875rem;
}

.list-group2{
  list-style: none;
}

li.draggable-list-group2-item a {
  display: inline-block;
  background: #EDF3FF !important;
  font-weight: 400;
  font-size: 0.875rem;
  /* line-height: 1.25rem; */
  color: #39414D;
  padding: 0.875rem !important;
  text-align: left;
  border-bottom: 0.063rem solid #E1E6ED;
  
}

.draguula-header a {
  font-weight: 700 !important;
  padding: 0.875rem 0rem;
  line-height: 1.25rem !important;
}
.draguula-header {
  background: #e1e6ed !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #39414D !important;
  text-align: left;
  padding: 0.875rem 0rem;
}
.dragula {
 background: #EDF3FF;
 margin-top: 1rem;
}
li.list-group1-item.dragula:hover{
  
 background: #D1E0FF !important;
 box-shadow: 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.08), 0rem 0.375rem 0.75rem rgba(0, 0, 0, 0.16);
 cursor: grab;
}
li.list-group1-item.dragula.gu-mirror {
  background: #D1E0FF !important;
  box-shadow: 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.08), 0rem 0.375rem 0.75rem rgba(0, 0, 0, 0.16);
  cursor: grab;
  opacity: unset;
}
li.list-group1-item.dragula.gu-transit {
  opacity: 0.4;
}

li.list-group2-item.dragula:hover{
  
  background: #D1E0FF !important;
  box-shadow: 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.08), 0rem 0.375rem 0.75rem rgba(0, 0, 0, 0.16);
  cursor: grab;
  opacity: 0.4;
}

.draggable-btn {
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #4B82FA;
  padding: 0.375rem 0.75rem!important; 
}
.draggable-btn:hover{
  background: unset !Important;
}

a.draggable-icon {
  color: #8FA0BA;
  text-align: center !important;
  text-decoration: none;
}
a.draggable-action {
  width: 10% !important;
}
a.draggable-skill {
  width: 10% !important;
}
a.draggable-service {
  width: 14% !important;
}
a.draggable-zone {
  width: 18% !important;
}
a.draggable-accounts {
  width: 12% !important;
}
a.draggable-name {
  width: 15% !important;
}
a.draggable-number {
  width: 7% !important;
}
.draggable-icon1 {
  width: 10% !important;
}

.pr-0{
  padding-right: 0px;
}
.check-select i {
  color: #4B82FA;
}
.check i {
  color: transparent;
}
/* For 20px card-spacing in card groups */

.g-20px {
  --bs-gutter-x: 1.25rem!important;
  --bs-gutter-y: 1.25rem!important;
}
.gy-20px {
  --bs-gutter-y: 1.25rem!important
}
.gy-16px {
  --bs-gutter-y: 1rem!important;
}

.form-check-label{
  margin-top: 0.438rem;
  font-size: 0.875rem;
}
.setup-time-label {
  margin-left: 4px;
}
.form-radio-label{
  margin-left: 0.5625rem;
  font-size: 0.875rem;
  margin-right: 0.5625rem;
}
.form-radio-group{
  display: flex;
  align-items: center;
}
.form-radio-group .form-check-input[type=radio] {
  margin-top: 0;
}
.admincard:hover{
  cursor: pointer;
}
.btn-close{
  font-size: 0.625rem !important;
  margin-top: 0.25rem;
}
.mt-n1 {
  margin-top: -1.0rem !important;
}

.float-right {
  float: right;
}
.float-left {
  float: left;
}
.text-red {
  color: #FF5630;
}

/*Spacing*/
.p-8{
  padding: 0.5rem !Important;
}
.p-10{
  padding: 0.625rem;
}
.p-12{
  padding: 0.75rem !Important;
}
.p-16{
  padding: 1rem !Important;
}
.p-20{
  padding: 1.25rem !important;
}
.p-32{
  padding: 2rem !Important;
}
.p-48{
  padding: 3rem !Important;
}
.ps-12{
  padding-left: 0.75rem !important;
}
.ps-20{
  padding-left: 1.25rem;
}

/* .ps-4{
  padding-left: 0.25rem !Important;
} */
/* .pe-4{
  padding-right: 0.25rem !Important;
} */
.pe-16{
  padding-right: 1rem !Important;
}
.pe-20{
  padding-right: 1.25rem !Important;
}
.pt-4{
  padding-top: 0.25rem !Important;
}
.pb-4{
  padding-bottom: 0.25rem !Important;
}
.pb-32{
  padding-bottom: 2rem !important;
}
.ml-n8 {
  margin-left: -0.5rem;
}
.mr-32 {
  margin-right: 2rem !important;
}
.mt-4{
 margin-top: 0.25rem!important;
}
.pr-4 {
  padding-right: 0.25rem !important;
}
.mb-20 {
  margin-bottom: 1.25rem !important;
}
.mb-12 {
  margin-bottom: 0.75rem!important;
}
.mb-40 {
  margin-bottom: 2.5rem !important;
}
.mt-20 {
  margin-top: 1.25rem !important;
}
.mt-24 {
  margin-top: 1.5rem !important;
}

.mt-32 {
  margin-top: 2rem !important;
}

.me-n4 {
  margin-right: -0.25rem;
}
.me-n6 {
  margin-right: -0.375rem;
}
.mt-29 {
  margin-top: 1.813rem;
}
.mt-31 {
  margin-top: 1.938rem;
}
.mt-32 {
  margin-top: 2rem;
}
.mt-60 {
  margin-top: 60px;
}
.mt-64{
  margin-top: 4rem;
}

.ms-8{
  margin-left: 0.5rem !important;
}
.ms-12 {
  margin-left: 0.75rem !important;
}
.ms-16 {
  margin-left: 1rem !important;
}
.ms-34{
  margin-left: 2.125rem;
}
.pb-6 {
  padding-bottom: 0.375rem !important;
}
.me-8{
  margin-right: 0.5rem!important;
}
.me-9{
  margin-right: 0.5625rem !important;
}
.me-4{
  margin-right: 0.25rem!important;
}
/* .ms-4{
  margin-left: 0.25rem!important;
} */
.me-12{
  margin-right: 0.75rem!important;
}
.me-16{
  margin-right: 1rem!important;
}
.me-34{
  margin-right: 2.125rem;
}
.m-8{
  margin: 0.5rem!important;
}
.m-16{
  margin: 1rem!important;
}
.m-20{
  margin: 1.25rem !important;
}
.mt-12 {
  margin-top: 0.75rem!important;
}
.ml-4 {
  margin-left: 0.25rem!important;
}
.mr-8 {
  margin-right: 0.5rem !important;
}
/* Spacing Ends */

/* Alerts */
.alert-dismissible .btn-close{
  width: 0.625rem!important;
  height: 0.625rem!important;
  padding: 1rem!important;
  margin-top: 0.35rem;
}
.alert-spacing{
  white-space:pre-wrap
}
/* end here */
.button-row{
  width: auto!important;
}
/* Custom CSS file ends here */

.row-import-field {
  /* background-color: #e7f1fe; */
 
  padding: 1rem 0rem 1rem 0rem;
  list-style: none;
  cursor: default;
}

.pt-19{
  padding-top: 1.188rem;
}
.px-32{
  padding-left: 2rem;
}

.pt-40{
  padding-top: 2.5rem;
}

.pl-36{
  padding-left: 2.25rem;

}
.pl-32{
  padding-left: 2rem;
}
.pr-8{
  padding-right: 0.5rem;
}
.pr-32{
  padding-right: 2rem;
}
.pt-16-imp {
  padding-top: 1rem !important;
}
.pb-10-imp {
  padding-bottom: 0.75rem !important;
}
.fs-11{
  font-size: 0.688rem;
}
.details-card{
  width: 100%;
  /* height: 7.313rem; */
  left: 0rem;
  /* margin-top: 3.25rem; */
  padding: 1.063rem 2rem 0.75rem 2rem;
  box-shadow: 0px 0.063rem 0.125rem rgba(0, 0, 0, 0.2);
}
.left-details{
  height: 100%;
  left: 0px;
  background: #FFFFFF;
  box-shadow: 0px 0.063rem 0.125rem rgba(0, 0, 0, 0.2);
}
.hr-color{
  margin: 0rem !important;
  margin-bottom: 0.75rem!important;
  border: 1px solid #C5D2E7; 
}
.time-graph{
  height: 18.75rem;
  box-shadow: 0rem 0.063rem 0.063rem rgba(0, 0, 0, 0.08), 0rem 0.063rem 0.125rem rgba(0, 0, 0, 0.16);
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 1;
}
.orders-graph{
  height: 18.75rem;
  box-shadow: 0rem 0.063rem 0.063rem rgba(0, 0, 0, 0.08), 0rem 0.063rem 0.125rem rgba(0, 0, 0, 0.16);
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 1;
}
.items-graph{
  height: 18.75rem;
  box-shadow: 0rem 0.063rem 0.063rem rgba(0, 0, 0, 0.08), 0rem 0.063rem 0.125rem rgba(0, 0, 0, 0.16);
  /* Inside auto layout */
  flex: none;
  order: 2;
  flex-grow: 1;
}
.responsive {
  max-width: 100%;
  height: auto;
}
.mt-0{
  margin-top: 0rem !important;
}
.mr-10{
  margin-right: 0.625rem;
}
.mb-10{
  margin-bottom: 0.625rem;
}
.ml-10{
  margin-left: 0.625rem;
}
.ml-0{
  margin-left: 0px!important;
}
.renew-icon{
  padding: 0px;
  width: max-content;
}
.graph-name{
  justify-content: space-between;
  border-bottom: 0.063rem solid #C5D2E7;
  --bs-gutter-x: 0rem !important;
}
.mb-14{
  margin-bottom: 0.875rem;
}
.pb-20{
  padding-bottom: 1.25rem !important;
}
.start-location-card{
  box-shadow: 0rem 0.063rem 0.063rem rgba(0, 0, 0, 0.08), 0rem 0.063rem 0.125rem rgba(0, 0, 0, 0.16);
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 1;
}
.end-location-card{
  box-shadow: 0rem 0.063rem 0.063rem rgba(0, 0, 0, 0.08), 0rem 0.063rem 0.125rem rgba(0, 0, 0, 0.16);
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 1;
}
.information-card{
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.16);
  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.mb-6{
  margin-bottom: 0.375rem;
}
.row.no-padding-children>*{
  padding:0rem !important;
}
.lh-32{
  line-height: 2rem !important;
}
.lh-28{
  line-height: 1.75rem !important;
}
.lh-20{
  line-height: 1.25rem !important;
}
.ht-32{
  height: 2rem;
}
.ht-350{
  height: 21.875rem;
}
.width-0 { 
 width: 0px;
}
/* .mb-0{
  margin-bottom: 0rem !important;
} */
.mt-01{
  margin-top: 0.625rem;
}
.m-32{
  margin: 2rem;
}
.mr-9{
  margin-right: 0.563rem;
}
.lh-14{
  line-height: 0.875rem !important;
}
.pl-4{
  padding-left: 0.25rem;
}
.pl-7{
  padding-left: 0.438rem;
}
.pr-7{
  padding-right: 0.438rem;
}
.pl-8{
  padding-left: 0.5rem;
}

.pr-32{
  padding-right: 2rem!important;
}
a:hover {
  cursor:pointer;
}
a:hover, a:visited, a:link, a:active {
  text-decoration: none;
}

.flex-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 10vh;
}
.fs-48{
  font-size: 3rem;
}

.left-card{
  width: 70%;
  border-radius: 1rem;
  background-color: #dddcdc;

}
.right-card{
  border-radius: 1rem;
  background-color: #dddcdc;    
}

.schedule-list-header{
  font-weight: 600 !important;
  line-height: 1.5rem !important;
}
.text-neutral-N90{
  color: #8993A4;
}
.text-orange6 {
  color: #FF9A1F;
}
.route-count{
  line-height: 2rem;
  /* margin-left: 14px; */
  padding: 0rem 0.75rem;
  border-radius: 1rem;
  /* color: white; */
  /* background-color: #67768D; */
  height: 1.5rem;
}
.unit-count{
  padding: 0rem 0.375rem;
  border-radius: 50%;
  border: 0.0625rem solid #39414D;
  height: 1rem;
  width: 1rem;
  color: #39414D;
}
.no-padding{
  padding: 0rem !important;
}
.no-line-height{
  line-height: 0rem;
}
.bg-blue9{
background-color: #EDF3FF;
}
.purple6-text{
  color: #6554C0;
}
.ml-14{
  margin-left: 0.875rem;
}
.text-white{
  color: #ffffff;
}
.bg-gray2{
  background-color: #67768D;
}
.mr-12{
  margin-right: 0.75rem;
}
.p-0{
  padding: 0rem !important;
}
.mb-12{
  margin-bottom: 0.75rem;
}
.edit-route-btn{
  line-height: 1.25rem; 
  padding-top: 0.313rem; 
  padding-bottom: 0.313rem;
  font-weight: 700;
}
.schedute-left-side-card{
  width: 100% !important;
  margin: 0rem !important;
  margin-bottom: 1rem !important;
}
.row-gutter-x{
  --bs-gutter-x: 0rem;
}
.fw-700{
  font-weight: 700;
}
.mt-5{
  margin-top: 0.313rem !important;
}
span.display-3:not(:first-of-type):before {
  content: "•";
  margin: 0 0.5rem;
}

/*Admin Notifications*/

.admin-page{
  padding: 0rem 1.5rem 2rem 1.5rem;
  height: calc(100vh - 8.125rem);
  overflow-y: auto;
  margin-top: 2rem;
}
.main-page{
  padding: 0rem 2rem 2rem 2rem;
  height: calc(100vh - 8.5rem);
  overflow-y: auto;
  margin-top: 2rem;
}
.scrollbody-y{
  overflow-y: auto!important;
  max-height: 48rem!important;
}

.admin-notifications .available-tags.dropdown {
  cursor: pointer;
}

.admin-notifications .available-tags .dropdown-toggle::after {
  margin-left: unset;
}

.admin-notifications .available-tags .blue-link {
  color: #3870de;
}

.admin-notifications .available-tags .dropdown-menu{
  padding: 0rem;
}

.admin-notifications .available-tags .dropdown-menu .heading {
  color: #337ab7;
}

.admin-notifications .available-tags .dropdown-menu .heading:hover {
  background-color: #9e9e9e2e;
  color: #0056b3;
}

.admin-notifications input, .admin-notifications select {
  border: 1px solid #E1E6ED;
}

.admin-notifications input:focus, .admin-notifications select:active {
  border: 2px solid #4B82FA;
}

.admin-notifications select:focus {
  box-shadow: unset;
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .scrollspy {
      /*height: 53.75rem !important;*/
      margin-top: 0.5rem;
      overflow: auto;
      border-radius: 6.25rem;
      margin-left:0.25rem!important;
 }
}

@media screen and (min-width: 1440px) and (max-width: 1920px) {
  .scrollspy.scroll {
      /*height: 43rem!important;*/
      margin-top: 0.5rem;
      overflow-y: scroll !important;
      margin-left:0.25rem!important;
 }
}
@media screen and (min-width: 1282px) and (max-width: 1440px) {
  .scrollspy {
      /* height: 38.75rem !important; */
      margin-top: 0.5rem;
      border-radius: 6.25rem;
      overflow-y: scroll !important;
      margin-left:0.25rem!important;
 }
}
@media screen and (min-width: 0px) and (max-width: 1440px) {
  .modal-dialog {
      margin: 5.313rem auto !important;
 }
}
@media screen and (min-width: 0px) and (max-width: 1280px) {
  .scrollspy {
      /*height: 43.75rem !Important;*/
      margin-top: 0.5rem;
      overflow: auto;
      border-radius: 6.25rem;
      margin-left:0.25rem!important;
 }
}

/*Navbar-dropdown*/
@media screen and (min-width: 1024px) and (max-width: 1600px) {
  li.nav-item a:hover {
      background: rgba(255, 255, 255, 0.08);
      border-radius: 4px;
 }
}

.b-0 {
  border: 0px solid;
}


.no-padding.pr-4{
  padding-right: 0.25rem !important;
}
ul.list-group-main.list-group-scroll{
  border: 0.0625rem solid #E1E6ED;
}
ul.list-group-main.list-group-scroll .list-group-item {
  border-left: unset !important;
  border-right: unset;
}
textarea#exampleFormControlTextarea1{
  box-shadow: unset !important;
}
.hw-16 {
  height: 1rem;
  width: 1rem;
}
.btn.schedule-status{
  padding: 0.125rem 0.75rem !important;
}
.w-max-content{
  width: max-content;
}
.schedule-list hr:first-child{
  margin-bottom:20px !important;
}
.schedule-list hr:not(:first-child){
  margin-bottom:16px !important;
}

.card-border-bottom{
  border-bottom-color: 1px solid #E1E6ED !important;
}

.service-unit-details{
  margin: 2rem;
  --bs-gutter-x: 2rem;
}

@media (max-width: 576px) {
  .service-unit-details{
      margin: 0.75rem;
      --bs-gutter-x: 0.5rem;
  }
}
.admin-sticky-header {
background-color: #eff2f5!important;
position: sticky;
top: 0;
z-index: 10;

}
.app-table-list-sticky {
  position: sticky;
  z-index: 8;
  top: 10.6em;
  outline: 2px solid #e9ecef;
  outline-offset: 0px;
  background-color: #fafafa;
}

.bg-add-header {
  background-color: rgb(237, 243, 255) !important;
  margin-left: 0.1rem !important;
  border: 1px solid #C5D2E7;
  padding: 1.25rem 1.25rem 0rem 1.25rem;
  list-style: none;
  cursor: move;
}

.no-data-block{
border-color: #C5D2E7;
margin-top: 1.25rem;
margin-bottom: 0.625rem;
}

.no-data-header{
padding: .75rem 2rem 0.75rem 1rem;
margin-bottom: 0rem;
background-color: rgb(245, 247, 250) !important;
font-size: 0.875rem;
color:#39414D;
line-height:1.25rem
}
.dt-custom-serialnumber{
  color: #8FA0BA;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
}
button:focus {  
  box-shadow: unset !important;   
}

.modal-title {
  margin-bottom: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #39414D;
}

/* .modal-content input:focus {
  box-shadow: unset!important;
  border: unset !important;
} */

.textarea-validation-icon{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}

.dt-dropzone {
  border: 0.125rem dashed #4B82FA !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 150px;
  background: #fff;
  padding: 20px;
}

.dz-success-mark {
  display: none;
}

.dropzone-container {
  height: 100%;
}

.input-group input:autofill+.input-group-text, .input-group input:-webkit-autofill+.input-group-text {
  background-color: rgb(232, 240, 254) !important;
}

/* Formio */
.formio .formio-component .formio-builder-form .builder-component .component-btn-group .btn {
  padding: 0.125rem !important;
  font-size: 0.625rem !important;
  line-height: 0.625rem !important;
}
.formio .btn-block {
  width: 100%;
}
.formio .formio-component .form-group {
  margin-bottom: 1.25rem;
}

.w-48px{
  width: 48px;
}
.w-97px{
  width: 97px;
}

.form-switch .form-check-input {
  height: 1.5rem !important;
  width: 3rem !important;
  background-repeat: no-repeat;
  border-radius: 2rem !important;
  border: 1px solid rgba(0,0,0,.25);
}

.title{
  font-size: 0.875rem;
  font-weight: 700 !important;
  color: #8FA0BA;
}
.footer-well {
  position: fixed;
  min-height: 1.25rem;
  padding: 0.75rem;
  background-color: #F5F7FA;;
  border: 0.063rem solid #C5D2E7;
  border-radius: 0.25px;
  width: 100%;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  bottom: 0rem !important;
  z-index: 1000 !important;
  margin-bottom: 0px !important ;
}


.dt-footer-separator{
  margin: 0rem 0.75rem 0rem 0.75rem;
  color: #C5D2E7!important;
  height: 1.125rem;
  width: 0rem;
  font-size: 1.125rem !important;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .footer-well {
      padding: 0.50rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .footer-well {
      padding: 1rem;
  }
} 

::placeholder {
  font-size: 0.875rem;
  font-weight: 400;
  color: #67768D;
  line-height: 1.25rem;
}

:-ms-input-placeholder {
  font-size: 0.875rem;
  font-weight: 400;
  color: #67768D;
}

::-webkit-input-placeholder {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  color: #67768D;
}

.dt-go-button{
  margin-left: -0.313rem !important;
}

.dt-icon-position{
  position: relative !important;
}
.dt-icon-align {
  width: auto !important;
  padding-top: 0.5rem !important;
  right: 0.75rem!important;
  z-index: 0;
  color: #67768D;
  font-size: 0.75rem;
  line-height: 1.125rem;
  position: absolute !important;
  top: 0 !important;
  pointer-events: none;
}
.dt-modal-header-padding{
  padding: 1.25rem 1.25rem 1rem 1.25rem;
}
.dt-modal-body-padding{
  padding: 0rem 1.25rem 2rem 1.25rem;
}
.dt-modal-footer-padding{
  padding: 0rem 1.25rem 1.25rem 1.25rem;
}
.dt-modal-header{
  padding: 1.25rem 1.25rem 1rem 1.25rem;
  border: unset;
  color: #39414D;
}
.dt-modal-body{
  padding: 0rem 1.25rem 2rem 1.25rem;
  color: #39414D;
}
.dt-modal-footer{
  padding: 0rem 1.25rem 1.25rem 1.25rem;
  border: unset;
  color: #39414D;
}
.form-control-feedback {
  margin-top: 0.5rem;
  line-height: 0rem;
}
i.bi-exclamation-circle-fill {
  display: flex !important;
  font-size: 0.875rem !important;
  color: #ff0000 !important;
  bottom: -0.063rem;
  padding: 0.375rem 0.75rem;
  margin-right: 0.438rem;
}
i.icon-checkmark--filled {
  display: flex !important;
  font-size: 0.875rem !important;
  bottom: -0.063rem;
  padding: 0.375rem 0.75rem;
  margin-right: 0.438rem;
}
.input-group-success i {
  color: #36b37e;
}
.pagination {
  float: right;
  padding-left: 0;
  list-style: none;
  background-color: #ffffff;
  margin: 0rem;
  font-family: "DM Sans";
  margin-right: 1rem;
  font-size: 0.875rem;

}

.pagination > * {
  margin-left: -1px;
  line-height: 1.25rem;
  text-align: center;
  padding: 0.313rem 0.656rem !important;
  }

.pagination a, .pagination .gap{
  color: #4b82fa;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.pagination a:hover, .pagination .gap:hover {
  z-index: 2;
  color: #0a58ca;
  background: rgba(0, 0, 0, 0.06);
  border-color: #dee2e6;
}

.pagination a:active {
  z-index: 3;
  background: rgba(0, 0, 0, 0.12);
  border: 0.063rem solid #4B82FA;
  color: #8FA0BA;
}

.pagination .current {
  border-radius: 0rem!important;
  z-index: 3;
  color: #fff;
  background-color: #4B82FA;
  border-color: #4b82fa;
}
.pagination .current:hover {
  cursor: pointer;
}
.pagination .disabled {
  color: #4b82fa!important;
}

.pagination .prev_page{
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.pagination .next_page{
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.text-paginationcolor{
  color: #000000;
} 
/* Widths */
.btn-width {
  min-width: 4.6rem;
}
/* Widths Ends  */
.dt-padding-32{
  padding: 2rem;
  height: calc(100vh - 10.125rem);
  overflow-y: auto;
}
.dt-icon-position{
  position: relative !important;
}
.dt-icon-align {
  width: auto !important;
  padding-top: 0.5rem !important;
  right: 0.75rem !important;
  z-index: 0;
  color: #39414D;
  font-size: 0.75rem;
  line-height: 1.125rem;
  position: absolute !important;
  top: 0 !important;
  pointer-events: none;
}
.dt-cursor-pointer{
  cursor: pointer;
}
.chart-line a , .chart-bar a {
  background:url(https://dmlzklevomxxt.cloudfront.net/web/images/chart_icons.png) no-repeat;
  height:16px;
  line-height:16px;
  float:left;
  margin-left:10px;
  padding:0 0 1px 22px
}
.chart-bar a {
  background-position: 0 -16px;
}
.chart-bar a:hover, .chart-line a:hover {
    border-bottom: 2px solid #ccc;
}
.chart-wrap {
  width: 100%;
  height: 400px;
  margin: 0 auto;
  position: relative;
}
.dt-card-table-heading{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700 !important;
  font-size: 1rem !important;
  line-height: 1.75rem !important;
  color: #39414D !important;
  margin-bottom: 0.75rem !important;
}
.fade:not(.show) {
  opacity: 1;
}
.display-none{
  display: none;
}
.display-block{
  display: block;
}
.dt-search-icon .form-control {
  padding-left: 2rem;
}
.dt-search-icon-align {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.1rem !important;
  text-align: center;
  pointer-events: none;
  color: #67768D;
}
.table-accounts-scroll {
  position: relative;
  max-height: 300px;
  overflow-x: auto;
}
.table-gps-scroll {
  max-height: 420px;
  overflow: auto;
}
.dt-anchor-plane{
  color: inherit;
  text-decoration: none;
}
select.list-group-main.list-group-scroll{
  border: 0.0625rem solid #E1E6ED;
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
select.list-group-main.list-group-scroll .list-group-item {
  border-left: unset !important;
  border-right: unset;
}
.h-200 {
  height: 12.5rem !important;
}
select .list-group-item:hover{
  background: #EDF3FF;
}
select.list-group-main:focus{
 border: 1px solid rgba(0,0,0,.125) !important;
}
.dt-report-img{
  margin-left: 0.625rem; 
  margin-top: -0.438rem;
}
option.list-group-item {
  padding: 0.875rem 0rem 0.875rem 1rem;
  font-style: normal;
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.25rem;
  align-items: center;
  color: #39414d;
  border: 0.063rem solid #E1E6ED;
}
select option.list-group-item:checked {
  z-index: 2;
  color: #4B5564;
  background: #ADC7FF;
  border-color: #E1E6ED;
}
select option.list-group-item:hover {
  background: #EDF3FF;
  color: #39414D;
}
.dt-error-report{
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
}
@media (min-width: 576px) and (max-width: 767px) {
  div#add_remove_account{
    width: -webkit-fill-available;
  }
}
@media (min-width: 476px) and (max-width: 781px) {
  div#add_remove_account{
    margin-top: 2rem;
  }
  div#linked_accounts{
    margin-top: 2rem;
  }
  div#driver-selection-modal .modal-content {
    overflow: scroll;
    max-height: 65vh;
  }
}

#reports_middle{
  height: calc(100vh - 3.25rem);
}
@media (min-width: 476px) and (max-width: 767px) {
  #reports_middle{
    height: calc(100vh - 3.25rem);
  }
}

textarea.form-control{
  cursor: auto !important;
}
.spinner-border {
  border-bottom-color: rgba(240, 242, 245, 1);
  border-top-color: rgba(75, 130, 250, 1);
  border-left-color: rgba(240, 242, 245, 1);
  border-right-color: rgba(75, 130, 250, 1);
  border-width: 0.5rem;
  width: 8rem;
  height: 8rem;
}
.spinner {
  --size: 9.375rem;
  --thickness: 0.625rem;
  width: var(--size);
  height: var(--size);
  position: relative;
  border-radius: 50%;
  background-color: #F0F2F5;
  box-shadow: 0 0 3.125rem #9dc1c72a;
  animation: spinner 1s linear infinite;
  left: 18%;
}
.driver-spinner {
  --size: 2.375rem;
  --thickness: 0.5rem;
  width: var(--size);
  height: var(--size);
  position: relative;
  border-radius: 50%;
  background-color: #F0F2F5;
  box-shadow: 0 0 3.125rem #9dc1c72a;
  animation: spinner 1s linear infinite;
}
.driver-spinner::after {
  content: '';
  width: calc(var(--size) - (var(--thickness) * 2));
  height: calc(var(--size) - (var(--thickness) * 2));
  position: absolute;
  top: var(--thickness);
  left: var(--thickness);
  border-radius: 50%;
  background-color: #FFFFFF !important;
  box-shadow: 0 0 3.125rem inset #a9a8ad2a;
}
.driver-spinner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to bottom, #4B82FA, transparent);
  background-size: 100% 80%;
  background-repeat: no-repeat;
  border-top-left-radius: calc(var(--size) / 2);
  border-bottom-left-radius: calc(var(--size) / 2);
}

@keyframes spinner {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.spinner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to bottom, #4B82FA, transparent);
  background-size: 100% 80%;
  background-repeat: no-repeat;
  border-top-left-radius: calc(var(--size) / 2);
  border-bottom-left-radius: calc(var(--size) / 2);
}
.modal-loader .spinner::after {
  background-color: #FFFFFF !important;
}
.spinner::after {
  content: '';
  width: calc(var(--size) - (var(--thickness) * 2));
  height: calc(var(--size) - (var(--thickness) * 2));
  position: absolute;
  top: var(--thickness);
  left: var(--thickness);
  border-radius: 50%;
  background-color: #7d7d7d;
  box-shadow: 0 0 3.125rem inset #a9a8ad2a;
}
.spinner-ball {
  width: var(--thickness);
  height: var(--thickness);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #4B82FA;
  border-radius: 50%;
}
.spinner-text{
  font-style: normal;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.75rem;
  color: #4B5564;
}

/* Routing Screen Loader */
.r-spinner {
  --size: 9.375rem;
  --thickness: 0.625rem;
  width: var(--size);
  height: var(--size);
  position: relative;
  border-radius: 50%;
  background-color: #F0F2F5;
  box-shadow: 0 0 3.125rem #9dc1c72a;
  animation: spinner 1s linear infinite;
}
@keyframes r-spinner {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.r-spinner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to bottom, #4B82FA, transparent);
  background-size: 100% 80%;
  background-repeat: no-repeat;
  border-top-left-radius: calc(var(--size) / 2);
  border-bottom-left-radius: calc(var(--size) / 2);
}
.r-spinner::after {
  content: '';
  width: calc(var(--size) - (var(--thickness) * 2));
  height: calc(var(--size) - (var(--thickness) * 2));
  position: absolute;
  top: var(--thickness);
  left: var(--thickness);
  border-radius: 50%;
  background-color: #FFFFFF;
  /*box-shadow: 0 0 3.125rem inset #a9a8ad2a;*/
}

.telematics-tabs{
  position: absolute;
  width: 100%;
  height: 3.813rem !important;
  left: 0rem;
  top: 3.125 !important;
  background: #FFFFFF;
  padding-left: 2.25rem !important;
  padding-right: 2rem !important;
  box-shadow: 0px 1px 1px rgba(9, 30, 66, 0.09), 0px 2px 4px rgba(9, 30, 66, 0.18);
}
.telematics-tabs ul li.nav-item {
  padding: 1.125rem 1.5rem 0rem 0rem;
}

.telematics-tabs ul li a.nav-link{
  padding: 0rem 0rem 1.125rem !important;
}
.telematics-tabs ul li a {
  padding: 0rem 0rem 1.125rem;
  color: #4b5564;
  font-weight: 400!important;
}

.dt-card-no-data{
  font-family: 'DM Sans';
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #39414D;
}
.telematics-content-pb{
  padding-bottom: 6.25rem !important;
}
.card-body .row p {
  margin-bottom: 0;
}
.dt-label{
  color: #67768d;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.bluelink, .bluelink:hover, .dt-anchor-tag, .dt-anchor-tag:hover{
  color: #4B82FA;
  cursor: pointer;
}
.dt-checkbox-text{
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.dt-right-text{
  color: #39414D;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.gy-12 {
  --bs-gutter-y: .75rem;
}
.h-100-vh {
  height: 100vh !important;
}
.h-765 {
  height: 47.813rem;
}
.dt-map-message-align {
  position: absolute;
  right: 1.25rem;
  top: 0.313rem;
}
.nav-tabs>li>a.active, .nav-tabs>li>a.active:hover, .nav-tabs>li>a.active:focus {
  border: 0px solid #000000 !important;
  border-bottom: 2px solid #4B82FA !important;
  cursor: pointer;
}
.nav-tabs>li>a.active, .nav-tabs>li>a.active:focus, .nav-tabs>li>a.active:hover {
  color: #4B82FA;
  background-color: unset;
  border-bottom: 2px solid #4B82FA !important;
  border-radius: unset;
  font-weight: 700 !important;
  font-size: 1rem;
  line-height: 1.25rem;
}
.dt-nav-link{
    position: relative;
    display: block;
    padding: 10px 15px !important;
}
.nav-tabs {
  border-bottom: none !important;
}
.bg-D8D8D8 {
  background-color: #D8D8D8 !important;
}
.bg-D8D8D8-imp {
  background-color: #D8D8D8 !important;
}
#driver_pieces tbody, td, tfoot, th, thead, tr {
  border-color: #C5D2E7;
}
.no-data-text{
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  line-height: 1.125rem !important; 
  color: #39414D !important;
}
#driver_pieces tr {
  border: 1px solid #8fa0ba!important;
}
#driver_pieces  .tabular-sec {
  border: 1px solid #8fa0ba;
}
.nav-tabs>li>a:not(.active){
  font-weight: 700!important;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #67768d;
}
.nav-tabs>li>a.active:hover {
  background-color: #EDF3FF;
}
.nav-tabs>li>a:hover {
  background-color: #EDF3FF;
}

.h-576{
  height: 36rem;
}
.h-495 {
  height: 495px;
}
.h-400{
  height: 400px;
}
.searchbox,.searchbox1{
  position:relative;
  min-width:3.125rem;
  width:0%;
  height:3.125rem;
  float:right;
  overflow:hidden;

  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}

.searchbox-input,.searchbox-input1{
  top:0;
  right:0;
  border:0;
  outline:0;
  width:100%;
  height:50px;
  margin:0;
  padding:0px 3.438rem 0px 1.25rem;
  font-size:1.25rem;
}
.searchbox-icon,
.searchbox-submit,
.searchbox-icon1,
.searchbox-submit1{
  width:2.375rem;
  height:2rem !important;
  display:block;
  position:absolute;
  top:0;
  font-family:verdana;
  font-size:1.375rem;
  right:0;
  padding:0;
  margin:0;
  border:0;
  outline:0;
  line-height:2rem;
  text-align:center;
  cursor:pointer;
  color:#dcddd8;
}

.searchbox-open,.searchbox-open1{
  width:100%;
}

.searchbox-container{
  position: absolute;
  top: 0.313rem;
  left: 0.313rem;
  right: 1.25rem;
  z-index: 99;
  max-width: 50%;
}

.search-icon {
  position: absolute;
  top: 0.313rem;
  left: 0.375rem;
  right: 1.25rem;
  z-index: 99;
  max-width: 70%;
}
.dt-body-bg{
  background: #eff2f5 !important;
}
.w-400{
  width: 25rem;
}
.w-430{
  width: 26.875rem;
}
.w-470{
  width: 29.375rem;
}
.h-88 {
  height: 88% !important;
}
.top-76{
  top: 4.75rem !important;
}
.delete_item_icon i {
  position: relative;
  top: 5px;
  left: 15px;
}
.items_add_remove_icon .delete-item-icon{
  padding-top: 15px;
}
#service_order_items .items_add_remove_icon .delete-item-icon{
  padding-top: 6px !important;
}
.items_add_remove_icon .add-item-icon, .items_add_remove_icon .furnserv_import_add_item{
  padding-top: 15px !important;
}
.progress-done {
  background-color: #0087DD;
  width: 0%;
  height: 25px;
  float: left
}
.progress-bar {
  border: 1px solid #A6C9E2;
  height: 25px;
  width: 270px;
  -moz-border-radius: 3px;
  -webkit-border-radius:3px;
  background-color: #fff;
}
.icon-postion {
  position: absolute;
  margin-top: 20px;
}
.delete_order{
  position: absolute;
  left: -8px;
  top: 5rem;
}
.add_item_icon i {
  display: none;
  position: relative;
  top: 5px;
  left: 5px;
}
.display-block{
  display: block;
}
.my-30{
  margin-top : 1.875rem !important;
  margin-bottom: 1.875rem !important;
}
.w-819{
  width: 51.188rem;
}
.survey-card{
  padding: 2rem 1.25rem 2.625rem 1.25rem;
}
.mt-22{
  margin-top: 1.375rem;
}
.survey-card-box-shadow{
  box-shadow: 0rem 0.063rem 0.063rem rgba(0, 0, 0, 0.08), 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.16);
}
.mt-6{
  margin-top: 0.375rem;
}
.text-neutral-7{
  color: #4B5564;
}
.text-green {
  color: #36B37E;
}
.fs-46{
  font-size: 2.875rem;
}  
.card-hr {
  margin-top: 1.375rem !important;
  margin-bottom: 3.063rem !important;
  border: 1px solid #C5D2E7;
}
.dt-card-order {
  padding: 1.063rem 0rem 1.375rem 1.25rem;
  box-shadow: 0rem 0.063rem 0.063rem rgba(0, 0, 0, 0.08), 0rem 0.125rem 0.25rem rgba(0, 0, 0, 0.16);
}
.contact-layout {
  padding: 2.75rem 2rem 0rem 2rem;
}
.dt-card-details {
  padding: 1.25rem 0.75rem 2.125rem 1.25rem;
}
.dt-details-text{
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #39414D;
  margin-bottom: 0rem;
}
.mw-813 {
  max-width: 50.813rem;
}
.sticky-header {
  position: sticky;
  top: 0;
  background: #eee;
  z-index: 10;
}
.dt-px-100 {
  padding: 0 100px;
}
.mb-37 {
  margin-bottom: 2.313rem;
}

/* Widths */
.w-100p {
  width: 100%;
}
.w-100p-imp {
  width: 100% !important;
}
.w-2rem {
  width: 2rem;
}

/* Paddings */
.p-lr-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.dt-page-break {
  display:block;
  clear:both;
  page-break-before: always;
}

.table>:not(:first-child){
  border-top: none!important;
}

.dt-container{
  padding: 0.75rem;
  padding-left: 3.875rem !important;
  font-size: 0.875rem;
}
.pl-72{
  padding-left: 4.5rem !important;
}
.dt-container .admin-card-text{
  font-size: 0.875rem;
}
.dt-padding-route{
  padding: 2rem  2rem 7rem 2rem;
}
.dt-padding{
  padding: 1rem  2rem 2rem 2rem;
  height: calc(100vh - 3.5rem);
  overflow-x: auto;
  overflow-y: auto;
}
.horizontal-scroll {
  overflow: auto;
  overflow-y: hidden;
}
.h-32 {
  height: 2rem;
}
.minh-400 {
  min-height: 400px;
}
/* select[multiple] option:checked {
  background: linear-gradient(#ADC7FF, #ADC7FF);
} */
.address-status {
  color: #fff;
  position: absolute;
  top: 0px;
  z-index: 1!important;
  padding-top: 8px;
  font-family: Lato;
  right: 12px!important;
  font-weight: 600;
  font-size: .75rem;
}
.red_asterisk {
  color: red;
}


.notification-filters .dropdown-toggle::after{
  margin-left: 2px!important;
}
.notification-filters .dropdown-menu {
  position: absolute;
  z-index: 1000;
  min-width: 15.938rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: unset;
  border-radius: 0.25rem;
  box-shadow: 0rem 0.125rem 0.25rem rgb(0 0 0 / 8%), 0rem 0.5rem 1rem rgb(0 0 0 / 16%);
  padding: 1rem 1rem 0rem 1rem !important;
  margin-top: 0.438rem !important;
  max-height: 350px;
  overflow: auto;
}
.dt-dropdown-btn {
  width: 100%;
  background: #4B82FA !important;
  border: unset;
  padding: 0.375rem 0.75rem;
  box-shadow: unset;
  margin-bottom: 0.875rem;
  height: 2rem;
  font-weight: 500 !important;
  font-size: 0.875rem;
  line-height: 1.25rem !important;
}
.dt-dropdown-btn:focus {
  box-shadow: unset !important;
}
.form-label-input {
  width: 0.781rem !important;
  height: 0.781rem !important;
  border-radius: 0.25rem !important;
}
.btn-primary-normal {
  background: #4B82FA!important;
  color: #fff!important;
}
.btn-primary-normal:hover {
  background: #1F60ED!important;
  color: #fff!important;
}
.add_item_icon.dt_settlement_icon i {
  display: block;
  position: relative;
  top: 0.313rem;
  left: 0.313rem;
}
.dt-select {
  width: 9.375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 1.5rem !important;
}
.dt-select option {
  white-space: nowrap;
  width: 100%;
}
.text-yellow {
  color: #FF9A1F;
}
.nav-sec a .nav-link{
  padding: 1.125rem 2rem 1.125rem 2.25rem !important;
}
.cursor-pointer {
  cursor: pointer;
}
select#export {
  color: #39414D;
}
.h-420{
  height: 26.25rem;
}
input#calendar_date{
  cursor: pointer;
}
.driver-spinner.overlay-spinner {
  --size: 1.375rem;
  --thickness: 0.3rem;
}
.driver-spinner.dock-spinner {
  --size: 1.0rem;
  --thickness: 0.2rem;
}
.update-zip-code .driver-spinner {
  --size: 2.075rem;
  --thickness: 0.3rem;
}
input#service_order_billed_amount{
  margin-left: -1px;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.resolve-address:hover {
  color: #39414D !important;
}
.edit_order .input-group-append .tick_number i.icon-checkmark--filled {
  font-size: 0.875rem !important;
  margin-left: -2.2rem !important;
  margin-bottom: 0.1rem;
  bottom: 0.063rem !important;
  z-index: 1000;
  position: absolute;
  color:#36b37e
}
table.dataTable th.sorting i.bi-caret-down-fill,
table.dataTable th.sorting i.bi-caret-up-fill   {
  color: #39414D !important;
}
table.dataTable th.sorting_asc i.bi-caret-up-fill    {  color: #4B82FA !important; }
table.dataTable th.sorting_asc i.bi-caret-down-fill  {  color: #39414D !important; }
table.dataTable th.sorting_desc i.bi-caret-up-fill   {  color: #39414D !important; }
table.dataTable th.sorting_desc i.bi-caret-down-fill {  color: #4B82FA !important; }
.h-547 {
  height: 34.188rem;
}
.h-686{
  height: 42.875rem;
}
.main-page a:not(.btn), .dt-padding a:not(.btn) {
  color: #4B82FA;
}
.py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
#delete-order-item .dt-modal-body{
  color: #67768D;
  font-size: 0.875rem;
}
@media (max-width: 1630px){
  .dt-width-100px{
      width: 6.25rem !important;
  }
}
@media (min-width: 1631px) and (max-width: 2200px) {
  .dt-width-100px{
      width: 6.875rem !important;
  } 
}
@media  (min-width: 368) and (max-width: 768px)  {
  .dt-width-480px{
      width: 12rem !important;
  } 
}
@media (min-width: 769px) and (max-width: 992px)  {
  .dt-width-480px{
      width: 15rem !important;
  } 
}
@media (min-width: 993px) and (max-width: 1255px)  {
  .dt-width-480px{
      width: 20rem !important;
  } 
}
@media (min-width: 1256px) and (max-width: 1556px) {
  .dt-width-480px{
      width: 25rem !important;
  } 
}
@media (min-width: 1557px) and (max-width: 2200px) {
  .dt-width-480px{
      width: 30rem !important;
  } 
}
.trial-expire-warning {
  line-height: normal;
  color: #F8E71C;
  font-size: 12px;
  margin-top: 5px;
}

.payment-expire-warning {
  line-height: normal;
  width: 150px;
  color: #F8E71C;
  font-size: 9px;
  margin-top: 5px;
}

.payment-expire-warning a {
  padding: 0 !important;
  color: #F8E71C !important;
  text-decoration: underline;
}
.items_add_remove_icon .input-group{
  width: unset !important
}


/* Selectize css */
.form-select .selectize-input{
  min-height: 2rem;
  height: 2rem;
  line-height: 1rem;
}
.form-select .selectize-input.focus{
  border: 0.125rem solid #4B82FA !important;
  box-shadow: unset;
}
.form-select .selectize-input>input{
  height: 1rem !important;
  max-width: calc(100% - 1.5rem);
}
.form-select .selectize-input>input:focus{
  border: unset !important;
}
.form-select .selectize-input>input[placeholder]{
  font-size: .875rem;
  line-height: 1rem;
  color: #67768d;
  vertical-align: middle;
}
.form-select .selectize-input.focus>input[placeholder]{
  vertical-align: unset;
}
.form-select .selectize-input .item{
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.25rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: calc(100% - 1.5rem);
  vertical-align: middle;
  margin-top: -0.125rem;
}
.form-select.selectize-control.single .selectize-input:after, .form-select.selectize-control.single .selectize-input.dropdown-active:after{
  content: "\e9ca";
  font-family: icomoon;
  color: #39414D;
  border: unset;
  margin-top: -0.5rem;
  font-size: 0.875rem;
  height: 0.875rem;
  width: 0.875rem;
  right: calc(0.375rem + 5px);
}
.form-select.selectize-dropdown, .form-select .selectize-dropdown.plugin-auto_position.selectize-position-top{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  border-radius: 0.5rem !important;
  box-shadow: 0 2px 4px #00000014, 0 8px 16px #00000029;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6 !important;
  overflow: hidden;
  z-index: 1001;
  height: auto;
}
.form-select.selectize-dropdown .option{
  padding: 0.375rem 0.75rem;
  line-height: 1.25rem;
  font-size: 0.875rem;
  color: #67768d;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.form-select-options-wrap.selectize-dropdown .option{
  white-space: unset!important;
  text-overflow: unset!important;
}
.form-select.selectize-dropdown .option.active:not(.selected){
  background: #EDF3FF;
}
.form-select.selectize-dropdown .option.selected{
  color: #fff;
  background-color: #4b82fa;
}
.form-select .selectize-dropdown-content{
  padding: unset;
  max-height: calc(100vh / 2.5)
}
.form-select.selectize-control.plugin-clear_button .clear{
  opacity: unset;
  font-size: 1.125rem;
  color: #687e97;
  line-height: 1;
  width: auto;
  right: calc(0.375rem - 5px + 1.5rem);
  margin-right: 0.25rem;
}
.form-select.selectize-control.plugin-clear_button .clear:hover{
  color: #d0021b;
}
.input-group-danger ~ .form-select.selectize-control .selectize-input {
  border: 0.125rem solid #FF5630 !important;
}
.input-group-success ~ .form-select.selectize-control .selectize-input {
  border: 0.125rem solid #36B37E !important;
}
.input-group-danger ~ .form-select.selectize-control:after {
  content: "\f332";
  color: red;
  font-family: bootstrap-icons;
  font-size: .875rem;
  position: absolute;
  height: 100%;
  display: flex;
  top: 0;
  z-index: 1;
  align-items: center;
  right: calc(0.375rem - 5px + 1.45rem);
  margin-right: 0.25rem;
}
.input-group-success ~ .form-select.selectize-control:after {
  content: "\e9c2";
  color: #36b37e;
  font-family: icomoon;
  font-size: .875rem;
  position: absolute;
  height: 100%;
  display: flex;
  top: 0;
  z-index: 1;
  align-items: center;
  right: calc(0.375rem - 5px + 1.45rem);
  margin-right: 0.25rem;
}
.input-group-danger ~ .form-select.selectize-control.plugin-clear_button .clear, .input-group-success ~ .form-select.selectize-control.plugin-clear_button .clear{
  right: calc(0.375rem - 5px + 2.5rem);
}
.input-group-danger ~ .form-select .selectize-input .item, .input-group-success ~ .form-select .selectize-input .item{
  max-width: calc(100% - 2.5rem);
}
.input-group-danger ~ .form-select .selectize-input>input, .input-group-success ~ .form-select .selectize-input>input{
  max-width: calc(100% - 2.5rem);
}
.form-select.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active {
  border-top: 0.125rem solid #4B82FA !important;
}
.reservation-order-form .fieldWithErrors .form-control {
  border-color: #a94442;
}
.min-vh-75 {
  min-height: 75vh !important;
}
.bi-eye {
  float: right;
  position: relative;
  top: -30px;
  right: 20px;
}
.new-ui{
  border-radius: 8px;
  background-color: #132045;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08), 0px 12px 24px rgba(0, 0, 0, 0.16);
}
.p-36{
  padding: 2.25rem;
}
.text-neutral-1{
  color: #F5F7FA;
}
.dt-blue{
  color: #ADC7FF !important;
}
.login-logo{
  width: 12.5rem;
  height: 3.5rem;
}
.invalid-error{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem !important;
  line-height: 1.25rem;
  color: #FF5630;
}
.invalid-notice{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem !important;
  line-height: 1.25rem;
  color: #F5F7FA;
}
.btn-okta{
  border: 0.063rem solid #4B82FA!important;
  background: #FFFFFF !important;
  color: #4B82FA !important;
  margin-right: 1.25rem;
}
.btn-fgt {
  padding: 0.375rem 1.313rem !important;
}
.mw-422 {
  max-width: 26.375rem;
}
.mh-383 {
  min-height: 23.938rem;
}
.border-gray{
  border: 0.063rem solid #F0F2F5;
}
.login-exc .bi-exclamation-circle-fill {
  color: #FF5630 !important;
}
.new-ui .dt-validation.input-group-danger{
  height: 2rem !important;
}
.login-exc.input-group-text {
  height: 1.75rem;
}
.routev3-button button{
  font-size: 0.7rem !important;
}

 /* Mobile-Resposive-css  */

 @media (max-width: 523px){
  .footer-well{
    display: none !important;
  }
  nav.navbar.fixed-top.navbar-dark.bg-dark-blue.dt-navbar.navbar-collapse {
    padding-top: 0px !important;
}
}

.routing-algos-list-scroll {
  width: auto !important;
}

.optimize-algo-btn{
  width: auto !important;
}
.nowordwrap{
  white-space: nowrap;
}
.blue_icon i{
  color: #4b82fa !important;
}
.normal-font{
  font-weight:normal !important;
}
.no-decoration{
  text-decoration: none !important;
}
.form-check-box{
  width: 0.75rem!important;
  height: 0.75rem!important;
}
.form-check-box:checked{
  width: 0.75rem!important;
  height: 0.75rem!important;
}
.pr-72{
  padding-right: 4.5rem;
}

@media (max-width: 768px) { /* Adjust breakpoint if needed */
  .w-auto {
    width: 100% !important;
  }
}

.number-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  background-color: #F0F2F5;
  color: #4B5564;
  font-size: 0.875rem;
  line-height: 1rem;
  text-align: center;
  border-radius: 0.25rem;
  cursor: pointer;
}


.nps-rating {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.number-box.selected {
  background-color: #4B82FA;
  color: #fff;
  font-weight: 700;
}

@media (max-width: 576px) {
  .number-box {
    font-size: 0.75rem;
    padding: 0.5rem;
  }
}


/*New ui Changes */
:root {
  --main-bg-color: #fff;
  --sticky-header-bgcolor: #fff;
}

/*global Css START*/

body {
  font-family: 'DM Sans' !important;
  background: var(--main-bg-color);
  padding-top: 3.2rem;
  overflow-x: hidden;
  color: #39414D;
}
/*global Css END*/

/*admin Css START*/

.admin-sticky-header {
  background-color: var(--sticky-header-bgcolor)!important;
  position: sticky;
  top: 0;
  z-index: 10;
}

/*admin Css END*/

/* tabs */
.dt-nav-tabs {
  background: #F0F2F5;
  border-radius: 24px;
  margin: 12px 0px;
  max-width: max-content;
}

.dt-nav-flex{
  flex: 1 1 auto;
  padding: 0;
}

.px-24{
  padding: 0px 2rem 0px 2rem!important;
}

.dt-nav-tabs ul .nav-link {
  padding: 2px 24px 2px 24px !important;
}

.dt-nav-tabs ul .nav-link.active {
  border-bottom: unset !important;
  color: #000000 !important;
  font-weight: 400 !important;
  padding-bottom: 0px !important;
  background: #fff !important;
  padding: 2px 24px 2px 24px !important;
  border-radius: 24px;
  font-size: 14px;
}

.dt-nav-tabs ul .nav-link:hover{
  background: #e1e6ed;
  padding: 2px 24px 2px 24px !important;
  border-radius: 24px;
}

.dt-nav-tabs li {
  padding: 0rem !important;
  margin: 4px 24px 4px 8px;
}

.dt-nav-tabs li a {
  padding-bottom: 0rem !important;
  font-size: 14px;
  color: #000000 !important;
}

.dt-nav-tabs .nav-link:hover {
  color: #000000;
}

.dt-nav-tabs ul li a {
  padding: 0 0.75rem 1.125rem;
  line-height: 1.25rem;
  color: #000000 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

.nav.nav-pills.dt-nav-tabs .nav-link.active,
.nav.nav-pills.dt-nav-tabs .show>.nav-link {
  color: #000000 !important;
  font-weight: 400 !important;
  border-bottom: unset !important;
  background-color: #fff !important;
  border-radius: 16px !important;
  padding: 2px 24px;
  height: 24px;
}

.dt-nav-tabs .mr-0 {
  margin-right: 0px;
}

.dt-nav-tabs .bg-unset {
  background-color: unset;
}

.message-alert {
  position: relative;
  top: -10px;
  background: #BF2600 !important;
}

/* scroll-bar */
::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

::-webkit-scrollbar-track {
  border-left: 1px solid #E4E4E4;
}

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid transparent;
  background-clip: content-box;
  background-color: #C0C0C0;
}
/*Breadcrumb Start */

.root{
  color: #000000!important;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
  cursor: pointer;
}

.trail{
  color: #67768D!important;
  font-size: 0.875rem;
  font-weight: 400;
  cursor: default!important;
  text-decoration: none;
}

.root:hover{
  text-decoration: underline;
}

/*Breadcrumb End */

/*table css start*/

.dt-border-color{
  border: 1px solid #E1E6ED;
}
.tabular-sec th:first-child {  
  border-top-left-radius: 8px;  
}  

.tabular-sec th:last-child {  
  border-top-right-radius: 8px;  
}
.dt-table-border{
  border-radius: 0.5rem 0.5rem 0 0;
}
.dt-table-border-bottom{
  border-radius: 0 0 0.5rem 0.5rem!important;
}
.dt-table-bottom-border-unset{
  border-radius: 0.5rem 0.5rem 0 0!important;
}
/*table css end*/
@media (min-width: 0px) and (max-width: 500px) {
  .dt-survey {
      padding-top: 0px;
      padding-bottom: 0px;
  }
  .dt-survey-email {
      padding: 0px;
  }
  .survey-flex {
      flex-wrap: wrap;
  }
}