@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(fonts/figtree.woff2) format('woff2');
 }

:root {
    --kab-purple: #7f00e3;
}

html {
    --primary-color: rgb(113, 31, 217);
}

body {
    --primary-color: rgb(113, 31, 217);
}

.page-details > .ant-card {
    background: transparent;
}

.page-details > .ant-card .ant-card-body {
  height: auto !important;
}

.slots-col > .ant-card {
    background: transparent;
}

.domains .createResourceForm {
  display: none;
}

a {
  color: #0597d1;
}
a:hover {
  color: #21bffd;
}


button.ant-switch {
  background-color: #bfbfbf;
}
button.ant-switch-checked {
  background: var(--primary-color, #1677ff);
}

button.ant-btn-add {
  background: var(--add-btn-background, var(--green-6, #52c41a));
  border-color: var(--add-btn-border-color, var(--green-6, #52c41a));
  color: #fff;
}

/*
##################################################################
Global Styles
*/

.hidden_field_group {
  display: none;
}
.ant-card-transparent {
  box-shadow: none !important;
}

.ant-row.layout-row {
  /* margin-left:0px !important;
  margin-right:0px !important; */
}

.ant-modal .ant-modal-content {
 /* padding:0px; */
}

.ant-modal-close-x {
  width: auto;
}

.ant-input-search .ant-input-search-button {
 /* height:36px; */
}

.ant-menu-light .ant-menu-submenu-title:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected) {
  color: rgba(255, 255, 255, 0.88);
}

.noBackground {
  background: transparent;
  box-shadow: unset;

}
.noBackground > .ant-card {
  background: transparent;
  border:0px;
}
.noBackground > .ant-card .ant-card-bordered {
 /* border: none;
  box-shadow: 0 0 11px 0 rgb(0 0 0 / 10%); */
  border-radius: 10px;
}
.noBorder > .ant-card-bordered{
  border:0px;
}

.ant-card-bordered {
  border-radius: 10px;
}

.field-group-label {
  font-size: 0.8rem;
  opacity: .7;
  margin-bottom: 5px;
}

.subfield_label {
  margin-bottom: 5px;
}

.component-headline.ant-card-head {
  /* background: #f5f5f5; */
 /* border-image-source: linear-gradient(45deg, #0597d1, #71b8ff);
  border-image-slice: 1;
  border-width: 3px;
  border-bottom: 3px solid; */
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #4a4a4a;
  background-color: #fff;

  border-bottom: 1px solid #dfe5eb;
}

.ant-btn-primary {
  background-color: rgb(39, 111, 235);
  /* border-color: #0597d1; */
}

.ant-btn-primary:hover {
    background-color: rgb(27, 127, 241);
}

.ant-input-search-button {
 /* height: 36px;
  margin-left: -3px; */
  z-index: 1;
}

.ant-input-affix-wrapper:first-child, .ant-input:first-child {

border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
border-color: #b5cee1 !important;
/* padding: 6px 6px 6px 10px !important; */
}

.ant-input-affix-wrapper:last-child, .ant-input:last-child {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-color: #b5cee1 !important;
/*  padding: 6px 6px 6px 10px !important; */
}


.ant-input-group-addon:first-child {
  border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}

.fieldcomponent.field-type-number {
  border-radius: 5px !important;
  border-color: #b5cee1 !important;
  padding: 2px 0px 2px 0px !important;
}

.ant-select-selector {
  border-radius: 5px !important;
  border-color: #b5cee1 !important;
}

.select-with-buttons .ant-select-selector {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.select-with-buttons button:last-child {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.ant-form-item .ant-select .ant-select-selector{
  padding:3px;
  height:auto;
}
.ant-form-item .ant-select .ant-select-selection-search {
  padding: 3px 0px;
}
.ant-form-item .ant-select .ant-select-selection-item {
  padding:0px 10px;
}

.ant-input-affix-wrapper > .ant-input {
  padding:0px !important;
}

.editorWrapper {
  border-radius: 5px;
  border-color: #b5cee1;
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #0597d1;
  border-color: #0597d1;
}
.ant-radio-button-wrapper:first-child {
  border-radius: 5px 0 0 5px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 5px 5px 0;
}

.simple-text-component {
  padding:0px !important;
  margin-bottom: 20px;
  font-size: 0.8rem;
}


/*
Global Styles
################################################################## ^
*/

/*
##################################################################
Fullsize Menu left
*/


aside.ant-layout-sider.ant-layout-sider-light {
  background: #32373c;
  /* font-family: 'Figtree'; */
}
aside.ant-layout-sider.ant-layout-sider-light img.logo {
  width: 140px;
  max-width: 100%;
  margin:20px auto;
}

aside ul.ant-menu.ant-menu-root.ant-menu-inline.ant-menu-light {
  background: transparent;
}

aside ul.ant-menu.ant-menu-root.ant-menu-inline.ant-menu-light  .ant-menu-item a {
  color: #ffffff;
  transition:color 0s;
}

aside ul.ant-menu.ant-menu-root.ant-menu-inline.ant-menu-light span.ant-menu-title-content {
  color: #c3c3c3;
}

aside .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background: #0597d1;
  color: #fff;
  font-weight: bold;
}

aside ul.ant-menu.ant-menu-root.ant-menu-inline.ant-menu-light .ant-menu-item-selected.ant-menu-item a {
  color:#fff;
}

.ant-menu-light .ant-menu-submenu-title:hover {
  color:#fff;
}

aside .ant-menu-inline .ant-menu-item.ant-menu-item-selected:after {
  border-right: 3px solid #00b7ff;
}

aside li.ant-menu-submenu.ant-menu-submenu-inline {
  color: #c3c3c3;
}
aside li i.ant-menu-submenu-arrow {
  color: #c3c3c3;
}

aside .ant-menu-sub.ant-menu-inline {
  background: #2c3137;
}

aside li.ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open.ant-menu-submenu-selected {
  color: #e9e9e9;
}

aside li.ant-menu-item.ant-menu-item-active {
  background: #0597d1b5;
  color:#fff;
}
aside li.ant-menu-item.ant-menu-item-active .ant-menu-item a {
  color: #fff;
}

aside .ant-menu-light .ant-menu-item:hover,aside .ant-menu-light .ant-menu-item-active {
  color:#fff;
}

.ant-layout-sider-light .ant-menu-item > a:hover {
  color:#fff;
}

aside ul.ant-menu.ant-menu-root.ant-menu-inline.ant-menu-light .ant-menu-item.ant-menu-item-active a {
  color:#fff;
}

ul.ant-menu.ant-menu-root.ant-menu-vertical.ant-menu-inline-collapsed.ant-menu-light {
  background: transparent;
}

ul.ant-menu.ant-menu-root.ant-menu-vertical.ant-menu-inline-collapsed.ant-menu-light .ant-menu-item a{
  color: #eee;
}

ul.ant-menu.ant-menu-root.ant-menu-vertical.ant-menu-inline-collapsed.ant-menu-light .ant-menu-submenu-title {
  color: #eee;
}
ul.ant-menu.ant-menu-root.ant-menu-vertical.ant-menu-inline-collapsed .ant-menu-submenu-active {
  background: #0597d1b5;
}
/* Dynamic Colors Menu */

aside ul.ant-menu li .ant-menu-submenu-title {
  width: 100%;
  margin:6px 0px 0px 0px;
  border-radius: 0px;
}

aside ul.ant-menu li.ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open .ant-menu-item {
  width: 100%;
  margin:6px 0px 0px 0px;
  border-radius: 0px;
}

aside ul.ant-menu li.ant-menu-item.ant-menu-item-active.menu-item-menus:active {
  background-color: #e6f4ff14;
}

aside ul.ant-menu li.ant-menu-item {
  width: 100%;
  margin: 0px;
  border-radius: 0px;
}
aside ul.ant-menu li.ant-menu-submenu.ant-menu-submenu-inline .ant-menu-submenu-title .ant-menu-title-content {
  color:white;
 }

 ul.ant-menu.ant-menu-root.ant-menu-inline.ant-menu-light.main-menu {
  width: 100% !important;
}

/* Page Menu */
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-page.ant-menu-submenu {
 /* border-bottom: 1px solid #BF26B4; */
  border-radius: 0px;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-page.ant-menu-submenu .ant-menu-sub {
  background: #d235ab3b;
}

li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-page.ant-menu-submenu .anticon {
  color:rgb(214,56,169);
}

li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-page.ant-menu-submenu-selected .ant-menu-submenu-arrow {
  color:rgb(214,56,169);
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-page.ant-menu-submenu-open.ant-menu-submenu-selected .ant-menu-submenu-arrow {
  color:white;
}

li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-page.ant-menu-submenu-open .ant-menu-item-selected {
  background-color: #d235ab69;
  border-radius: 0px;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-page.ant-menu-submenu-open .ant-menu-item-selected:after {
  border-color:rgb(214,56,169);
}

li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-page.ant-menu-submenu > .ant-menu-submenu-title{
  transition: all 0.3s;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-page.ant-menu-submenu-open .anticon {
  color:white;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-page.ant-menu-submenu-open > .ant-menu-submenu-title{
  background: rgb(214,56,169);
  background: linear-gradient(105deg, rgba(214,56,169,1) 0%, rgba(164,17,192,1) 100%);
  border-radius: 0px;
}

aside ul.ant-menu li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-page .ant-menu-submenu-title .ant-menu-title-content {
 color:white;
}
.ant-menu .menu-item-page > .ant-menu-submenu-title span span > span:last-child:before {
  display: inline-block;
  content: "KAB";
  font-weight: bold;
  margin-right: 5px;
}

/* Instruction Menu */

.ant-menu .menu-item-instructions_menu .ant-menu-submenu-title span span span:last-child:before {
  display: inline-block;
  content: "KAB";
  font-weight: bold;
  margin-right: 5px;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-instructions_menu.ant-menu-submenu {
 /* border-bottom: 1px solid #FC6E44; */
  border-radius: 0px;
}

li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-instructions_menu.ant-menu-submenu-open .ant-menu-item-selected {
  background-color: #fc6e4454;
  border-radius: 0px;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-instructions_menu.ant-menu-submenu-open .ant-menu-item-selected:after {
  border-color: #ff8036;
}

li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-instructions_menu.ant-menu-submenu .ant-menu-sub {
  background: #fe80353d;
}

li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-instructions_menu.ant-menu-submenu-open > .ant-menu-submenu-title{
  background: rgb(255,131,52);
  background: linear-gradient(-105deg, rgba(255,131,52,1) 0%, rgba(247,72,96,1) 100%);
  border-radius: 0px;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-instructions_menu.ant-menu-submenu-open.ant-menu-submenu-selected .ant-menu-submenu-arrow {
  color:white;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-instructions_menu.ant-menu-submenu-selected .ant-menu-submenu-arrow {
  color:rgb(255,131,52);
}


aside ul.ant-menu li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-instructions_menu .ant-menu-submenu-title .ant-menu-title-content {
color:white;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-instructions_menu.ant-menu-submenu .anticon {
  color:#FC6E44;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-instructions_menu.ant-menu-submenu-open .anticon {
  color:white;
}

/* Management Menu */
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-management_menu.ant-menu-submenu {
 /* border-bottom: 1px solid #2585EE; */
  border-radius: 0px;
}

li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-management_menu.ant-menu-submenu-open .ant-menu-item-selected {
  background-color: #aeaeae33;
  border-radius: 0px;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-management_menu.ant-menu-submenu-open .ant-menu-item-selected:after {
  border-color: #B5B5B5;
}

li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-management_menu.ant-menu-submenu .ant-menu-sub {
  background: #b2b2b22e;
}

li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-management_menu.ant-menu-submenu-open > .ant-menu-submenu-title{
  background: rgb(181,181,181);
  background: linear-gradient(105deg, rgba(181,181,181,1) 0%, rgba(103,103,103,1) 100%);
  border-radius: 0px;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-management_menu.ant-menu-submenu-open.ant-menu-submenu-selected .ant-menu-submenu-arrow {
  color:white;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-management_menu.ant-menu-submenu-selected .ant-menu-submenu-arrow {
  color: #B5B5B5;
}


aside ul.ant-menu li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-management_menu .ant-menu-submenu-title .ant-menu-title-content {
color:white;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-management_menu.ant-menu-submenu .anticon {
  color:#B5B5B5;
}
li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-management_menu.ant-menu-submenu-open .anticon {
  color:white;
}

/* Business Menu */
.ant-menu .menu-item-business_menu .ant-menu-submenu-title span span span:last-child:before {
  display: inline-block;
  content: "KAB";
  font-weight: bold;
  margin-right: 5px;
}

li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-business_menu.ant-menu-submenu {
  /* border-bottom: 1px solid #2585EE; */
   border-radius: 0px;
 }

 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-business_menu.ant-menu-submenu-open .ant-menu-item-selected {
   background-color: #f0445866;
   border-radius: 0px;
 }
 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-business_menu.ant-menu-submenu-open .ant-menu-item-selected:after {
   border-color: #f7475c;
 }

 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-business_menu.ant-menu-submenu .ant-menu-sub {
   background: #f2445952;
 }

 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-business_menu.ant-menu-submenu-open > .ant-menu-submenu-title{
  background: rgb(247,71,92);
  background: linear-gradient(105deg, rgba(247,71,92,1) 0%, rgba(153,28,43,1) 100%);
   border-radius: 0px;
 }
 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-business_menu.ant-menu-submenu-open.ant-menu-submenu-selected .ant-menu-submenu-arrow {
   color:white;
 }
 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-business_menu.ant-menu-submenu-selected .ant-menu-submenu-arrow {
   color: #f7475c;
 }


 aside ul.ant-menu li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-business_menu .ant-menu-submenu-title .ant-menu-title-content {
 color:white;
 }
 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-business_menu.ant-menu-submenu .anticon {
   color:#f7475c;
 }
 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-business_menu.ant-menu-submenu-open .anticon {
   color:white;
 }

/* KAB TEAM */

li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-teams.ant-menu-submenu {
  /* border-bottom: 1px solid #2585EE; */
   border-radius: 0px;
 }

 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-teams.ant-menu-submenu-open .ant-menu-item-selected {
   background-color: #257fee29;
   border-radius: 0px;
 }
 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-teams.ant-menu-submenu-open .ant-menu-item-selected:after {
   border-color: #2585EE;
 }

 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-teams.ant-menu-submenu .ant-menu-sub {
   background: #257bee57;
 }

 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-teams.ant-menu-submenu-open > .ant-menu-submenu-title{
   background: rgb(37,133,238);
   background: linear-gradient(105deg, rgba(37,133,238,1) 0%, rgba(37,38,238,1) 100%);
   border-radius: 0px;
 }
 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-teams.ant-menu-submenu-open.ant-menu-submenu-selected .ant-menu-submenu-arrow {
   color:white;
 }
 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-teams.ant-menu-submenu-selected .ant-menu-submenu-arrow {
   color:rgb(37,133,238);
 }


 aside ul.ant-menu li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-teams .ant-menu-submenu-title .ant-menu-title-content {
 color:white;
 }
 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-teams.ant-menu-submenu .anticon {
   color:#2585EE;
 }
 li.ant-menu-submenu.ant-menu-submenu-inline.menu-item-teams.ant-menu-submenu-open .anticon {
   color:white;
 }

/*
Fullsize Menu left
################################################################## ^
*/

/*
Menu Small Left
*/

aside.ant-layout-sider-collapsed li.ant-menu-submenu.ant-menu-submenu-vertical {
  border-radius: 0px;
  width:101%;
}
/* Page */
aside.ant-layout-sider-collapsed li.ant-menu-submenu.ant-menu-submenu-vertical.menu-item-page .anticon {
  color:rgb(214,56,169);
}
aside.ant-layout-sider-collapsed li.ant-menu-submenu.ant-menu-submenu-vertical.menu-item-page.ant-menu-submenu-open.ant-menu-submenu-active {
  background: rgb(214,56,169);
  background: linear-gradient(105deg, rgba(214,56,169,1) 0%, rgba(164,17,192,1) 100%);
  color:white;
}
aside.ant-layout-sider-collapsed li.ant-menu-submenu.ant-menu-submenu-vertical.menu-item-page.ant-menu-submenu-open.ant-menu-submenu-active .anticon {
  color:white;
}

/* Instructions */
aside.ant-layout-sider-collapsed li.ant-menu-submenu.ant-menu-submenu-vertical.menu-item-instructions_menu .anticon {
  color:rgb(255,131,52);
}
aside.ant-layout-sider-collapsed li.ant-menu-submenu.ant-menu-submenu-vertical.menu-item-instructions_menu.ant-menu-submenu-open.ant-menu-submenu-active {
  background: rgb(255,131,52);
  background: linear-gradient(-105deg, rgba(255,131,52,1) 0%, rgba(247,72,96,1) 100%);
  color:white;
}
aside.ant-layout-sider-collapsed li.ant-menu-submenu.ant-menu-submenu-vertical.menu-item-instructions_menu.ant-menu-submenu-open.ant-menu-submenu-active .anticon {
  color:white;
}

/* Management */
aside.ant-layout-sider-collapsed li.ant-menu-submenu.ant-menu-submenu-vertical.menu-item-management_menu .anticon {
  color:rgb(181,181,181);
}
aside.ant-layout-sider-collapsed li.ant-menu-submenu.ant-menu-submenu-vertical.menu-item-management_menu.ant-menu-submenu-open.ant-menu-submenu-active {
  background: rgb(181,181,181);
  background: linear-gradient(105deg, rgba(181,181,181,1) 0%, rgba(103,103,103,1) 100%);
  color:white;
}
aside.ant-layout-sider-collapsed li.ant-menu-submenu.ant-menu-submenu-vertical.menu-item-management_menu.ant-menu-submenu-open.ant-menu-submenu-active .anticon {
  color:white;
}

/* Business */
aside.ant-layout-sider-collapsed li.ant-menu-submenu.ant-menu-submenu-vertical.menu-item-business_menu .anticon {
  color:#f7475c;
}
aside.ant-layout-sider-collapsed li.ant-menu-submenu.ant-menu-submenu-vertical.menu-item-business_menu.ant-menu-submenu-open.ant-menu-submenu-active {
  background: rgb(247,71,92);
  background: linear-gradient(105deg, rgba(247,71,92,1) 0%, rgba(153,28,43,1) 100%);
  color:white;
}
aside.ant-layout-sider-collapsed li.ant-menu-submenu.ant-menu-submenu-vertical.menu-item-business_menu.ant-menu-submenu-open.ant-menu-submenu-active .anticon {
  color:white;
}

/*
##################################################################
Mobile Menu Left
*/

.mobileDrawer .logo {
  width: 120px;
}

.mobileDrawer .ant-drawer-content {
  background: #32373c;
}

.mobileDrawer .ant-drawer-close {
  color: #fff;
}

.mobileDrawer ul.ant-menu {
  background: transparent;
}
.mobileDrawer ul.ant-menu .ant-menu-item a {
  color:#eee;
}

.mobileDrawer ul.ant-menu .ant-menu-item-selected.ant-menu-item {
  background: #0597d1;
}
.mobileDrawer ul.ant-menu .ant-menu-item:after {
  border-right-color: #00b7ff;
}

.mobileDrawer ul.ant-menu .ant-menu-submenu-title {
  color:#fff;
}

.mobileDrawer ul.ant-menu .ant-menu-submenu-arrow {
 color: #eee;
}

.mobileDrawer .ant-menu-submenu-title {
  margin: 6px 0px 0px 0px;
  width:100%;
}

.mobileDrawer li.ant-menu-submenu.ant-menu-submenu-inline {
  width: 101%;
}

/*
Mobile Menu Left
################################################################## ^
*/


/* Modules */

/*
###################################################################
Websites Detail
*/
.module-show.websites .ant-tabs-right .ant-tabs-nav-wrap {
  min-width: 120px;
}
.module-show.websites .ant-tabs-left .ant-tabs-nav-wrap {
  min-width: 120px;
}

.module-edit.websites .widget-container {
  height: auto;
}

.websites .themes-column .button-component {
  position: absolute;
  right: 10px;
  top: 5px;
}
.ant-modal.ThemesModal.webhook-modal {
  max-width: 900px;
}

.ant-modal.ThemesModal.webhook-modal .ant-card-bordered.ant-card.ant-card-wider-padding.ant-card-padding-transition {
  border:0px;
}

.ant-modal.ThemesModal.webhook-modal .ant-card-bordered {
  /* border: 0px; */
}


.websites .premiun-panel .ant-collapse-header:after {
  content: "★";
  display: inline-block;
  position: absolute;
  right: 20px;
  color: gold;
}

.websites .ant-collapse-content-box .button-component {
  justify-content: flex-end !important;
}

.websites .premium-text-box {
  border: 2px solid var(--kab-purple);
  padding: 5px;
  border-image-source: linear-gradient(45deg, #f4a3f9, #1793d3);
  border-image-slice: 1;
  border-radius: 10px;
  background: aliceblue;
  margin-bottom: 20px;
}

.websites .premium-text-box.active-subscription {
    display: none;
}

.websites .design-panel .button-component{
  border-bottom: 1px solid #dfe5eb;
}
.websites .design-panel .ant-collapse-content-box {
  padding-top:0px !important;
}

.websites .theme-layout {
  padding:0px 15px !important;
}
.websites .ant-card-body {
  overflow: unset;
}
.websites .subscription {
  margin-bottom: 16px;
}
/*
Websites Detail
###################################################################
*/


/*
Pages Detail
*/

.pages .page-details > .ant-card-bordered {
  border:0px;
}

.pages .pages-main-label {
  max-width: 870px;
  margin: auto;
  padding:0px;
}
.pages .pages-main-label input{
  background: transparent;
}

.pages .page-paramters {
  max-width: 870px;
  margin: auto;
}

.pages .general-group .ant-card-body:last-child {
  padding-top:0px;
}

.pages .premium-col .ant-card-head.component-headline h4:after {
  content: "★";
  display: inline-block;
  position: absolute;
  right: 20px;
  color: gold;
}

.pages .premium-text-box {
  border: 2px solid var(--kab-purple);
  padding: 5px;
  border-image-source: linear-gradient(45deg, #f4a3f9, #1793d3);
  border-image-slice: 1;
  border-radius: 10px;
  background: aliceblue;
  margin: 24px 24px 0px;
}

.pages .slots-col .ant-card.ant-card-bordered {
  border:0px;
}

/* MODAL ADD PAGE */
.ant-modal.addPageModal {
  width: 700px !important;
}
.addPageModal .ant-card-bordered {
  border:0px;
}

/* MODAL LICENSES */
.ant-modal.ModelLicenses {
  width: 90% !important;
}
.ant-modal.ModelLicenses .ant-card-bordered {
  border:0px;
  background: transparent;
}

.ant-modal.ModelLicenses .ant-modal-body {
  padding:0px;
}

.ant-modal.ModelLicenses button.ant-modal-close {
  top:-5px;
}

.ant-modal.ModelLicenses .ant-modal-footer {
  display: none;
}
.ant-modal.ModelLicenses .ant-modal-content {
  background: transparent;
  box-shadow: unset;
}
.ant-modal.ModelLicenses .ant-modal-header {
  background: transparent;
    border: 0px;
}
.ant-modal.ModelLicenses .ant-modal-header .ant-modal-title {
  display: none;
}
.ant-modal.ModelLicenses  .ant-modal-close-icon {
  color: white;
    font-size: 30px;
}
.ant-modal.ModelLicenses .ant-card-body {
  overflow:unset;
}

.ant-modal-wrap:has(.ModelLicenses) {
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
}

@media (min-width: 640px) {
  .ant-modal.ModelLicenses .ant-modal-header {
    display: none;
  }
  .ant-modal.ModelLicenses button.ant-modal-close {
    top:5px;
  }
}

.searchTableModal .ant-modal-body {
  padding: 0px !important;
}


/* Page Builder Module */

.module.page_builder main.ant-layout-content.layoutContent {
  margin: 0px !important;
}
.module.page_builder .ant-row.ant-row-middle.breadcrumb-bar {
  margin:0px !important;
}

.ant-drawer-right .premium-text-box {
  border: 2px solid var(--kab-purple);
  padding: 5px;
  border-image-source: linear-gradient(45deg, #f4a3f9, #1793d3);
  border-image-slice: 1;
  border-radius: 10px;
  background: aliceblue;
  margin: 24px 24px 0px;
}


/* instruction participants */

.instruction_participants [brezel-field-identifier="customer"]  span.ant-select-selection-item div {
  min-width: 120px;
}

.instruction_participants [brezel-field-identifier="customer"] span.ant-select-selection-placeholder {
  min-width: 140px;
  text-align: left;
  padding: 0px 20px 0px 10px !important;
}

.instruction_participants [brezel-field-identifier="customer"] .ant-select-selector {
  border: 1px solid #0597d1 !important;
}


.ant-modal:has(.book_instruction_modal) {
  max-width: 600px;
}
.ant-modal:has(.assign_participants_modal) {
  max-width: 600px;
}


/* Select Border Radius Fix  Brezel */

.field-type-select>div div:first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.field-type-select>div div:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.field-type-select>div button {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}


.ant-select-multiple .ant-select-selector {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.field-type-multiselect button:last-child {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}