/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,500;1,600;1,700&display=swap');

:root {
  --c1: #e77918;
  --c2: #e30917;
  --background: rgba(231, 121, 24, 0.12);
  --background1: rgba(231, 121, 24, 0.2);
  --background-hover: rgba(231, 121, 24, 0.04);
  --box-shadow: 0 0 0 0.25rem rgb(231 121 24 / 50%);
  /* --font : "Montserrat", Helvetica, Arial, serif; */
  --font: 'Open Sans', sans-serif;
}

.main-menu .navigation > li > a i,
.main-menu .navigation > li > a svg {
  background: #fff !important;
  padding: 00 8px !important;
  width: 31px !important;
  height: 31px !important;
  box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12) !important;
  border-radius: 0.38rem !important;
}
.main-menu.menu-light .navigation > li.active > a {
  background: #fff !important;
  color: #666371 !important;
  box-shadow: 0 0 10px 1px rgb(219 219 219 / 70%) !important;
  border-radius: 0.48rem !important;
  font-weight: 700 !important;
}

.main-menu.menu-light .navigation > li.active > a i,
.main-menu.menu-light .navigation > li.active > a svg {
  background: var(--c1) !important;
  color: #fff;
}

img.logo {
  width: 200px;
  height: 80px;
  object-fit: contain;
}

.main-menu .navbar-header .navbar-brand {
  margin: 0;
}

.main-menu .main-menu-content {
  margin-top: 16px;
}

.form-detail {
  display: block;
}
.form-create {
  display: none;
}
.form-edit {
  display: none;
}
.client-form-detail {
  display: block;
}
.client-form-create {
  display: none;
}
.client-form-edit {
  display: none;
}
.mid-form-detail {
  display: block;
}
.mid-form-create {
  display: none;
}
.mid-form-edit {
  display: none;
}
.consultant-form-detail {
  display: block;
}
.consultant-form-create {
  display: none;
}
.consultant-form-edit {
  display: none;
}

body.active .form-detail {
  display: none;
}
body.active .form-create {
  display: block;
}
body.edit-active .form-edit {
  display: block;
}
body.edit-active .form-detail {
  display: none;
}

/* client */

body.client-active .client-form-detail {
  display: none;
}
body.client-active .client-form-create {
  display: block;
}
body.client-edit-active .client-form-edit {
  display: block;
}
body.client-edit-active .client-form-detail {
  display: none;
}

/* client */

/* mid section */

body.mid-active .mid-form-detail {
  display: none;
}
body.mid-active .mid-form-create {
  display: block;
}
body.mid-edit-active .mid-form-edit {
  display: block;
}
body.mid-edit-active .mid-form-detail {
  display: none;
}

/* mid section */

/* consultant */

body.consultant-active .consultant-form-detail {
  display: none;
}
body.consultant-active .consultant-form-create {
  display: block;
}
body.consultant-edit-active .consultant-form-edit {
  display: block;
}
body.consultant-edit-active .consultant-form-detail {
  display: none;
}

/* consultant */

@media (max-width: 1200px) {
  .main-menu.menu-fixed.menu-light {
    background: #f8f8f8;
  }
}

.textarea-box .ql-container.ql-snow {
  height: auto;
  display: table;
  width: 100%;
  min-height: 180px;
}
.dataTables_scrollBody {
  min-height: 150px;
}
#repeater {
  border: 1px solid #e9ecef !important;
  padding: 10px;
  margin-bottom: 20px;
}
.remove-btn {
  padding-bottom: 5px;
}

.btn-outline-primary.dropdown-toggle::after {
  content: '\f078';
  font-family: 'FontAwesome';
  background: none;
  color: var(--c1);
}