:root {
  --app-color-pink: #F584AD;
  --app-color-green: #2AB930;
  --app-color-indicator: #E12323;
  --app-color-light: #EBEFF2;
  --app-color-link: #4A4AFF;
  --app-color-primary-dark: #2D0E6B;
  --app-color-primary-nav: #5A29BB;
  --app-color-primary-subnav: #F5F2FB;
  --app-color-primary-subnav-text: #51459E;
  --app-color-primary-subnav-active: #E6E2FF;
  --app-color-text: #373737;
  --app-color-text2: #51459E;
  --app-color-text3: #857DB1;
  --app-color-text-light: #6E6893;
  --app-color-search-border: #9486E9;
  --app-color-text-bright: #4200FF;
  --app-color-text-disabled: #B097E3;
  --app-color-light-purple: #8B83BA;
  --app-color-light-border: #DFDBF9;
  --app-color-light-border2: #D9D5EC;
  --app-color-light-border3: #DFE3E8;
  --app-color-vlight-border: #EFECFF;
  --app-color-badge-active: #CDFFCD;
  --app-color-badge-active-text: #007F00;
  --app-color-badge-inactive: #DDE5F9;
  --app-color-badge-inactive-text: #6D7EA3;
  --app-color-badge-processing: #F6E3BD;
  --app-color-badge-processing-text: #B07708;
  --app-color-badge-resolved: #e8efff;
  --app-color-badge-resolved-text: #4B7EFE;
  --app-secondary-font: "Manrope", sans-serif;
  --bs-color-black: #25213B;
  --app-color-dark-grey: #333333;
  --app-color-grey: #DACFF0;
  --app-color-text-grey: #66717B;
  --app-color-stepper-text: #686094;
  --app-color-stepper-disabled: #C0C8DC;
  --app-color-stepper-active: #643DB1;
  --app-color-stepper-border: #CAD4EA;
  --app-color-stepper-completed: #B399E5;
  --app-color-modal-close: #8F9DBC;
  --app-color-angle: #C4CDD5;
  --app-color-ticket-created: #009B73;
  --app-color-status-open: #007F00;
  --app-color-status-closed: #6D7EA3;
  --app-color-status-processing: #D69A00;
  --app-color-status-resolved: #4B7EFE;
  --app-color-category-orange: #E59C0E;
  --app-color-category-orange-selected: #F8BD79;
  --app-color-category-blue: #4B7EFE;
  --app-color-category-blue-selected: #6c95fd;
  --app-color-category-green: #2DBD2D;
  --app-color-category-green-selected: #51bb51;
  --app-color-category-grey: #BBBBBB;
  --app-color-category-grey-selected: #d3d3d3;
  --app-color-light-bg: #F0F0FC;
  --app-color-footer:#EEEEEE;
}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #4C3281;
  --bs-secondary: #6D5BD0;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #C82D2D;
  --bs-light: #C5C0E1;
  --bs-dark: #333333;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #A8A8A8;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

body::-webkit-scrollbar {
  width: 8px;
}

.top-bar-timezone{
  vertical-align: center !important; float: left !important; padding: 17px 0px !important;
  flex:1 1 auto;
}
.profil-logout{color: #3C5A6B !important; padding-left: 20px !important;}
@media screen and (min-width: 0px) and (max-width: 400px) {
  #login-image { display: none; }  /* show it on small screens */
}
#login-image{
  height: 100%;
}
#login-image > img{
  border: 0px; width: 100%;
}
.login-leftside{
  height: 100% !important; padding-top: 8% !important;
}
.padding-top-50{
  padding-top: 50px;
}
.tooltip > .tooltip-inner {
  background-color: #3D5A6B;
  font-size: 13px;
  padding: 5px;
}
.tooltip.top > .tooltip-arrow {
    border-top: 5px solid #3D5A6B;
  }
.form-control, .btn-group {
    border-radius: 4px;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}
.bootstrap-filestyle input {
  border-radius: 0px;
}
.input-group>.input-group-addon-left {
    border-radius: 4px 0px 0px 4px;
}
.input-group>.input-group-addon-right {
    border-radius: 0px 4px 4px 0px;
}
.alert-danger-light{
  background-color: #ecbcbc;
}
.alert-success-light{
  background-color: #3CB371;
  color: #FFFFFF;
}
@media (min-width: 767px) {
  .main-header .logo {
    width: 190px !important;
  }
  .main-sidebar {
    width: 286px !important;
  }
  .content-wrapper, .main-footer, .navbar{
    margin-left: 286px !important;
  }
  .dashboard-stat-campaign-left {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .dropdown-menu li a {
    color: #777 !important;
  }
}

i.fa.fa-question-circle-o {
    font-size: 20px;
    line-height: 34px;
    color: #dd4b39;
    outline: none;
    text-align: center;
    font-weight: normal;
}

.required{
  color: #dd4b39;
}
.control-label{
  font-weight: normal;
}
.add-button-margin{
  padding-bottom: 10px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  position:relative;
  z-index:10;
}
.add-button-margin .left {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.add-button-margin .left .btn-group {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.dropdown-menu li{
  padding: 5px;
  border-bottom: 1px;
}
.sidebar-menu>li.active>a {
  font-weight: 500;
}
.dt_group{
  font-weight: bold;
}
.btn-primary,
.skin-blue-light .main-header .logo:hover, .skin-blue-light .main-header .logo,
.skin-blue-light .main-header .navbar,
.skin-blue-light .main-header .navbar .sidebar-toggle:hover,
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover,
.btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover,
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{
  /* background-color: #3d5a6b;
  border-color: #3d5a6b; */
}
/* .btn-primary:hover {
  background-color: #3d5a6b;
  border-color: #3d5a6b;
}
.btn-primary:link{
  background-color: #3d5a6b;
  border-color: #3d5a6b;
}
.btn-primary:active{
  background-color: #3d5a6b;
  border-color: #3d5a6b;
}
.btn-primary:visited{
  background-color: #3d5a6b;
  border-color: #3d5a6b;
} */
.open>.dropdown-menu {
  max-height: 300px;
  overflow: auto;
}


.control-fileupload {
  display: block;
  border: 1px solid #d6d7d6;
  background: #FFF;
  border-radius: 4px;
  width: 100%;
  padding: 5px 10px 5px 10px;
}

.red-times{
  font-size:20px; color:#ce1a1a;
}
.green-check{
  font-size:20px; color:#0a6b4c;
}
/* @media screen and (min-width: 360px){
  .modal-content {
    min-width:90vh;
    margin-left: -130px;
  }
} */
a:hover {
  cursor: pointer;
}
.progress-bar-brown{
  background-color: #8B4513;
}
.progress-bar-orange{
  background-color: #FF851B;
}

.btn-group>.btn:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.tooltip-inner {
    max-width: 175px;
    /* If max-width does not work, try using width instead */
    width: 175px;
}
@media (max-width: 767px) {
  .hidden-sm {display: none !important;}
}

/* .modal-dialog {
  height: 80% !important;
  padding-top:10%;
} */

/* .modal-body {
  margin-top:20px;
  min-height: 20vh;
} */
#div-chart-campaigns, #div-chart-domain{
  height: 250px; text-align: center;
}

.dashboard-activity-log{
  height: 378px; overflow: auto;
}
.dashboard-client-log{
  height: 360px; overflow: auto;
}
.dashboard-world-map{
  height: 280px; width: 100%; text-align: center;
}
.list-custom-fields{
  display: inline; padding-right: 10px;
}
#content_text{
  height: 200px;
}
.image-manager{
  min-height: 600px;
}
.template-shortcode{background: #ECF0F5; border:#ECF0F5;}
a.sending_domain { cursor: pointer; }
.table-bordered{width: 100%}
.left{float: left;}
.right{float: right;}
.z-index-1{float: right;}
.display-none{display: none !important;}
.width-100{width: 100%;}
.margin-bottom-0{margin-bottom: 0px;}
.margin-bottom-70{margin-bottom: 70px;}
.padding-top-10{padding-top: 10px;}
.padding-top-15{margin-top: 15px;}
.padding-left-right-20{padding-left: 20px;padding-right: 20px;}
.margin-top-10{margin-top: 10px;}
.font-26{font-size: 26px;}
.font-22{font-size: 22px;}
.padding-left-0{padding-left: 0px !important;}
.padding-left-10{padding-left: 10px !important;}
.editor{height: 800 !important;}
.text-left{text-align: left !important;}
#gjs{height:0px !important; overflow:hidden !important;}
.fixed-postion{position: fixed;}
.main-header{
  position: fixed;
  width: 100% !important;
}
.content-wrapper{
  margin-top: 70px;
}


/* Custom CSS by ME */
a {
  color: #737373;
}
a:hover,
a:focus {
  color: #5d2bff !important;
}

.main-header {
  border-bottom: 1px solid var(--app-color-light-border);
  z-index: 1034;
  background:white;
  height: 70px;
  display: flex;
  align-items: center;
  background-color: #F4F5F7;
}
.main-header .navbar {
  flex:1 1 auto;
  margin-left:0 !important;
  margin-right: 15px;
  display:flex;
  align-items: center;
}
.main-header a {
  color: #737373;
}
.main-header a:hover {
  color: var(--app-color-link) !important;
}
.main-header .navbar-nav>li>a {
  padding: 8px !important;
  width: 40px;
  height: 40px;
  background:transparent;
  box-shadow:0 0 0 0 rgba(0,0,0,0);
  border-radius: 50%;
  margin:0 4px;
  display:flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: ease .3s all;
}
.main-header .navbar-nav>li>a:hover {
  background:white;
  box-shadow:0 6px 15px 0 rgba(0,0,0,0.15);
}
.main-header .navbar .nav > li > a > .label {
  height: 15px;
  min-width: 15px;
  border:1px solid #fff;
  font-size:10px;
  top:3px;
  right: 6px;
  border-radius: 10px;
  line-height: 1;
  display:flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.main-header .navbar-custom-menu {
  margin-left:auto;
}
.main-header .logo .logo-mini {
  margin-left:0 !important;
  margin-right:0 !important;
}
.main-header .logo {
  background: transparent !important;
  border: none !important;
  width: auto !important;
  flex: 0 0 auto;
  float: none !important;
  margin-left: -6px !important;
}
.main-header .logo .logo-lg {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.main-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  border-right: 1px solid var(--app-color-light-border);
  background:#F4F5F7;
  padding-top: 70px !important;
}
.main-sidebar .sidebar{
  overflow-y:auto;
  height: 100%;
}
.main-sidebar a {
  color: #737373;
}
.main-sidebar a:hover {
  color: var(--app-color-link);
}
.main-sidebar .sidebar-menu  .active > a {
  color: var(--app-color-link) !important;
}
.main-sidebar .sidebar-menu  .active a:before {
  content:"";
  inset:5px;
  background-color: var(--app-color-primary-nav) !important;
  color: var(--bs-white);
  box-shadow: 0 0.25rem 0.6875rem rgba(0, 0, 0, 0.25);
}

.content-wrapper {
  background:white;
}

.alert-danger-light {
  background: #f8d7da;
  border:1px solid #f1aeb5;
  color: #58151c;
}
.alert-danger {
  color: #fff;
  background-color: #dc3545 !important;
  border-color: #d32535 !important;
}
.box {
  box-shadow:none;
  border: 1px solid var(--app-color-light-border2);
}
.box.box-solid {
  border:none;
}
.box-header.with-border {
  border-bottom:none;
}
.dashboard-modules {
  padding:0;
  color: #737373;
}
.dashboard-modules a {
  color:inherit;
}
.dashboard-modules a:hover {
  color: var(--app-color-link);
}
.dashboard-modules .card {
  display:flex;
  align-items: center;
  background:#f6f6f6;
  border:1px solid white;
  padding:8px 12px;
}
.dashboard-modules .card .fa {
  margin-right: 16px;
}
.dashboard-modules .card .card-name {
  flex:1 1 auto;
  padding-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dashboard-modules .card .card-count {
  background: #dfdfdf;
  border-radius: 4px;
  padding: 2px 4px;
  min-width: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}
.dashboard-modules-body {
  padding:0;
}
.dashboard-modules-body .row {
  margin:0;
}
.dashboard-modules-body .col-md-6 {
  padding:0;
}
.compaign-box {
  height: 328px;
}

.btn-primary {
  color: #fff;
  background-color: #5D2BFF;
  border-color: #5D2BFF;
  outline:none !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:active:hover {
  color: #fff;
  background-color: #5D2BFF;
  border-color: #5D2BFF;
}

.nav.nav-tabs {
  
  margin-bottom: 30px; */
  border-bottom: 1px solid lightgrey;
}
.nav.nav-tabs > li > a {
  color: #6e6e6e;
  z-index: 1;
  border:none;
  border-bottom: 3px solid transparent;
}
.nav.nav-tabs > li > a:hover {
  color: var(--app-color-link);
  background:transparent;
}
.nav.nav-tabs > li.active > a {
  background: #ffffff;
  border:none !important;
  border-radius:0;
  font-weight: 600;
  color: var(--bs-primary);
  border-bottom: 3px solid #5d2bff !important;
}
.nav-tabs > li {
  margin-bottom:0;
}
.ranges li {
  background-color: transparent !important;
  border: none !important;;
  border-radius: 0 !important;
  color: #2C295C !important;
}
.ranges li:hover {
  background: #F0F0FC !important;
}
.ranges li.active {
  background: #F0F0FC !important;
  color: #2C295C !important;
}
.range_inputs {
  display:flex;
  gap: 8px;
}
.range_inputs .btn {
  flex:1 1 auto;
  max-width: 50%;
}
.tooltip-inner {
  background: rgba(0,0,0,0.8) !important;
}
.paginate_button.active a {
  background: var(--app-color-primary-subnav-active) !important;
  color: var(--app-color-text) !important;
  border-color: transparent !important;
}
.table-bordered {
  border-left: none;
  border-right: none;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 12px 8px;
  vertical-align: middle;
}
.table>thead>tr>th {
  font-weight: 600;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
  bottom: 12px !important;
}
.dataTables_paginate.paging_full_numbers {
  margin-top: 16px !important;
}
.dataTables_info {
  margin-top: 16px !important;
}
.box .box-header {
  padding:13px 10px;
}
.box .box-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--app-color-text) !important;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-transform: uppercase;
}
.box .box-title small {
  font-size: 85%;
}
.box-header-w-btn {
  display:flex;
  align-items: center;
  justify-content: space-between;
}
.box-header-w-btn:before,
.box-header-w-btn:after {
  display:none;
}
.box .tab-content {
  padding: 5px 0 !important;
}
.dataTables_wrapper>.row {
  margin:0;
}
.dataTables_wrapper>.row>.col-sm-12 {
  padding:0;
}
.dataTables_wrapper>.row>.col-sm-5 {
  padding:0;
}
.dataTables_wrapper>.row>.col-sm-7 {
  padding:0;
}
.dataTables_wrapper .table {
  max-width: 100% !important;
}
.dashboard-client-log {
  padding:0 !important;
}
.dashboard-activity-log {
  padding: 0 !important;
}
.dashboard-activity-log th,
.dashboard-activity-log td {
  border:none !important;
}
footer.main-footer {
  background: #f1f1f1;
}
.compaign-box .col-sm-12 {
  padding:0;
}

.notifications-menu .header a{
  color: var(--app-color-link) !important;
}
.notifications-menu .header a:hover{
  color: var(--bs-primary) !important;
}
.notifications-menu .header {
  display: flex;
  justify-content: space-between;
}
.notifications-menu li {
  overflow: hidden !important;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
  background: #F0F0FC !important;
  color: #2C295C !important;
}

.user-menu > .dropdown-menu > li > a:hover {
  background:#5D2BFF !important;
  color: #fff !important;
}

.box.box-default {
  border:none;
}

.form-group .control-label {
  text-align:left !important;
  margin-bottom: 6px;
  font-weight:600;
  color: #555555;
}
.form-group .control-label a:not(.simple-link) {
  font-size: 18px;
  line-height: 0;
  position: relative;
  top: 3px;
  margin-left: 10px;
}
.multiselect.dropdown-toggle.btn {
  text-align: left;
  display:flex;
  align-items: center;
  justify-content: space-between;
  background:white !important;
  box-shadow:none !important;
  border-color:#ddd !important;
}

select.form-control {
  appearance: none;
  background-image: url('/storage/caret.png');
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 11px;
}

.dropdown-menu {
  box-shadow:0 5px 15px rgba(0,0,0,0.2);
}
.multiselect-container.dropdown-menu a:hover {
  background: #F0F0FC !important;
  color: #2C295C !important;
}
.multiselect-container.dropdown-menu .active a {
  background: #F0F0FC !important;
  color: #2C295C !important;
}
.multiselect-container.dropdown-menu .multiselect-group a:hover {
  background:transparent !important;
  color: #777 !important;
}

.box-table {
  margin-top: 16px;
}
.box-table .box-body {
  padding:0;
}
.box-table .dataTables_wrapper .col-sm-6{
  padding:0;
}
.box-table div.dataTables_wrapper div.dataTables_length select {
  line-height: 1 !important;
}
.box-table .dataTables_filter {
  gap: 8px;
  display: flex;
  justify-content: flex-end;
}
.box-table .dataTables_filter button.form-control {
  white-space: nowrap;
}
.box-table .table i[onClick] {
  cursor: pointer;
  color: var(--app-color-link);
  font-size: 15px;
  padding:0 4px;
}
.box-table .table i[onClick]:hover {
  color: var(--app-color-link);
}

.dataTables_processing {
  box-shadow:0 0 15px rgba(0,0,0,0.2);
}

.p-0 {
  padding:0 !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

label.form-control {
  font-weight:400;
}

.dashboard-content > .row > [class^="col-"] {
  padding: 0 8px;
}
.dashboard-content > .row {
  margin:0 -8px;
}

.content-header > .breadcrumb {
  background:transparent !important;
  padding-left:0 !important;
}

div.dataTables_wrapper div.dataTables_length {
  text-align: left !important;
}

.modal-header .close {
  font-size: 26px;
  opacity: 0.8;
  margin-top:0;
}

.content-header > h1 {
  color: var(--app-color-text) !important;
}

.max-w-form {
  max-width: 528px;
}
.ml-4 {
  margin-left:4px;
}
.mr-4 {
  margin-right: 4px !important;
}
.mt-30 {
  margin-top: 30px;
}
.mb-16 {
  margin-bottom: 16px;
}
.mb-8 {
  margin-bottom: 8px;
}
.mt-8 {
  margin-top: 8px;
}
.mx-0 {
  margin-left:0 !important;
  margin-right:0 !important;
}
.top-1 {
  position:relative;
  top:1px;
}
.form-btns {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.flex {
  display:flex;
}
.gap-12 {
  gap:12px;
}
.flex-wrap {
  flex-wrap:wrap;
}

.toggle, .toggle-on, .toggle-off { border-radius: 20px; border:none; }
.toggle .toggle-handle { border-radius: 20px; background:#5D2BFF; }
.toggle.off .toggle-handle { border-radius: 20px; background:#868398; }
.toggle.btn .btn.toggle-on {
  background-color: #d9d5ec;
  color:black;
}

@media (max-width: 650px) {
  .top-bar-timezone {
    display:none;
  }
}

.btn:not(.dropdown-toggle) {
  border-radius: 16px !important;
  padding-left: 16px;
  padding-right: 16px;
}
.btn {
  outline: none !important;
  transition: box-shadow .3s ease, background .3s ease, border .3s ease;
}
/* .btn-primary:hover,
.btn-default:not(.dropdown-toggle):hover,
.btn-danger:hover,
.btn-success:hover {
  box-shadow:0 2px 10px rgba(0,0,0,0.8);
} */
.btn-primary:hover {
  box-shadow: 0 0 0 3px #5D2BFF;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
  background-color: #9372fd;
  border-color: #9372fd;
}

.btn-primary.disabled {
  background: #9372fd !important;
  border-color: #9372fd !important;
}

.btn-secondary {
  background: white;
  border: 1px solid #dadada;
}
.btn-secondary:hover {
  border:1px solid #5d2bff;
}
.cursor-pointer {
    cursor: pointer !important;
}
.user-avatar{width: 24px}


.navbar-nav > .notifications-menu > .dropdown-menu{
  width:auto;
  min-width: 270px;
}


.form-group > span {
  padding-left: 15px;
  padding-right: 15px;
}

.content .box .box-title {
  color: #5D2BFF !important;
}
.box-title-hairline {
  font-size: 15px !important;
  margin: 15px 0 !important;
}
.box-title-hairline:after {
  content: '';
  height: 1px;
  background-color: #DADADA;
  flex: 1 1 auto;
  display: block;
  margin-left: 19px;
  position: relative;
}

.login-box {
  box-shadow: 0 4px 14px 0 rgba(0,0,0,0.17);
  margin:0 !important;
  border-radius: 8px;
  margin:auto;
  overflow:hidden;
  padding: 12px 5px;
}

.login-body {
  display:flex;
  align-items: center;
  justify-content: center;
}

.group-span-filestyle >  .btn {
  border-radius: 0 !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}


.btn.toggle {
  background: transparent;
}

.dataTables_wrapper .toggle-on.btn-xs{padding-right:6px; padding-left:6px;}

table tbody td .btn-group {
  display:inline-flex;
}

.notifications-menu .dropdown-menu{
  max-height:unset !important;
}
.notifications-menu .menu{
  max-height: calc(100vh - 140px) !important;
}

.no-notification {
  display:flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  padding:20px !important;
  text-align:center;
}

.contact-select {
  min-width: 158px;
}
.contact-top-buttons {
  display:flex;
  justify-content: space-between;
  gap: 12px;
}
.contact-top-buttons .left {
 float:none; 
 flex-wrap: nowrap;
}
.contact-top-buttons .left .btn-group {
 flex-wrap:nowrap
}
.contact-top-buttons .right{
  float:none;
  margin-left:auto;
}

@media (max-width: 991px) {
  .contact-select {
    min-width: 158px;
  }
  .contact-top-buttons {
    flex-direction: column;
  }
  .contact-top-buttons .right{
    margin-left:auto;
  }
}

@media (max-width: 510px) {
  .contact-select {
    min-width: 100%;
  }
  .contact-top-buttons .left {
    flex-direction: column;
  }
 
}



/* Custom checkbox */
.checkbox-wrapper {
  display:inline-block;
  background:#ccc;
  height: 30px;
  width: 54px;
  padding: 2px 24px;
  border-radius: 15px;
  position:relative;
  overflow:hidden;
}
.checkbox-wrapper__label {
  margin-bottom:2px;
  font-size: 13px;
  font-weight:500;
}
.checkbox-wrapper__list {
  display:flex;
  flex-wrap:wrap;
  gap: 16px;
}
.checkbox-wrapper__input {
  display:none;
}
.checkbox-wrapper__circle {
  width: 24px;
  height: 24px;
  background:white;
  border-radius: 50%;
  position:absolute;
  top:3px;
  left:3px;
  z-index:3;
  transition:all 0.25s ease 0s;
}
.checkbox-wrapper__text {
  content:"";
  position:absolute;
  inset:0;
  background:transparent;
  transition:all 0.25s ease 0s;
}
.checkbox-wrapper__input:checked + .checkbox-wrapper__circle {
  left:auto;
  right:2px;
}
.checkbox-wrapper__input:checked + .checkbox-wrapper__circle + .checkbox-wrapper__text {
  background: #5D2BFF;
  z-index:2;
}
.dropdown-menu>li>a{padding:5px 5px;}