::selection {
    color: #5463cf;
    background-color: rgb(240 241 251);
}

/* tailwind overwrites */



.text-xs {
	font-size:13px;
    line-height: 24px;
    font-weight: 400;
}

.text-sm {
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
}

.text-gray-900,
.text-gray-700 {
		color:#616372;
}

.font-medium, .font-semibold {
    font-weight: 600;
}

.bg-gray-100 {
    background: rgb(245 245 253 / 65%);
}

/* margin overwrites */

.m-9 {
    margin: 40px;
}

.m-6 {
    margin: 30px;
}

.m-4 {
    margin: 20px;
}

.m-2 {
    margin: 10px;
}

.mt-9 {
    margin-top: 40px;
}

.mt-6 {
    margin-top: 30px;
}

.mt-4 {
    margin-top: 20px;
}

.mt-2 {
    margin-top: 10px;
}

.mb-9 {
	margin-bottom:40px;
}

.mb-6 {
	margin-bottom:30px;
}

.mb-4 {
	margin-bottom:20px;
}

.mb-2 {
	margin-bottom:10px;
}

.mb-3 {
	margin-bottom:20px;
}

.ml-9 {
	margin-left:40px;
}

.ml-6 {
	margin-left:30px;
}

.ml-4 {
	margin-left:20px;
}

.ml-2 {
	margin-left:10px;
}

.mr-9 {
	margin-right:40px;
}

.mr-6 {
	margin-right:30px;
}

.mr-4 {
	margin-right:20px;
}

.mr-2 {
	margin-right:10px;
}
/* padding overwrites */

.pt-9 {
    padding-top: 40px;
}

.pt-6 {
    padding-top: 30px;
}

.pt-4 {
    padding-top: 20px;
}

.pt-2 {
    padding-top: 10px;
}

.pl-9 {
    padding-left: 40px;
}

.pl-6 {
    padding-left: 30px;
}

.pl-4 {
    padding-left: 20px;
}

.pl-2 {
    padding-left: 10px;
}

.pr-9 {
    padding-right: 40px;
}

.pr-6 {
    padding-right: 30px;
}

.pr-4 {
    padding-right: 20px;
}

.pr-2 {
    padding-right: 10px;
}

.pb-9 {
    padding-bottom: 40px;
}

.pb-6 {
    padding-bottom: 30px;
}

.pb-4 {
    padding-bottom: 20px;
}

.pb-2 {
    padding-bottom: 10px;
}

.p-9 {
    padding: 40px;
}

.p-6 {
    padding: 30px;
}

.p-4 {
    padding: 20px;
}

.p-2 {
    padding: 10px;
}

.px-9 {
    padding-left: 40px;
    padding-right: 40px;
}

.px-6 {
    padding-left: 30px;
    padding-right: 30px;
}

.px-4 {
    padding-left: 20px;
    padding-right: 20px;
}

.px-3 {
    padding-left: 15px;
    padding-right: 15px;
}

.px-2 {
    padding-left: 10px;
    padding-right: 10px;
}

.py-9 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.py-6 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.py-4 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.py-2 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.py-1 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.gap-8 {
    gap: 30px;
}

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

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

/* end of tailwind overwrites */



html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
    background: #f5f5fd;
	font-family: 'Mulish', sans-serif;
	font-size:16px;
	color:#616372;
    font-weight: 300;
    letter-spacing: -0.02em;
}

.side-nav {
    left: 0px;
    top: 0px;
    height: 100vh;
    width: 75px;
    z-index: 50;
}

img {
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
}

h1, h2, h3, h4, h5,
nav[aria-label="Tabs"] a,
.FormBuilder .PreviewComponent .SubStepsNavigationComponent nav ol li a,
.form-builder-outer .FormBuilder .SubStepsNavigationComponent nav ol li a
 {
	color:#16182b;
	font-family: 'Assistant', sans-serif;
}

header h1, header h2, header h3, header h4, header h5, header h6 {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 400;
}

.content {
	float:left;
	width:100%;
	height:auto;
	display:block;
}

.content > *:first-child {
	margin-top:-7px;
}

.content > *:last-child {
	margin-bottom:-7px;
}

.btn-link,
.cursor-pointer {
    color: #5563ce;
    box-shadow: inset 0 -0.06rem 0 0 #5563ce;
    transition: box-shadow .2s;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.btn-link:hover,
.cursor-pointer:hover {
	color:#19289e;
	box-shadow: inset 0 -0.06rem 0 0 #19289e;
}

.cursor-pointer {
    color: #5563ce !important;
}

.cursor-pointer:hover {
	color:#19289e !important;
}

.app-logo a {
    height: 50px;
	float:right;
	opacity:1;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
	margin-left:50px;
}

.app-logo a h1 {
    display: none;
}

.app-logo a:hover {
	opacity:0.6;
}

.shadow-sm,
.shadow-md {
    box-shadow: 0px 0px 24px 0px rgb(76 81 116 / 7%);
}

.shadow-lg {
    box-shadow: 0px 0px 24px 0px rgb(76 81 116 / 14%);
}

.shadow-xl {
    box-shadow: 0px 0px 24px 0px rgb(76 81 116 / 30%);
}

b, strong {
    font-weight: 700;
}

.app-user-nav button {
}

.app-user-nav button:hover {
}

.app-user-nav button svg {
    margin-left: 4px;
}

nav[aria-label="Tabs"],
.FormBuilder .PreviewComponent .SubStepsNavigationComponent nav ol,
.form-builder-outer .FormBuilder .SubStepsNavigationComponent nav ol {
    border-bottom: 3px solid #dcdbe9;
}

nav[aria-label="Tabs"] a,
nav[aria-label="Tabs"] p,
.FormBuilder .PreviewComponent .SubStepsNavigationComponent nav ol li a,
.form-builder-outer .FormBuilder .SubStepsNavigationComponent nav ol li a {
    padding: 2px 20px 20px;
    font-family: 'Assistant';
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 0.8;
    position: relative;
	border:none;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

nav[aria-label="Tabs"] a,
nav[aria-label="Tabs"] p,
.FormBuilder .PreviewComponent .SubStepsNavigationComponent nav ol li a,
.form-builder-outer .FormBuilder .SubStepsNavigationComponent nav ol li a {
	margin:0px !important;
}

nav[aria-label="Tabs"] a:before,
nav[aria-label="Tabs"] p:before,
.FormBuilder .PreviewComponent .SubStepsNavigationComponent nav ol li a:before,
.form-builder-outer .FormBuilder .SubStepsNavigationComponent nav ol li a:before {
	content:"";
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
	position:absolute;
	left:0px;
	bottom:-3px;
	background:#5563ce;
	height:3px;
	width:0%;
}

.FormBuilder .PreviewComponent .SubStepsNavigationComponent nav ol li a:hover:before {
	width:0%;
}

nav[aria-label="Tabs"] a:hover:before,
nav[aria-label="Tabs"] a[aria-current]:before,
nav[aria-label="Tabs"] p:hover:before,
nav[aria-label="Tabs"] p[aria-current]:before,
.form-builder-outer .FormBuilder .SubStepsNavigationComponent nav ol li a:hover:before {
	width:100%;
}

nav[aria-label="Tabs"] a[aria-current]:before,
nav[aria-label="Tabs"] p[aria-current]:before,
.FormBuilder .PreviewComponent .SubStepsNavigationComponent nav ol li a[aria-current="step"]:before, .form-builder-outer .FormBuilder .SubStepsNavigationComponent nav ol li a[aria-current="step"]:before {
    width: 100%;
}

nav[aria-label="Tabs"] a[aria-current],
.app-user-nav .dropdown-menu button:hover,
nav[aria-label="Tabs"] p[aria-current],
.FormBuilder .PreviewComponent .SubStepsNavigationComponent nav ol li a[aria-current="step"], .form-builder-outer .FormBuilder .SubStepsNavigationComponent nav ol li a[aria-current="step"] {
    color: #5563ce;
}

.btn,
.FormBuilder .PreviewComponent .PreviewNavigationComponent .flex button,
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .relative button:not(.tox-tbtn),
div[aria-modal="true"] .rounded-lg input[type="submit"],
.form-builder-outer .FormBuilder button.bg-blue-600,
.mbsc-ios .mbsc-popup .mbsc-popup-content .mbsc-button-group button,
div[aria-modal="true"] .rounded-lg form .grid > div button,
div[aria-modal="true"] .rounded-lg form button.bg-blue-600 {
    float: left;
    height: 45px;
    color: #ffffff;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.02em;
    font-size: 15px;
    outline: none !important;
    box-shadow: none !important;
    font-family: 'Mulish', sans-serif;

}

.btn-primary {
	background:#5563ce;
}

.btn-primary:hover {
	background:#19289e;
}

.btn-primary:active,
.btn-primary:focus {
	background:#16182b;
}

.btn-secondary, .FormBuilder .PreviewComponent .PreviewNavigationComponent .flex button, .FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .relative button:not(.tox-tbtn),
.form-builder-outer .FormBuilder button.bg-blue-600,
div[aria-modal="true"] .rounded-lg form button.bg-blue-600 {
    background: #ffffff;
    color: #16182b;
    border: 1px solid #16182b;
}

.btn-secondary:hover,
.FormBuilder .PreviewComponent .PreviewNavigationComponent .flex button:hover,
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .relative button:hover,
.form-builder-outer .FormBuilder button.bg-blue-600:hover,
div[aria-modal="true"] .rounded-lg form button.bg-blue-600:hover {
	border-color:#5563ce;
	color:#5563ce;
}

.btn-secondary:active,
.btn-secondary:focus,
.FormBuilder .PreviewComponent .PreviewNavigationComponent .flex button:active,
.FormBuilder .PreviewComponent .PreviewNavigationComponent .flex button:focus,
.form-builder-outer .FormBuilder button.bg-blue-600:active,
.form-builder-outer .FormBuilder button.bg-blue-600:focus {
	border-color:#19289e;
	color:#19289e;
}

.btn-danger,
.mbsc-ios .mbsc-popup .mbsc-popup-content .mbsc-button-group button,
div[aria-modal="true"] .rounded-lg form .grid > div button {
    background: #ff4a4a;
    border: none;
}

.btn-danger:hover,
.mbsc-ios .mbsc-popup .mbsc-popup-content .mbsc-button-group button:hover,
div[aria-modal="true"] .rounded-lg form .grid > div button:hover {
    background: #e52828;
	    color: #ffffff;
}


.btn-warning {
    background: #ff7b2d;
    border: none;
}

.btn-warning:hover {
    background: #e15b0c;
    border: none;
}

.btn-danger:active,
.btn-danger:focus {
background: #c52525;
color: #ffffff;
}

.btn-success,
.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .absolute button.bg-indigo-600,
.FormBuilder .PreviewComponent .PreviewNavigationComponent .flex button:nth-of-type(3),
div[aria-modal="true"] .rounded-lg input[type="submit"] {
    background: #4ac586;
    color: #ffffff;
    border: none;
}

.btn-success:hover,
.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .absolute button.bg-indigo-600:hover,
.FormBuilder .PreviewComponent .PreviewNavigationComponent .flex button:nth-of-type(3):hover,
div[aria-modal="true"] .rounded-lg input[type="submit"]:hover {
    background: #39a56e;
    color: #ffffff;
}

.btn-success:active,
.btn-success:focus {
    background: #2b8758;
    color: #ffffff;
}


.dropdown-menu {
    top: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.app-user-nav button {
    float: right;
    clear: both;
    width: auto;
}

.app-user-nav .dropdown-menu button {
    float: right;
    clear: both;
    width: auto;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 17px;
}

.section-header h3,
.two-col-card h3,
.modal-content h3 {
    font-size: 20px;
    font-weight: 500;
}


/* selects */
.css-b62m3t-container,
.css-3iigni-container {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    margin: 0px;
}


.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"],
.form-group input[type="url"],
.form-group input[type="number"],
.form-group input[type="tel"],
.datepicker input,
.datepicker .mbsc-windows input,
.css-b62m3t-container .css-1s2u09g-control,
.css-b62m3t-container .css-1pahdxg-control,
.css-3iigni-container .css-1insrsq-control,
.PreviewComponent .css-2b097c-container,
.form-group textarea,
.Input input,
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group input,
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group textarea,
.ParentConfigComponent select,
.PreviewComponent .css-yk16xz-control,
.PreviewComponent .css-1pahdxg-control,
.FormBuilder .BuildAreaComponent input[type="text"],
div[aria-modal="true"] .rounded-lg .flex-auto .Input textarea,
div[aria-modal="true"] .rounded-lg .flex-auto .Select select {
    height: 45px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    font-size: 16px;
    color: #616372;
	border: 1px solid;
    border-color: rgb(97 99 114 / 35%);
    background: #ffffff;
    box-shadow: none !important;
	outline:none !important;
    margin: 0px;
    border-radius: 0px;
    font-family: 'Mulish', sans-serif;
	padding-left:20px;
	font-weight: 300;
    letter-spacing: -0.02em;
    box-shadow: none !important;
}

.PreviewComponent .css-2b097c-container {
	border:none;
}


.form-group input[disabled],
.css-3iigni-container .css-1insrsq-control {
    opacity: 1;
    pointer-events: none;
    cursor: default;
    border-color: transparent;
    background: rgb(235 235 239);
    color: #43444c;
}

.form-group textarea,
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group textarea,
div[aria-modal="true"] .rounded-lg .flex-auto .Input textarea {
    resize: none;
    height: 150px;
    line-height: 30px;
}

.css-b62m3t-container .css-1s2u09g-control,
.css-b62m3t-container .css-1pahdxg-control,
.css-3iigni-container .css-1insrsq-control,
.PreviewComponent .css-yk16xz-control
.PreviewComponent .css-1pahdxg-control {
    border-radius: 0px !important;
    max-height: 45px;
	    min-height: 45px;
	padding: 0px;
}

.PreviewComponent .css-2b097c-container,
.PreviewComponent .css-1pahdxg-control .css-g1d714-ValueContainer,
.PreviewComponent .css-yk16xz-control .css-g1d714-ValueContainer {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    padding: 0px;
}

.css-b62m3t-container .css-1s2u09g-control .css-319lph-ValueContainer,
.css-3iigni-container .css-1insrsq-control .css-319lph-ValueContainer,
.PreviewComponent .css-1pahdxg-control .css-g1d714-ValueContainer,
.PreviewComponent .css-yk16xz-control .css-g1d714-ValueContainer {
    height: 100%;
    padding: 10px 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.css-b62m3t-container .css-1s2u09g-control .css-319lph-ValueContainer #react-select-2-placeholder,
.css-3iigni-container .css-1insrsq-control .css-319lph-ValueContainer #react-select-2-placeholder,
.PreviewComponent .css-1pahdxg-control .css-g1d714-ValueContainer #react-select-2-placeholder,
.PreviewComponent .css-yk16xz-control .css-g1d714-ValueContainer #react-select-2-placeholder{
    color: #616372;
    margin: 0px;
    grid-area: none;
}

.css-b62m3t-container .css-1s2u09g-control .css-6j8wv5-Input,
.css-3iigni-container .css-1insrsq-control .css-jzldcf-Input,
.PreviewComponent .css-2b097c-container  .css-b8ldur-Input,
.PreviewComponent .css-1pahdxg-control .css-b8ldur-Input,
.PreviewComponent .css-yk16xz-control .css-b8ldur-Input{ 
    margin: 0px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    position: absolute;
}

.PreviewComponent .css-2b097c-container, .PreviewComponent .css-1pahdxg-control .css-g1d714-ValueContainer {
    height: 45px;
}

.PreviewComponent .css-1pahdxg-control .css-g1d714-ValueContainer, .PreviewComponent .css-yk16xz-control .css-g1d714-ValueContainer {
    padding: 0px;
}

.form-group .access-domain input {
    padding-left: 70px;
    padding-right: 90px;
}

.css-b62m3t-container .css-1pahdxg-control .css-6j8wv5-Input,
.css-3iigni-container .css-1insrsq-control  .css-jzldcf-Input,
.PreviewComponent .css-2b097c-container  .css-b8ldur-Input,
.PreviewComponent .css-1pahdxg-control .css-b8ldur-Input,
.PreviewComponent .css-yk16xz-control .css-b8ldur-Input {
    margin: 0px;
    padding: 0px;
    color: #616372;
    display: flex;
    position: absolute;
}

.css-b62m3t-container .css-1pahdxg-control .css-319lph-ValueContainer,
.css-3iigni-container .css-1insrsq-control .css-319lph-ValueContainer,
.PreviewComponent .css-2b097c-container .css-yk16xz-control,
.PreviewComponent .css-1pahdxg-control,
.PreviewComponent .css-yk16xz-control  {
    padding: 10px 20px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.css-b62m3t-container .css-1pahdxg-control .css-319lph-ValueContainer #react-select-2-placeholder,
.PreviewComponent .css-1pahdxg-control .css-g1d714-ValueContainer #react-select-2-placeholder,
.PreviewComponent .css-yk16xz-control .css-g1d714-ValueContainer #react-select-2-placeholder {
    grid-area: none;
    margin: 0px;
    color: #616372;
}

.css-b62m3t-container .css-1hb7zxy-IndicatorsContainer, 
.css-b62m3t-container .css-1gtu0rj-indicatorContainer, 
.css-3iigni-container .css-1hb7zxy-IndicatorsContainer,
.PreviewComponent .css-1pahdxg-control .css-1hb7zxy-IndicatorsContainer,
.PreviewComponent .css-yk16xz-control .css-1hb7zxy-IndicatorsContainer {
    width: auto;
    height: 45px;
    opacity: 0.6;
    min-width: 45px;
}

.css-b62m3t-container .css-1hb7zxy-IndicatorsContainer {
    margin-top: 3px;
}


.css-b62m3t-container .css-1hb7zxy-IndicatorsContainer,
.css-3iigni-container .css-1hb7zxy-IndicatorsContainer,
.PreviewComponent .css-1pahdxg-control .css-1hb7zxy-IndicatorsContainer,
.PreviewComponent .css-yk16xz-control .css-1hb7zxy-IndicatorsContainer {
    margin-top: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.css-b62m3t-container:hover .css-1hb7zxy-IndicatorsContainer,
.css-b62m3t-container .css-1gtu0rj-indicatorContainer,
.css-3iigni-container .css-1hb7zxy-IndicatorsContainer,
.PreviewComponent .css-1pahdxg-control .css-1hb7zxy-IndicatorsContainer,
.PreviewComponent .css-yk16xz-control .css-1hb7zxy-IndicatorsContainer {
	opacity:1;
}

.css-b62m3t-container .css-1hb7zxy-IndicatorsContainer .css-tlfecz-indicatorContainer,
.css-b62m3t-container .css-1gtu0rj-indicatorContainer,
.css-3iigni-container .css-1hb7zxy-IndicatorsContainer,
.PreviewComponent .css-1pahdxg-control .css-1hb7zxy-IndicatorsContainer,
.PreviewComponent .css-yk16xz-control .css-1hb7zxy-IndicatorsContainer {
    width: 100%;
    justify-content: center;
    padding-right: 12px;
    color: #616372;
    min-width: 40px;
    max-width: 40px;
}

.css-b62m3t-container .css-1gtu0rj-indicatorContainer {
}

.css-b62m3t-container .css-1hb7zxy-IndicatorsContainer .css-tlfecz-indicatorContainer svg path,
.css-b62m3t-container .css-1gtu0rj-indicatorContainer svg path,
.css-3iigni-container .css-1hb7zxy-IndicatorsContainer svg path,
.PreviewComponent .css-1pahdxg-control .css-1hb7zxy-IndicatorsContainer svg path,
.PreviewComponent .css-yk16xz-control .css-1hb7zxy-IndicatorsContainer svg path {
    stroke: white;
    stroke-width: 1;
}

.css-b62m3t-container .css-1gtu0rj-indicatorContainer svg,
.css-3iigni-container .css-1hb7zxy-IndicatorsContainer svg,
.PreviewComponent .css-1pahdxg-control .css-1hb7zxy-IndicatorsContainer svg,
.PreviewComponent .css-yk16xz-control .css-1hb7zxy-IndicatorsContainer svg{
	margin-top:5px;
}

.css-3iigni-container .css-1hb7zxy-IndicatorsContainer svg,
.PreviewComponent .css-yk16xz-control .css-1hb7zxy-IndicatorsContainer svg {
    margin: 0px;
}

.css-b62m3t-container .css-1gtu0rj-indicatorContainer svg,
.PreviewComponent .css-1pahdxg-control .css-1hb7zxy-IndicatorsContainer svg {
	transform:rotate(180deg);
}

.css-b62m3t-container .css-1hb7zxy-IndicatorsContainer .css-1okebmr-indicatorSeparator,
.css-b62m3t-container .css-1gtu0rj-indicatorContainer .css-1okebmr-indicatorSeparator,
.css-3iigni-container .css-1hb7zxy-IndicatorsContainer  .css-1okebmr-indicatorSeparator,
.PreviewComponent .css-1pahdxg-control .css-1hb7zxy-IndicatorsContainer  .css-1okebmr-indicatorSeparator,
.PreviewComponent .css-yk16xz-control .css-1hb7zxy-IndicatorsContainer  .css-1okebmr-indicatorSeparator {
    display: none;
}

.PreviewComponent .css-1pahdxg-control, .PreviewComponent .css-yk16xz-control {
    padding-right: 0px !important;
}

.PreviewComponent .css-1pahdxg-control {
	padding-left:0px !important;
}

.form-group input[type="text"]:hover,
.form-group input[type="email"]:hover,
.form-group input[type="password"]:hover,
.form-group input[type="url"]:hover,
.form-group input[type="number"]:hover,
.datepicker input:hover,
.datepicker .mbsc-windows input:hover,
.css-b62m3t-container .css-1s2u09g-control:hover,
.css-b62m3t-container .css-1pahdxg-control:hover,
.form-group input[type="tel"]:hover,
.form-group textarea:hover,
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group input:hover,
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group textarea:hover,
.ParentConfigComponent select:hover,
.FormBuilder .BuildAreaComponent input[type="text"]:hover,
div[aria-modal="true"] .rounded-lg .flex-auto .Input textarea:hover,
div[aria-modal="true"] .rounded-lg .flex-auto .Select select:hover {
	border:1px solid;
    border-color: rgb(97 99 114 / 100%);
	cursor:pointer;
}

.form-group input[type="text"]:focus,
.form-group input[type="email"]:focus,
.form-group input[type="password"]:focus,
.form-group input[type="url"]:focus,
.form-group input[type="number"]:focus,
.datepicker input:focus,
.datepicker .mbsc-windows input:focus,
.css-b62m3t-container .css-1s2u09g-control:focus,
.css-b62m3t-container .css-1pahdxg-control,
.form-group input[type="tel"]:focus,
.form-group textarea:focus,
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group input:focus,
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group textarea:focus,
.ParentConfigComponent select:focus,
.FormBuilder .BuildAreaComponent input[type="text"]:focus,
div[aria-modal="true"] .rounded-lg .flex-auto .Input textarea:focus,
div[aria-modal="true"] .rounded-lg .flex-auto .Select select:focus {
	border:1px solid;
    border-color: #5563ce;
}

input.form-input[name="section_search"] {
    padding-right: 50px;
}

table th {
    color: #16182b;
    font-size: 15px;
    font-family: 'Assistant', sans-serif;
    border-bottom: 1px solid;
    font-weight: 700;
    line-height: 0.8;
}

table th:hover {
color: #5563ce;
}

table td {
    border-bottom: 1px solid rgb(97 99 114 / 39%);
}

table tr:hover td {
    border-bottom: 1px solid rgb(97 99 114 / 80%);
}

.btn[disabled] {
    opacity: 0.1;
    pointer-events: none;
    cursor: default;
    color: #ffffff;
    border: none !important;
    background: #0e1127 !important;
}

dt, label,
.Input label,
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group label {
    font-size: 14px;
    line-height: 1.3;
    float: left;
    width: 100%;
    displaY: block;
    color: #16182b;
    font-weight: 400;
    margin: -4px 0 12px 0;
    font-family: 'Mulish', sans-serif;
}

dt:hover, label:hover,
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group label:hover {
color: #5563ce;
cursor:pointer;
}

.radio,
.checkbox {
}

.radio input,
.checkbox input {
    display: none;
}

.radio label,
.checkbox span {
    font-size: 16px;
    color: #616372;
    font-weight: 300;
    margin: 0px;
    height: auto;
    min-height: 30px;
    padding-left: 44px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    position: relative;
}

.checkbox label {
}

.checkbox span {
}

.radio label:hover {
color: #16182b;
}

.radio label:before,
.checkbox span:before {
    content: "";
    height: 30px;
    left: 0px;
    top: 0px;
    width: 30px;
    background: #ffffff;
    position: absolute;
    border: 1px solid rgb(97 99 114 / 35%);
    border-radius: 50%;
    box-shadow: 0 0 0 7px inset #ffffff;
}

.checkbox span:before {
    content: "✓";
    border-radius: 0px;
    text-align: center;
    line-height: 1;
    padding: 7px 0;
    font-size: 14px;
    font-weight: 600;
    color: transparent;
    box-shadow: none;
}

.checkbox-alone {
    margin-bottom: 0px;
}

.radio .radio-fix input {
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.radio .radio-fix input:hover {
	cursor:pointer;
}

.radio label:hover:before,
.checkbox:hover span:before,
.radio .radio-fix input:hover ~ label:before  {
    border: 1px solid rgb(97 99 114 / 100%);
}

.radio input:checked ~ label:before,
.checkbox input:checked ~ span:before {
	background:#5563ce;
	border-color:#5563ce;
}

.checkbox input:checked ~ span:before {
	color:#ffffff;
}

ul.divide-y li {
    border-top: 1px solid rgb(97 99 114 / 13%);
}

ul.divide-y li:first-of-type {
	border-top:none;
}

p {
    line-height: 30px;
}

.jodit-container .jodit-workplace {
    min-height: 200px !important;
}

.invitations .form-group {
    width: 100%;
}

.form-group input[type="text"].error,
.form-group input[type="email"].error,
.form-group input[type="password"].error,
.form-group input[type="url"].error,
.form-group input[type="number"].error {
	color: #ff4747;
	border-color:#ff4747;
}

.form-group input[type="text"].error ~ .render-icon,
.form-group input[type="email"].error ~ .render-icon,
.form-group input[type="password"].error ~ .render-icon,
.form-group input[type="url"].error ~ .render-icon,
.form-group input[type="number"].error ~ .render-icon {
	margin-top:-1px;
}

.text-red-600,
.form-group p.error {
	    color: #ff4747;
}

.form-group p.error {
    line-height: 1;
    font-weight: 600;
    font-size: 13px;
}

.modal-background {
    background: rgb(22 24 43 / 29%);
    backdrop-filter: blur(3px);
}

.close-modal {
    opacity: 1;
    width: 40px;
    height: 40px;
    padding: 8px;
    margin-top: -10px;
    margin-right: -10px;
}

.close-modal:hover {
	opacity:0.6;
}

.close-modal svg path {
    stroke: #fb4949;
}

/* style filepond */

.filepond--wrapper, .filepond--wrapper .filepond--root {
    clear: both;
    float: left;
    width: 100%;
    display: block;
}

.filepond--item-panel {
    border-radius: 0px;
}

.filepond--wrapper .filepond--root  {
	margin-bottom:0px;
}

.filepond--wrapper .filepond--root a.filepond--credits {
    display: none;
}

.filepond--wrapper .filepond--root .filepond--drop-label label {
    font-size: 16px;
    color: #616372;
    border: 1px solid rgb(97 99 114 / 35%);
    background: none;
    border-radius: 0px;
}

.filepond--wrapper .filepond--root .filepond--drop-label label:hover {
	cursor:pointer;
    border: 1px solid rgb(97 99 114 / 100%);
    color: #16182b;
}

.filepond--panel-root {
    background: none;
}

.filepond--root .filepond--list-scroller {
    margin-top: 0px;
    margin-bottom: 0px;
}

.filepond--root .filepond--drop-label {
    min-height: 45px !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.filepond--root .filepond--drop-label:after {
}

.filepond--wrapper .filepond--root .filepond--drop-label label {
    text-align: left;
    padding: 10px 20px;
    font-weight: 400;
    font-family: 'Mulish', sans-serif;
    background: #ffffff;
}

.filepond--wrapper .filepond--root .filepond--drop-label label span {
    text-decoration: none;
}

.image-upload > svg {
    right: 14px;
    top: 11px;
    z-index: 1;
    stroke: #5463cf;
    width: 24px;
    height: 24px;
}

.filepond--list {
    left: 0;
    right: 0;
}

.image-upload {
    background: #ffffff;
}

.filepond--wrapper {
    position: relative;
    z-index: 3;
}

.jodit-container:not(.jodit_inline) .jodit-wysiwyg, .jodit-placeholder {
    padding: 18px;
}

ul.divide > li:last-of-type {
    margin: 0px 0px 2px !important;
}

ul.divide .content dt {
    margin-top: -3px;
    margin-bottom: 3px;
    font-weight: 600;
    pointer-events: none;
}

ul.divide .content dd {
    margin-bottom: -5px;
    line-height: 30px;
}

.divider-header {
    background: #0e1127;
}

.divider-header h3 {
    color: #ffffff;
}

.login-logo a {
    float: left;
    width: auto;
    height: auto;
}

.login-logo a h1 {
    clear: both;
    float: left;
    text-align: center;
    width: 100%;
    font-size: 22px;
    font-weight: 400;
    margin: 14px 0 -10px 0;
}

.login-logo a img {
    height: 60px;
}

.layout-fix-login {
    margin-left: -90px;
}

.divider-header button {
    margin-right: -18px;
}

.divider-header button svg {
    fill: #ffffff;
}

.divider-header button:hover svg {
	fill:#5563ce;
}

.divider-header .rounded-md {
    margin-top: 8px;
    margin-right: -5px;
    border-radius: 0px;
    border: none;
    width: auto;
}

.divider-header .rounded-md .py-1 {
    padding: 4px 0;
    float: left;
    width: auto;
}

.divider-header .rounded-md button {
    margin: 0px;
    float: right;
    width: 100%;
    position: relative;
    white-space: nowrap;
    padding: 5px 20px;
    height: 39px;
    color: #616372;
    padding-left: 43px;
    background: #ffffff;
}

.divider-header .rounded-md button svg {
    fill: #616372;
    position: absolute;
    left: 13px;
    margin: 0px;
    top: 8px;
}

.divider-header .rounded-md button:hover {
	color: #5563ce;
}

.divider-header .rounded-md button:hover svg {
	fill:#5563ce;
}

.divider-header b.subtitle {
    float: left;
    width: auto;
    font-weight: 700;
    color: #ffffff;
    font-size: 12px;
    margin-top: 0px;
    opacity: 0.8;
}

.divider-header .status > span {
    line-height: 1;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
    border: none !important;
    font-weight: 600;
}

.flash-message svg {
    width: 24px;
    height: 24px;
    margin-left: -7px;
    float: left;
}

.flash-message p {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
}

.flash-message button svg {
    margin: 0px;
    width: 20px;
    height: 20px;
}

.flash-message button {
    background: none !important;
    outline: none !important;
    box-shadow: none !important;
    width: 40px;
    height: 40px;
    padding: 10px 11px;
    margin: -5px -9px -5px 0;
    opacity: 1;
}

.flash-message button:hover {
	opacity:0.6;
}

.appliant-top .px-4 {
    padding: 0px;
}

.appliant-top h3 {
    color: #16182b;
    font-size: 22px;
    line-height: 1.3;
    float: left;
    width: 100%;
    display: block;
    margin: -5px 0 9px 0;
}

.appliant-top .max-w-4xl {
    max-width: 100%;
    clear: both;
    float: left;
    width: 100%;
    margin: 0px;
}

ul.divide .content dd label {
    margin: 0px;
    float: left;
    width: 100%;
    display: block;
    margin-top: 8px;
}


.empty-state {
    padding-top: 25px;
    height: auto;
    padding-bottom: 25px;
    border: 1px solid rgb(17 20 41 / 10%);
    background: #ffffff;
}

.empty-state svg {
    fill: #ffffff;
    stroke: rgb(48 50 70 / 14%);
    width: 60px;
    height: 60px;
    float: left;
}

.empty-state span {
    color: rgb(14 17 39 / 35%);
    font-size: 16px;
    float: left;
    margin-left: 14px;
}

.empty-state svg path {
    stroke-width: 1;
}

.divider-label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.divider-label:before {
    background: rgb(97 99 114 / 23%);
    height: 1px;
    display: block;
    content: "";
    position: absolute;
    left: 0px;
    width: 100%;
}

.divider-label span,
.annotation {
    font-family: 'Assistant', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #0e1127;
    float: left;
    line-height: 1.2;
}

.css-b62m3t-container .css-1pahdxg-control .css-6j8wv5-Input input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.bg-gray-100 .divider-label span {
    background: #f8f8fe;
}

.css-g1d714-ValueContainer .css-1rhbuit-multiValue {
    background: #12239f;
    color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    margin: 3px;
}

.css-g1d714-ValueContainer .css-1rhbuit-multiValue .css-12jo7m5 {
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

.css-g1d714-ValueContainer .css-1rhbuit-multiValue .css-xb97g8 {
    background: #12239f;
    color: #ffffff;
}

.css-b62m3t-container .css-1s2u09g-control .css-g1d714-ValueContainer {
    height: 45px;
}

.css-b62m3t-container .css-1pahdxg-control .css-g1d714-ValueContainer {
    height: 45px;
}

.css-b62m3t-container .css-1pahdxg-control .css-g1d714-ValueContainer {
    height: 45px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.datepicker label.mbsc-windows {
    margin: 0px;
}

ul.list-inside,
ul.list-disc {
    float: left;
    width: 100%;
	list-style-type:none;
}

ul.list-inside li,
ul.list-disc li {
    position: relative;
    line-height: 28px;
    float: left;
    clear: both;
    margin-bottom: 8px;
    padding-left: 24px;
}

ul.list-inside li:last-of-type,
ul.list-disc li:last-of-type {
	margin-bottom:0px;
}

ul.list-inside li:before,
ul.list-disc li:before {
    content: "";
    background: #16182b;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 0px;
    top: 12px;
    position: absolute;
}

hr {
    width: 100%;
    height: 1px;
    border: none;
    background: rgb(97 99 114 / 40%);
}

.documents svg {
    width: 120px;
    height: 120px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.documents svg path {
    stroke: rgb(97 99 114 / 59%);
    stroke-width: 0.3;
}

.documents img {
    width: 100%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mbsc-windows.mbsc-popup,
.mbsc-ios.mbsc-popup-body-anchored, .mbsc-ios.mbsc-popup-body-center, .mbsc-ios.mbsc-popup-body-round {
    box-shadow: 0px 0px 24px 0px rgb(76 81 116 / 18%);
    border: none;
    background: #ffffff;
    margin-top: 15px;
}



.mbsc-windows.mbsc-popup .mbsc-popup-body .mbsc-popup-content .mbsc-scroller-wheel-line {
    background: rgb(84 99 207 / 58%);
}

.mbsc-ios.mbsc-popup-arrow {
    box-shadow: 0px 0px 24px 0px rgb(76 81 116 / 18%);
}

.mbsc-ios.mbsc-calendar-controls {
	border:none;
}

.mbsc-popup .mbsc-popup-body .mbsc-scroller-wheel .mbsc-scroller-wheel-item,
.mbsc-windows.mbsc-popup .mbsc-timegrid-cell .mbsc-timegrid-item {
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    color: #616372;
    font-weight: 600;
	background:#ffffff;
}

.mbsc-windows.mbsc-popup .mbsc-timegrid-cell .mbsc-timegrid-item {
    margin: 2px;
    padding: 12px 5px;
}

.mbsc-popup .mbsc-popup-body .mbsc-scroller-wheel .mbsc-scroller-wheel-item:hover,
.mbsc-windows.mbsc-popup .mbsc-timegrid-cell .mbsc-timegrid-item:hover {
    background: rgb(97 99 114 / 18%);
}

.mbsc-popup .mbsc-popup-body .mbsc-scroller-wheel .mbsc-scroller-wheel-item.mbsc-selected, .mbsc-popup .mbsc-popup-body .mbsc-scroller-wheel .mbsc-scroller-wheel-item.mbsc-selected:hover, .mbsc-windows.mbsc-popup .mbsc-timegrid-cell .mbsc-timegrid-item.mbsc-selected, .mbsc-windows.mbsc-popup .mbsc-timegrid-cell .mbsc-timegrid-item.mbsc-selected:hover {
    color: #ffffff;
    background: rgb(116 130 225);
    border-radius: 0px;
}

.mbsc-ios.mbsc-scroller-wheel-line {
    background: none;
}

.mbsc-ios.mbsc-range-control-wrapper .mbsc-segmented,
.mbsc-ios.mbsc-segmented-selectbox-inner,
.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round {
    border-radius: 0px;
}



/* form builder */

.FormBuilder1 .BuildAreaComponent {
    background: #ffffff;
}

.FormBuilder1 {
height: calc(100vh - 190px);
    float: left;
    width: 100%;
    margin: 0px !important;
}

.FormBuilder1 .BuildAreaComponent {
    background: #ffffff;
    height: 100%;
    float: left;
    width: 100%;
    justify-content: flex-start;
    align-items: stretch;
    overflow: visible;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent {
    width: 280px;
    overflow: hidden;
    resize: none;
    margin-left: -30px;
    margin-top: -30px;
    height: calc(100% + 60px);
    background: #2c2f43;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent > .overflow-hidden {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
}

/* width */
.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent > .overflow-hidden::-webkit-scrollbar {
    width: 13px;
}

/* Track */
.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent > .overflow-hidden::-webkit-scrollbar-track {
    background: #2c2f43;
}

/* Handle */
.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent > .overflow-hidden::-webkit-scrollbar-thumb {
    background: #7a7e97;
    border: 4px solid #2c2f43;
    border-radius: 8px;
}

/* Handle on hover */
.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent > .overflow-hidden::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent .bg-white {
    background: none;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent > .overflow-hidden .overflow-y-auto {
    overflow: visible;
    background: #2c2f43;
    border: none;
}


.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav {
    padding: 33px 30px;
    display: flex;
    flex-direction: column;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .py-5.px-2 {
    padding: 0px;
    float: left;
    margin-bottom: 30px;
}


.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav input {
    float: left;
    width: 100%;
    border-radius: 0px;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: 300;
    letter-spacing: -0.02em;
    padding: 10px 16px;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none !important;
    box-shadow: none !important;
    background: rgb(255 255 255 / 22%);
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav input:hover,
.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav input:focus {
    background: rgb(255 255 255 / 100%);
	cursor:pointer;
	color: #616372;
}


.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .absolute {
    position: relative;
    margin-top: auto;
    padding: 0px;
    padding-top: 30px;
    background: none;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .absolute .grid {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .absolute button.col-end-6, .FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .absolute button.col-end-7 {
    margin-left: 12px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
	opacity:1;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .absolute button.col-end-6:hover,
.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .absolute button.col-end-7:hover {
	opacity:0.6;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .absolute button.col-end-6 svg path,
.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .absolute button.col-end-7  svg path {
	fill:#ffffff;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .absolute button.bg-indigo-600 {
    height: 45px;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 5px 20px;
    margin-right: auto;
    outline: none !important;
    box-shadow: none !important;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .space-y-1 {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px;
    margin-top: 0px;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .space-y-1 > button {
    float: left;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    position: relative;
    padding-left: 30px;
    color: #ffffff;
    font-family: 'Assistant', sans-serif;
    outline: none !important;
    box-shadow: none !important;
    font-size: 16px;
    letter-spacing: -0.02em;
    background: transparent;
opacity: 0.8;
}


.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .space-y-1 > button svg {
    margin: 0px;
    position: absolute;
    left: 0px;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .space-y-1 > button svg path {
    fill: none;
    stroke: #ffffff;
    stroke-width: 2;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .space-y-1 > button:hover {
    color: #a9b4ff;
opacity: 1;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .space-y-1 > button:hover svg path {
    stroke: #a9b4ff;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .space-y-1 > button[aria-expanded="true"] {
	opacity: 1;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .space-y-1 > button[aria-expanded="true"] svg {
	transform:rotate(90deg);
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .space-y-1 > button[aria-expanded="true"]:hover {
	color:#ffffff;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .space-y-1 > button[aria-expanded="true"]:hover svg path {
	stroke:#ffffff;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .space-y-1 > .space-y-1 {
    margin-bottom: 0px;
    margin-top: 10px;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .LibraryComponentListComponent {
    clear: both;
    float: left;
    width: 100%;
    display: block;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .LibraryComponentListComponent .LibraryComponent {
    float: left;
    width: 100%;
    padding: 8px 20px;
    color: #ffffff;
    margin-bottom: 5px;
    font-family: 'Mulish';
    font-weight: 300;
    background: rgb(255 255 255 / 3%);
    border-radius: 0px;
}

.FormBuilder1 .BuildAreaComponent .LibraryPanelComponent nav .LibraryComponentListComponent .LibraryComponent:hover {
    background: rgb(255 255 255);
    color: #2c2f43;
    font-weight: 600;
    box-shadow: 0px 0px 24px 0px rgb(76 81 116 / 7%);
}

/* weird overwrites for specific sections */

.references .absolute.inset-0.flex.items-center {
    display: none;
}



.invitations:last-of-type {
    margin-bottom: 0px;
}

.invitation-top h1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}

.invitation-top {
    max-width: calc(100% - 200px);
    margin-top: -68px;
}

form.invitation-formatting ul.divide > li {
    margin-bottom: 40px;
}

form.invitation-formatting ul.divide > li:last-of-type {
	margin-bottom:0px;
}

.secure-pages .two-col-card .questions:last-of-type {
    margin-bottom: 0px;
}

.two-col-card {
    justify-content: flex-start;
    align-content: stretch;
}

.notification-badge {
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #4285f4;
    color: #d7e6fd;
    right: 0;
    border-radius: 9999px;
    font-size: 12px;
    min-width: 18px;
    line-height: 18px;
    min-height: 18px;
    text-align: center;
}

.dropdown-menu {
    top: 0px;
}
 

.MuiBreadcrumbs-root,
.MuiBreadcrumbs-root ol,
.MuiBreadcrumbs-root ol li,
.MuiBreadcrumbs-root ol li a,
.MuiBreadcrumbs-root ol li a svg,
.MuiBreadcrumbs-root ol li p {
	float:left;
	width:auto;
	height:auto;
	display:block;
}

.css-63vwl1-MuiTypography-root-MuiBreadcrumbs-root.MuiBreadcrumbs-root,
.MuiBreadcrumbs-root.css-o3d33y,
.MuiBreadcrumbs-root ol li p {
    margin-bottom: 25px !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    font-family: 'Mulish', sans-serif;
}



.MuiBreadcrumbs-root ol {
    list-style-type: none;
}

.MuiBreadcrumbs-root ol li {
    margin-right: 15px;
    color: #616372;
    margin-left: 0px;
}

.MuiBreadcrumbs-root ol li.css-1wuw8dw-MuiBreadcrumbs-separator {
    font-size: 22px;
    font-weight: 400;
    line-height: 0.8;
    margin-top: -2px;
}

.MuiBreadcrumbs-root ol li a,
.MuiBreadcrumbs-root ol li p {
    color: #616372;
    font-size: 14px;
    font-weight: 600;
}

.MuiBreadcrumbs-root ol li a:hover {
    color: #5563ce;
}

.MuiBreadcrumbs-root ol li a svg {
    width: 15px;
    fill: rgb(97 99 114);
}

.MuiBreadcrumbs-root ol li a:hover svg {
	fill:#5563ce;
}

nav[aria-label="Pagination"] .font-medium {
    font-weight: 400;
}

nav[aria-label="Pagination"] .font-medium:last-of-type,
nav[aria-label="Pagination"] .font-medium:nth-of-type(2) {
    padding-left: 3px;
}

.nav-main .navlist-icons .settings-icon {
    position: relative;
}

.nav-main .navlist-icons .settings-icon .dropdown-menu {
    position: absolute;
    padding: 0px;
    left: 75px;
    background: none;
    margin: 0px 0 0 0;
    padding-top: 46px;
    padding-bottom: 13px;
}

.nav-main .navlist-icons .settings-icon .dropdown-menu a {
    height: auto;
    width: auto;
    border-left: none;
    padding: 0px;
    color: #616372;
    margin: 0px;
    font-size: 14px;
    padding: 7px 22px 7px 0px;
}

.nav-main .navlist-icons .settings-icon .dropdown-menu a:hover {
color:#5563ce;
}

.nav-main .navlist-icons .settings-icon .dropdown-menu a:before,
.nav-main .navlist-icons .settings-icon .dropdown-menu a:after {
	display:none;
}

.nav-main .navlist-icons .settings-icon .dropdown-menu:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #ffffff;
    z-index: -1;
	display:none;
}

.nav-main .navlist-icons .settings-icon button[aria-expanded="true"] ~ .dropdown-menu:before {
	display:block;
}

.app-user-nav button.p-1 svg {
    margin-left: 0px;
    margin-right: 10px;
    stroke: #5563ce;
    stroke-width: 2px;
    margin-top: 4px;
}

.app-user-nav button.p-1 {
    padding: 0px;
}

.app-user-nav button.p-1 .notification-badge {
    position: absolute;
    background-color: #12239f;
    font-size: 10px;
    font-weight: 800;
    line-height: 19px;
    top: -3px;
    right: 6px;
}

.dashboard-cards ul {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: stretch;
    align-content: stretch;
}

.dashboard-cards ul li {
    position: relative;
    margin-bottom: 30px;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
    border: none !important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    align-content: start;
    background: none !important;
    padding-top: 0px;
}

.dashboard-cards ul li > .flex {
    min-width: 100%;
    margin-bottom: 20px;
}

.dashboard-cards ul li .truncate {
    font-size: 20px;
    font-weight: 600;
    float: left;
    color: #16182b;
    margin: 0px 0 0px 0;
    display: block;
    font-family: 'Assistant', sans-serif;
}

.dashboard-cards ul li time {
    font-size: 12px;
    font-weight: 800;
    background: rgb(84 99 207 / 13%);
    float: right;
    line-height: 0.8;
    height: auto;
    color: #5463cf;
    border-radius: 50px;
    padding: 9px 12px;
}

.dashboard-cards ul li .mt-1 {
    min-width: 100%;
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-top: auto;
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(97 99 114 / 31%);
}

.dashboard-cards ul li .mt-1 p {
    flex: 1;
    min-width: 50%;
    padding-right: 10px;
    margin-top: -1px;
    margin-bottom: 20px;
}

.dashboard-cards ul li .mt-1 p .font-bold {
    color: #16182b;
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Assistant', sans-serif;
    line-height: 1;
}

ul.grid {
    clear: both;
}

.container-outer .bg-white > h3 {
    font-size: 24px;
    float: left;
    width: 100%;
    display: block;
    font-weight: 400;
    margin: -11px 0 23px 0;
}

td .truncate {
    max-width: 450px;
    white-space: normal;
    float: left;
    width: auto;
}

td a.truncate {
    text-decoration: underline;
}

ul.grid li.rounded-lg {
    margin-bottom: 20px;
    background: #f5f5fd99;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid rgb(97 99 114 / 10%);
}

ul.grid li.rounded-lg .p-6 {
    padding: 19px 25px;
    border: none;
    border-bottom: 1px solid rgb(97 99 114 / 10%);
}


ul.grid li.rounded-lg div {
    border: none;
}

ul.grid li.rounded-lg a {
    padding: 0px;
    margin: 14px 0;
    color: #5463cf;
    text-decoration: underline;
    font-weight: 700;
}


ul.grid li.rounded-lg a:hover {
    color: #16182b;
}

.access-levels .checkbox {
    float: left;
    width: 100%;
    display: block;
}

.access-levels .checkbox label {
    margin-bottom: 18px;
    position: relative;
}

.access-levels .checkbox label span.text-gray-500:before {
	display:none;
}

.access-levels .checkbox label .checkbox.checkbox-alone {
    margin: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.access-levels .pl-4 {
    clear: both;
    float: left;
    margin-top: 4px;
}

.dashboard-notification {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    flex-wrap: wrap;
}

.dashboard-notification svg {
    width: 50px;
    height: 50px;
    min-width: 50px;
    fill: rgb(84 99 207 / 13%);
    stroke-width: 1px;
    stroke: #5463cf;
    float: left;
    margin: -4px -5px 0 -4px;
}

.dashboard-notification .content {
    max-width: calc(100% - 160px);
    padding-left: 15px;
}

.dashboard-notification .content h3 {
    font-size: 18px;
    font-weight: 600;
}

.dashboard-notification li > div {
    width: 100%;
}

.dashboard-notification .button-list svg {
	width:40px;
	height:40px;
}

.dashboard-notification .button-list a, .dashboard-notification .button-list button {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px solid #16182b;
    margin-left: 10px;
    padding: 5px;
}

.dashboard-notification .button-list a svg, .dashboard-notification .button-list button svg {
    float: left;
    width: 28px;
    height: 28px;
    margin: 0px;
    min-width: 0px;
    fill: none;
    stroke: #16182b;
}


.dashboard-notification .button-list a:hover, .dashboard-notification .button-list button:hover {
border-color: #5563ce;
}


.dashboard-notification .button-list a:hover svg,
.dashboard-notification .button-list button:hover svg {
    stroke:  #5563ce;
}

.dashboard-notification li {
    min-width: 25%;
    max-width: 25%;
}

div#calendar {
    float: left;
    width: 100%;
    display: block;
    height: auto;
}

div#calendar .grid {
    position: relative;
    z-index: 5;
    margin-bottom: 20px;
}

div#calendar .mbsc-calendar {
    margin-bottom: 12px;
}

div#calendar .mbsc-calendar .mbsc-calendar-wrapper {
}

div#calendar .mbsc-calendar .mbsc-calendar-header,
.mbsc-eventcalendar-schedule .mbsc-calendar-header {
    margin-bottom: 30px;
}

div#calendar .mbsc-calendar .mbsc-calendar-header .mbsc-calendar-controls,
.mbsc-eventcalendar-schedule .mbsc-calendar-header .mbsc-calendar-controls {
    padding: 0px;
    display: flex;
    justify-content: start;
    align-items: center;
    align-content: center;
}

div#calendar .mbsc-calendar .mbsc-calendar-header .cal-header-nav,
.mbsc-eventcalendar-schedule .mbsc-calendar-header .cal-header-nav,
.mbsc-eventcalendar-schedule .mbsc-calendar-header .mbsc-calendar-title-wrapper {
    margin-right: auto;
}

div#calendar .mbsc-calendar .mbsc-calendar-header .cal-header-nav button,
.mbsc-eventcalendar-schedule .mbsc-calendar-header .cal-header-nav button,
.mbsc-eventcalendar-schedule .mbsc-calendar-header .mbsc-calendar-title-wrapper button {
    margin: 0px;
    padding: 0px;
    line-height: 1;
    border: none;
    color: #16182b;
    font-family: 'Assistant', sans-serif;
    opacity: 1;
    height: 30px;
}

div#calendar .mbsc-calendar .mbsc-calendar-header .cal-header-nav button:hover,
.mbsc-eventcalendar-schedule .mbsc-calendar-header .cal-header-nav button:hover,
.mbsc-eventcalendar-schedule .mbsc-calendar-header .mbsc-calendar-title-wrapper button:hover {
	color:#5463cf;
}

div#calendar .mbsc-calendar .mbsc-calendar-header .cal-header-picker {
    padding-left: 25px;
    padding-right: 25px;
}

div#calendar .mbsc-calendar .mbsc-calendar-header .cal-header-picker .mbsc-segmented {
    padding: 0px;
}

div#calendar .mbsc-calendar .mbsc-calendar-header .cal-header-picker .mbsc-segmented label {
    margin: 0 5px;
}

div#calendar .mbsc-calendar .mbsc-calendar-header .cal-header-picker .mbsc-segmented label button, div#calendar .mbsc-calendar .mbsc-calendar-header .cal-header-picker .mbsc-segmented label span.mbsc-segmented-button,
.mbsc-eventcalendar-schedule .mbsc-calendar-header .mbsc-calendar-button-today {
    width: 40px;
    height: 40px;
    color: #16182b;
    border: 1px solid;
    background: none;
}

div#calendar .mbsc-calendar .mbsc-calendar-header .cal-header-picker .mbsc-segmented label button:hover,
div#calendar .mbsc-calendar .mbsc-calendar-header .cal-header-picker .mbsc-segmented label span.mbsc-segmented-button:hover,
.mbsc-eventcalendar-schedule .mbsc-calendar-header .mbsc-calendar-button-today:hover {
	    color: #5463cf;
}

.mbsc-eventcalendar-schedule .mbsc-calendar-header .mbsc-calendar-button-today {
    border-radius: 0px;
    width: auto;
    padding: 10px 20px;
    margin-left: 5px;
    margin-right: 5px;
}


div#calendar .mbsc-calendar .mbsc-calendar-header .cal-header-picker .mbsc-segmented label span.mbsc-segmented-button {
}

div#calendar .mbsc-calendar .mbsc-calendar-header button.cal-header-prev, div#calendar .mbsc-calendar .mbsc-calendar-header button.cal-header-next,
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header .mbsc-calendar-button-prev,
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header .mbsc-calendar-button-next {
    margin: 0px;
    width: 40px;
    height: 40px;
}

div#calendar .mbsc-calendar .mbsc-calendar-header button.cal-header-prev svg,
div#calendar .mbsc-calendar .mbsc-calendar-header button.cal-header-next svg,
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header .mbsc-calendar-button-prev svg,
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header .mbsc-calendar-button-next svg {
	fill:#16182b;
}

div#calendar .mbsc-calendar .mbsc-calendar-header button.cal-header-prev:hover svg,
div#calendar .mbsc-calendar .mbsc-calendar-header button.cal-header-next:hover svg,
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header .mbsc-calendar-button-prev:hover svg,
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header .mbsc-calendar-button-next:hover svg {
	fill:#5463cf;
}

div#calendar .mbsc-calendar .mbsc-calendar-body {
}

div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-week-days {
}

div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-week-days {
}

div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-week-days .mbsc-calendar-week-day {
    color: #16182b;
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Assistant', sans-serif;
    border-bottom: 2px solid;
    font-weight: 700;
    height: auto;
    line-height: 1;
    padding: 0 15px 12px 15px;
}

div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-cell {
    border: 1px solid rgb(97 99 114 / 20%);
    border-top: none;
    border-left: none;
    background: #ffffff !important;
}

div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-row >  .mbsc-calendar-cell:first-of-type {
	border-left:1px solid rgb(97 99 114 / 20%);
}

div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-cell:after {
    border: none;
	background:none !important;
}

div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-row >  .mbsc-calendar-cell:first-of-type:after {

    border-left: 1px solid rgb(97 99 114 / 20%);
}


div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-cell .mbsc-calendar-cell-inner {
    min-height: 130px;
    border: 4px solid transparent;
    background: #ffffff!important;
}
div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-cell:hover .mbsc-calendar-cell-inner {
    background: rgb(97 99 114 / 8%) !important;
}

div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-cell .mbsc-calendar-cell-inner .mbsc-calendar-month-name, div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-cell .mbsc-calendar-cell-inner .mbsc-calendar-cell-text {
    font-family: 'Mulish', sans-serif;
    color: #616372;
    font-size: 14px;
    font-weight: 500;
    margin-right: 5px;
    margin-left: 0px;
    line-height: 1;
    margin-top: 10px;
	    margin-bottom: 12px;
}

div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-cell .mbsc-calendar-cell-inner .mbsc-calendar-cell-text {
    margin-right: 0px;
}

div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-cell.mbsc-selected .mbsc-calendar-cell-inner {
	background: rgb(84 99 207 / 13%) !important;
}

div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-cell.mbsc-selected .mbsc-calendar-cell-inner .mbsc-calendar-month-name, div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-cell.mbsc-selected .mbsc-calendar-cell-inner .mbsc-calendar-cell-text {
    color: #5463cf !important;
    font-weight: 700;

}


.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day:after {
    border: none;
}

div#calendar .mbsc-calendar .mbsc-calendar-header .cal-header-nav button span,
.mbsc-eventcalendar-schedule .mbsc-calendar-header .mbsc-calendar-title-wrapper button span {
    font-size: 24px;
    line-height: 1;
    overflow: visible;
    font-weight: 500;
    padding: 0 9px 0 0;
}

div#calendar .mbsc-event-list {
    margin-top: 35px;
}

div#calendar .mbsc-event-list .mbsc-event-list-empty {
    margin: 0px;
    font-size: 18px;
    color: red;
}

.bg-red-200 {
    background: #fff4f4;
}

.bg-red-200 td p {
    color: #db1a1a;
    font-weight: 400;
}

div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-text {
    height: 30px;
    line-height: 1;
    padding: 0px;
/*    background: #5463cf;*/
    font-size: 11px;
    font-weight: 500;
    margin: 0 3px 3px;
    padding: 7px 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-text:hover {
/*	background:#16182b;*/
}

div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-text:before,
div#calendar .mbsc-calendar .mbsc-calendar-body .mbsc-calendar-text .mbsc-calendar-label-background {
/*	display:none;*/
}

.filepond--wrapper .filepond--root .filepond--list-scroller {
    margin-top: 0px;
    margin-bottom: 0px;
}


.filepond--panel-root {
    border-radius: 0px;
}

.filepond--panel-root {
    background: none !important;
}

.filepond--item {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    left: 0px;
    right: auto;
}

.filepond--wrapper .filepond--list.filepond--list {
    position: absolute;
    top: 8px;
    left: 0px;
    right: 0px;
}

.filepond--wrapper .filepond--list.filepond--list li {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

div#calendar .mbsc-event-list .mbsc-list {
	clear:both;
	float:left;
	width:100%;
	height:auto;
}

div#calendar .mbsc-event-list .mbsc-list .mbsc-list-header {
    padding: 0px;
    float: left;
    width: 100%;
    display: block;
    height: auto;
    color: #16182b;
    font-family: 'Assistant', sans-serif;
    font-size: 20px;
    margin: -5px 0 23px 0;
}

div#calendar .mbsc-event-list .mbsc-list .mbsc-event {
    margin-bottom: 20px;
    background: #f5f5fd99;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid rgb(97 99 114 / 10%);
    padding: 20px 25px;
    position: relative;
    padding-left: 35px;
}

.mbsc-windows.mbsc-event-group {
    border: none !important;
}

div#calendar .mbsc-event-list .mbsc-list .mbsc-event:before {
	display:none;
}

div#calendar .mbsc-event-list .mbsc-list .mbsc-event:hover {
    background: #e5e5f999;
}

div#calendar .mbsc-event-list .mbsc-list .mbsc-event .mbsc-event-color {
/*    background: #5463cf;*/
    position: absolute;
    left: 0px;
    z-index: 2;
    height: 100%;
    width: 8px;
    margin: 0px;
    top: 0px;
}

div#calendar .mbsc-event-list .mbsc-list .mbsc-event:hover .mbsc-event-color {
	background:#16182b;
}

div#calendar .mbsc-event-list .mbsc-list .mbsc-event .mbsc-event-content {
    padding-left: 25px;
}

div#calendar .mbsc-event-list .mbsc-list .mbsc-event .mbsc-event-content > div {
    white-space: normal;
    color: #16182b;
    font-size: 16px;
}

div#calendar .mbsc-event-list .mbsc-list .mbsc-event .mbsc-event-time {
    padding: 0px;
    width: auto;
    flex-wrap: nowrap;
    font-size: 13px;
    font-weight: 700;
    color: #16182b;
    display: flex;
}

div#calendar .mbsc-event-list .mbsc-list .mbsc-event .mbsc-event-time > div {
    float: left;
    display: block;
    margin: 0 3px;
}

div#calendar .mbsc-event-list .mbsc-list .mbsc-event:last-of-type {
	margin-bottom:0px;
}

.modal-content .flex.justify-between.p-3.mb-4 {
    margin-bottom: 0px;
    padding: 0px;
    flex-wrap: wrap;
    margin-bottom: -25px;
}

.modal-content .flex.justify-between.p-3.mb-4 div {
    min-width: 50%;
    flex: 0 0 50%;
    margin-bottom: 25px;
}

.modal-content .flex.justify-between.p-3.mb-4 div label {
    font-weight: 400;
    min-height: 19px;
}

.modal-content .flex.justify-between.p-3.mb-4 div p {
    clear: both;
    float: left;
    display: block;
    margin: -9px 0 -7px 0;
}

.modal-content .flex.justify-between.p-3.mb-4 div a {
    color: #5463cf;
    text-decoration: underline;
    font-weight: 700;
    background: none;
    height: auto;
    padding: 0px;
    margin: 0px;
    margin-top: -9px;
    float: left;
    margin-bottom: -7px;
}

.modal-content .flex.justify-between.p-3.mb-4 div a:hover {
	    color: #16182b;
}

.FormBuilder {
    background: #ffffff;
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 60px;
}

.FormBuilder .PreviewComponent {
    background: #ffffff;
}


.FormBuilder .PreviewComponent .CanvasComponent {
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    display: block;
    padding: 30px;
}

.FormBuilder .PreviewComponent .CanvasComponent .py-6, 
.FormBuilder .PreviewComponent .CanvasComponent .px-6,
.FormBuilder .PreviewComponent .CanvasComponent .px-4,
.FormBuilder .PreviewComponent .CanvasComponent .py-4,
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .GridCellComponent,
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .GridCellComponent .p-3 {
    padding: 0px;
	margin:0px;
}

.FormBuilder .PreviewComponent .CanvasComponent form {
    clear: both;
    float: left;
    width: 100%;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent {
    gap: 30px;
    margin: 0px;
    margin-bottom: 0px;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group {
	float:left;
	width:100%;
	height:auto;
	display:block;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .relative {
    box-shadow: none !important;
}

.ParentConfigComponent {
    float: left;
    width: 100%;
    display: block;
    height: auto;
    position: relative;
}

.FormBuilder .PreviewComponent .PreviewNavigationComponent {
    float: left;
    width: 100%;
    display: block;
    height: auto;
    margin-top: 30px;
}

.FormBuilder .PreviewComponent .PreviewNavigationComponent .flex {
    width: 100%;
    height: auto;
    position: relative;
    justify-content: start;
}

.FormBuilder .PreviewComponent .PreviewNavigationComponent .flex button {
    border-radius: 0px;
}

.FormBuilder .PreviewComponent .PreviewNavigationComponent .flex button:nth-of-type(2),
.FormBuilder .PreviewComponent .PreviewNavigationComponent .flex button:nth-of-type(3) {
	margin-left:auto;
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent:empty,
.FormBuilder .PreviewComponent .SubStepsNavigationComponent:empty,
.form-builder-outer .FormBuilder .MainStepsNavigationComponent:empty {
    display: none !important;
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent,
.form-builder-outer .FormBuilder .MainStepsNavigationComponent {
    padding: 30px;
    padding-bottom: 10px;
    clear: both;
    float: left;
    width: 100%;
    height: auto;
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent nav,
.form-builder-outer .FormBuilder .MainStepsNavigationComponent nav {
    background: #16182b;
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent ol,
.form-builder-outer .FormBuilder .MainStepsNavigationComponent nav ol {
    background: none;
    border: none;
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent ol li,
.form-builder-outer .FormBuilder .MainStepsNavigationComponent nav ol li {
    flex: 1;
    border-right: 2px solid #ffffff;
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent ol li:last-of-type,
.form-builder-outer .FormBuilder .MainStepsNavigationComponent nav ol li:last-of-type {
    border-right: 0px solid #ffffff;
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent ol li a,
.form-builder-outer .FormBuilder .MainStepsNavigationComponent nav ol li a {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    padding: 10px 20px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-content: center;
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent ol li div,
.form-builder-outer .FormBuilder .MainStepsNavigationComponent nav ol li div {
	display:none;
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent ol li a span,
.form-builder-outer .FormBuilder .MainStepsNavigationComponent nav ol li a span {
    padding: 0px;
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent ol li a .rounded-full,
.form-builder-outer .FormBuilder .MainStepsNavigationComponent nav ol li a .rounded-full {
    display: none !important;
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent ol li a .font-medium,
.form-builder-outer .FormBuilder .MainStepsNavigationComponent nav ol li a .font-medium {
    margin: 0px;
    float: left;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    font-weight: 700;
    color: rgb(255 255 255);
    font-family: 'Assistant', sans-serif;
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent ol li a:hover {

}

.FormBuilder .PreviewComponent .PreviewNavigationComponent .flex button:nth-of-type(3) {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent ol li a:hover .font-medium,
.form-builder-outer .FormBuilder .MainStepsNavigationComponent nav ol li a:hover .font-medium {
	    color: rgb(255 255 255 / 100%);
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent ol li a[aria-current="step"],
.form-builder-outer .FormBuilder .MainStepsNavigationComponent nav ol li a[aria-current="step"] {
    background: #5463cf;
	cursor:default;
	pointer-events:none;
}

.FormBuilder .PreviewComponent .MainStepsNavigationComponent ol li a[aria-current="step"] .font-medium,
.form-builder-outer .FormBuilder .MainStepsNavigationComponent nav ol li a[aria-current="step"] .font-medium {
	color:#ffffff;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .relative button {
	border-radius:0px;
}

.FormBuilder .PreviewComponent .SubStepsNavigationComponent,
.form-builder-outer .FormBuilder .SubStepsNavigationComponent {
    margin: 0px;
    padding: 30px;
    padding-bottom: 10px;
}

.FormBuilder .PreviewComponent .SubStepsNavigationComponent nav,
.form-builder-outer .FormBuilder .SubStepsNavigationComponent nav {
	clear:both;
	float:left;
	width:100%;
	height:auto;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent.border {
    margin-bottom: 20px;
    background: #f5f5fd99;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid rgb(97 99 114 / 10%);
    padding: 25px;
}

.FormBuilder .PreviewComponent .SubStepsNavigationComponent nav ol,
.form-builder-outer .FormBuilder .SubStepsNavigationComponent nav ol {
    justify-content: start;
}

.FormBuilder .PreviewComponent .SubStepsNavigationComponent nav ol li, .form-builder-outer .FormBuilder .SubStepsNavigationComponent nav ol li {
    flex: 0;
    margin-left: 0px;
    box-shadow: none;
}

.FormBuilder .PreviewComponent .SubStepsNavigationComponent nav ol li a, .form-builder-outer .FormBuilder .SubStepsNavigationComponent nav ol li a {
    padding-bottom: 17px;
    white-space: nowrap;
    box-shadow: none !important;
    border: none !important;
}

.FormBuilder .PreviewComponent .SubStepsNavigationComponent nav ol li a span.font-medium,
.form-builder-outer .FormBuilder .SubStepsNavigationComponent nav ol li a span.font-medium {
    display: none !important;
}

.FormBuilder .PreviewComponent .SubStepsNavigationComponent nav ol li a span.text-xs,
.form-builder-outer .FormBuilder .SubStepsNavigationComponent nav ol li a span.text-xs {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent h1, 
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent h2, 
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent h3, 
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent h4, 
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent h5, 
.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent h6,
.FormBuilder .BuildAreaComponent .GridComponent h1, 
.FormBuilder .BuildAreaComponent .GridComponent h2,
.FormBuilder .BuildAreaComponent .GridComponent h3,
.FormBuilder .BuildAreaComponent .GridComponent h4,
.FormBuilder .BuildAreaComponent .GridComponent h5,
.FormBuilder .BuildAreaComponent .GridComponent h6{
    float: left;
    width: 100%;
    text-align: left;
    color: #16182b;
    font-family: 'Assistant', sans-serif;
    font-size: 24px;
    letter-spacing: -0.02em;
    text-transform: none;
    margin: -5px 0 -7px 0;
    line-height: 1.3;
}

.container-outer .job-details {
    margin-bottom: 10px;
    margin-top: 3px;
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
}

.container-outer .job-details div {
    float: left;
    width: 100%;
    display: block;
    padding: 0 15px;
	margin-bottom:25px;
}

.container-outer .job-details div label {
    color: #16182b;
    text-transform: uppercase;
    font-weight: 800;
    margin: -2px 0 12px 0;
    font-size: 13px;
}

.container-outer .job-details div p {
    color: #16182b;
    font-family: 'Assistant', sans-serif;
    clear: both;
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    margin: -5px 0 -5px 0;
    line-height: 1.2;
}

.container-outer .job-details div button {
    float: left;
    width: auto;
    height: auto;
    position: relative;
    border: none;
    padding: 0px;
}

.container-outer .job-details div button a.btn-icon {
    color: #5563ce;
    float: left;
    position: relative;
    padding-left: 32px;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.container-outer .job-details div button a.btn-icon:hover {
	padding-left:42px;
}

.container-outer .job-details div button a.btn-icon svg {
    position: absolute;
    left: 0px;
    top: -2px;
    width: 21px;
    height: auto;
}

.container-outer .job-details div button a.btn-icon svg path {
    stroke: #5563ce;
    fill: #5563ce;
}

.tabbed-form {
    float: left;
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-top: -30px;
}

.tabbed-form .FormBuilder .PreviewComponent, .tabbed-form .FormBuilder {
    background: none;
}

.forms-section-inner.fix-search .section-header .dashboard-cards {
    padding-left: 30px;
}

.form-builder-outer .FormBuilder {
    margin-bottom: 0px;
}

.form-builder-outer .FormBuilder .BuildAreaComponent {
    background: #ffffff;
    justify-content: start;
    align-items: stretch;
    align-content: stretch;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent {
    height: auto;
    margin-bottom: 0px;
    background: #f5f5fd99;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid rgb(97 99 114 / 10%);
    padding: 20px;
    overflow: visible;
}

.form-builder-outer .FormBuilder .MainStepsNavigationComponent {
    padding-top: 0px;
}

.form-builder-outer .FormBuilder .CanvasComponent,
.form-builder-outer .FormBuilder .CanvasComponent .py-6,
.form-builder-outer .FormBuilder .CanvasComponent .py-4 {
    padding: 0px;
}

.form-builder-outer .FormBuilder .CanvasComponent .px-4 {
	padding-left:30px;
	padding-right:30px;
}


.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .bg-white {
    background: none;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .border-gray-200 {
    border: none;
}

/* format sections within sections */

.forms-section-inner .p-6 {
    padding: 0px;
}

.forms-section-inner .section-header h3 {
    order: 1;
    white-space: nowrap;
}

.forms-section-inner .section-header > .flex {
    order: 2;
}

.forms-section-inner .section-header {
    flex-wrap: wrap;
}

.forms-section-inner .section-header .dashboard-cards {
    order: 3;
    min-width: 100%;
}

.forms-section-inner .section-header button {
    width: 100%;
}

.forms-section-inner.two-element .section-header .dashboard-cards {
    min-width: 0%;
    width: auto;
}

.jodit-container:not(.jodit_inline) .jodit-workplace {
    background: #ffffff;
}

.forms-section-inner.three-element .section-header .dashboard-cards {
    min-width: 0%;
    width: auto;
}

.forms-section-inner.spacer .section-header .dashboard-cards {
    margin-top: 25px;
}

.forms-section-inner .section-header .dashboard-cards .grid {
    margin: 0pc;
}

/* fix create user form */
.create-user-form-fix form {
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

.create-user-form-fix .grid-col {
    width: calc(200% + 30px);
}


.checklist-answers {
    margin-top: 20px;
}

.checklist-answers > .relative {
    margin-bottom: -15px;
}

.checklist-answers > .relative p {
    position: relative;
    padding-left: 35px;
}

.checklist-answers > .relative p:before {
    content: "✓";
    position: absolute;
    left: 0px;
    top: 2px;
    background: #d1fae5;
    color: #065f60;
    width: 26px;
    height: 26px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    border-radius: 50%;
    line-height: 0.8;
    padding: 8px 0;
}

.login-checkbox-fix label.checkbox-alone {
    width: 30px;
}

.login-checkbox-fix > span {
    padding-left: 18px;
    margin-top: -5px;
}

.login-checkbox-fix > span:before {
	display:none;
}

td .text-gray-900 {
    color: #616372 !important;
    font-weight: 300;
    font-size: 16px;
    font-family: 'Mulish', sans-serif;
}

td a.font-medium {
    box-shadow: inset 0 -0.06rem 0 0 #5563ce;
    text-decoration: none;
}

td a.font-medium:hover {
    color: #19289e;
    box-shadow: inset 0 -0.06rem 0 0 #19289e;
}

.audit-log-inner:last-of-type {
    margin-bottom: 0px;
}

.audit-log-inner {
    background: #f5f5fd99;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid rgb(97 99 114 / 10%);
}

.audit-log-inner .audit-log-top {
    border-bottom: 1px solid rgb(97 99 114 / 10%);
    padding: 10px 20px;
}

.audit-log-inner .audit-log-top h3 {
    font-size: 18px;
    font-weight: 600;
}

.audit-log-inner .audit-log-top p {
    font-size: 14px;
    font-weight: 500;
    color: #16182b;
}

.audit-log-inner .audit-log-bottom {
}

.audit-log-inner .audit-log-bottom ul {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    padding: 10px 20px;
}

.audit-log-inner .audit-log-bottom ul li {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    clear: both;
    line-height: 30px;
}

.audit-log-inner .audit-log-bottom ul li b {
    color: #16182b;
}

.form-group canvas.signatureCanvas {
    border: 1px solid rgb(97 99 114 / 35%);
    float: left;
    clear: both;
	max-width:100%;
}

.form-group canvas.signatureCanvas:hover {
    border: 1px solid rgb(97 99 114 / 100%);
}

.sidebar-fix {
    width: calc(100vw - 80px);
    margin-left: -98px;
}

.forms-section-inner.forms-organise .section-header .dashboard-cards .grid {
    margin-top: 20px;
}

.ParentConfigComponent {
    margin-bottom: 30px;
}

.FormBuilder .PreviewComponent {
    margin-bottom: -88px;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .relative button.react-datepicker__close-icon {
    color: red;
    border-color: red;
    padding: 0px;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}


.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .relative button.react-datepicker__close-icon:hover {
	opacity:0.6;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .relative button.react-datepicker__close-icon:after {
    color: red;
    background: none;
    font-size: 22px;
    padding: 0px;
    height: auto;
    line-height: 0.8;
}

.ParentConfigComponent input[autocomplete="off"] {
/*    padding: 0px;
    display: none;
    border: none;*/
}

.ParentConfigComponent .financial-lines {
    padding: 0px;
    clear: both;
    float: left;
    width: 100%;
    border: none;
    box-shadow: none;
    margin: 0 0 0 0;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
    align-content: start;
}

.ParentConfigComponent .financial-lines div.mt-1 {
    flex: 0 0 100%;
	order:1;
}

.ParentConfigComponent .financial-lines button.mt-1 {
    order: 2;
    flex: 0;
    white-space: nowrap;
    margin-left: auto !important;
    margin-top: 20px !important;
}

form.customer-approval-modal {
    width: 330px;
    float: left;
    display: block;
}

form.customer-approval-modal {
    width: 330px;
    float: left;
    display: block;
    margin-right: -88px;
}

form.customer-approval-modal .filepond--item {
    margin: 0px;
}

form.customer-approval-modal .grid {
    gap: 24px;
}

.ParentConfigComponent .financial-summary {
	margin:0px;
}

.ParentConfigComponent .financial-summary h3 {
    margin: -5px 0 20px 0 !important;
}

.ParentConfigComponent .financial-summary .grid > div > div {
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

.ParentConfigComponent .financial-summary .grid button {
    float: right !important;
    margin-top: 20px !important;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .GridCellComponent .min-h-20 {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
    align-content: start;
}

.ParentConfigComponent .financial-lines .gap-1 {
    gap: 30px;
    margin-bottom: 15px;
}

.remove-button button {
    padding: 0px !important;
    width: 45px;
    border-color: red !important;
    color: red !important;
    opacity: 1;
}

.remove-button button svg {
    width: 20px;
    height: 18px;
}

.remove-button button:hover {
	opacity:0.6;
}

.customContent p {
    margin-top: 0px;
    margin-bottom: 12px;
}

.css-12mvehg-MuiPaper-root-MuiAlert-root {
    background-color: rgb(74 197 134 / 12%);
    border-radius: 0px;
    color: rgb(44 118 80);
    font-family: 'Mulish', sans-serif;
    font-weight: 500;
    border: 1px solid rgb(74 197 134 / 25%);
}

.css-12mvehg-MuiPaper-root-MuiAlert-root svg {
    fill: rgb(44 118 80);
}

.css-12mvehg-MuiPaper-root-MuiAlert-root .MuiAlert-icon {
    margin-right: 7px;
}

.FormBuilder p, .FormBuilder .prose p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 0px;
    margin-bottom: 12px;
    color: #616372;
    font-weight: 300;
    font-family: 'Mulish', sans-serif;
}

.FormBuilder .customContent {
	float:left;
	width:100%;
	height:auto;
	display:block;
}

.FormBuilder .customContent > *:first-child {
	margin-top:-7px;
}

.FormBuilder .customContent > *:last-child {
	margin-bottom:-7px;
}

.tox .tox-tbtn:hover {
    background: rgb(85 99 206 / 11%);
}

.tox .tox-tbtn:hover svg {
    fill: #5563ce;
}

.mbsc-block-title+.mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:before, .mbsc-form-group-title+.mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:before, .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:first-child:before, .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:last-child:after {
	opacity:0;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group .text-sm label {
    font-size: 16px;
    font-weight: 300;
    margin: -5px 0 0;
    line-height: 30px;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group input[type="checkbox"] {
    padding: 0px;
    width: 34px;
    height: 34px;
    margin-right: 3px;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group input[type="checkbox"]:checked {
    border-color: #5563ce;
    background: url(../images/Icons/checkmark.png) center center no-repeat;
    background-color: #5563ce;
    background-size: 13px;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group .radio label {
    margin: 0px;
    font-size: 16px;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group .radio label span {
    margin-top: 4px;
    float: left;
}

.FormBuilder .PreviewComponent .ToolbarComponent {
    right: auto;
    left: 10px;
	bottom:10px;
    background: none;
}

.FormBuilder .PreviewComponent .ToolbarComponent .grid {
    gap: 6px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: none;
}

.FormBuilder .PreviewComponent .ToolbarComponent .grid button {
    padding: 0px !important;
    width: 36px !important;
    height: 36px !important;
}

.FormBuilder .PreviewComponent canvas {
    border: 1px solid #c8c8ce;
}


.FormBuilder .PreviewComponent .Repeater {
    margin-bottom: 30px;
    display: flex;
    justify-content: start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    width: 100%;
    float: left;
}

.FormBuilder .PreviewComponent .Repeater .m-1.flex.justify-center {
    margin: 0px;
    float: right;
	margin-left:auto;
}

.FormBuilder .PreviewComponent .CanvasComponent form .GridComponent .group .text-sm label {
    cursor: default;
    pointer-events: none;
}

.switcher {
    margin-bottom: 30px !important;
}

.switcher span {
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    color: #616372;
    font-weight: 300;
}

.switcher span.ml-3 {
	margin-left:15px;
}

.switcher span.mr-3 {
	margin-right:15px;
}

.switcher button,
div[aria-modal="true"] .rounded-lg .flex-auto .Input button[role="switch"] {
    box-shadow: none !important;
    outline: none !important;
    background: #f5f5fd;
    height: 30px;
    border: none;
    width: 50px;
    position: relative;
}

.switcher button span,
div[aria-modal="true"] .rounded-lg .flex-auto .Input button[role="switch"] span {
    background: #5563ce;
    width: 20px;
    height: 20px;
    left: 5px;
    top: 5px;
    transform: translate(0px, 0px);
    position: absolute;
}

.switcher button[aria-checked="true"],
div[aria-modal="true"] .rounded-lg .flex-auto .Input button[role="switch"][aria-checked="true"] {
	background:#5563ce;
}

.switcher button[aria-checked="true"] span,
div[aria-modal="true"] .rounded-lg .flex-auto .Input button[role="switch"][aria-checked="true"] span {
    background: #ffffff;
    transform: translate(20px, 0px);
}

.mbsc-eventcalendar-schedule .mbsc-schedule-header {
    border: none !important;
    background: #ffffff;
}

.mbsc-eventcalendar-schedule .mbsc-schedule-header .mbsc-schedule-time-col {
    background: #ffffff;
    border-bottom: 2px solid #16182b;
}

.mbsc-eventcalendar-schedule .mbsc-schedule-header-item {
    color: #16182b;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Assistant', sans-serif;
    font-weight: 700;
    height: auto;
    line-height: 1;
    padding: 0 15px 12px 15px;
    border-bottom: 2px solid #16182b !important;
    background: #ffffff;
}

.mbsc-eventcalendar-schedule .mbsc-schedule-header-item div {
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 0 1px !important;
    line-height: 1;
}

.mbsc-eventcalendar-schedule .mbsc-schedule-header-item .mbsc-schedule-header-day.mbsc-selected {
    background: #5463cf;
    padding: 3px 0 !important;
    margin-left: 4px;
}

.mbsc-eventcalendar-schedule .mbsc-calendar-header {
    background: none !important;
}

.mbsc-windows.mbsc-range-day .mbsc-calendar-cell-inner, .mbsc-windows.mbsc-selected .mbsc-calendar-cell-inner {
    background: rgb(230 230 245);
}

.mbsc-eventcalendar-schedule .mbsc-schedule-time-col, .mbsc-eventcalendar-schedule .mbsc-timeline-resource-col {
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    color: #616372;
    font-weight: 500;
}

.mbsc-eventcalendar-schedule .mbsc-ios.mbsc-schedule-all-day-item:after,
.mbsc-eventcalendar-schedule .mbsc-schedule-item,
.mbsc-eventcalendar-schedule .mbsc-ios.mbsc-schedule-column,
.mbsc-eventcalendar-schedule .mbsc-ios.mbsc-schedule-all-day-wrapper {
    border-color: rgb(97 99 114 / 12%);
}

.mbsc-eventcalendar-schedule .mbsc-ios.mbsc-schedule-header-item-large.mbsc-schedule-header-item {
    border: none;
}

.mbsc-eventcalendar-schedule .mbsc-ios.mbsc-schedule-time-indicator {
    border-color: #5463cf;
}

.mbsc-eventcalendar-schedule .mbsc-ios.mbsc-schedule-time-indicator-time {
    background: hsla(0,0%,100%,.8);
    color: #5463cf;
}

.mbsc-eventcalendar-schedule .mbsc-ios.mbsc-schedule-time-indicator-day:before {
	background:#5463cf;
}

.mbsc-eventcalendar-schedule .mbsc-ios.mbsc-schedule-all-day-wrapper {
    background: #f5f5fd;
    max-height: 100px;
}

.mbsc-eventcalendar-schedule .mbsc-ios.mbsc-schedule-all-day-item {
    min-height: 40px;
}

.mbsc-ios.mbsc-schedule-all-day-text {
    color: #16182b;
    font-weight: 700;
    min-height: 40px;
    padding-top: 10px;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .w-full.py-5.px-2 {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent input.border-dashed {
    border: 1px solid rgb(97 99 114 / 35%);
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    color: #616372;
    font-weight: 300;
    height: 45px;
    padding: 10px 20px;
    outline: none !important;
    box-shadow: none !important;
}
.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent input.border-dashed:hover {
    border: 1px solid rgb(97 99 114 / 100%);
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent input.border-dashed:focus {
	border: 1px solid #5463cf;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .form-group {
    margin-bottom: 22px;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent button.rounded-md {
    float: left;
    width: 100%;
    position: relative;
    padding: 0px;
    font-size: 18px;
    color: #16182b;
    font-family: 'Assistant', sans-serif;
    font-weight: 400;
    border-bottom: 1px solid rgb(22 24 43 / 23%);
    border-radius: 0px;
    outline: none !important;
    box-shadow: none !important;
    padding-bottom: 12px;
    margin-bottom: 12px;
}


.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent button.rounded-md:hover {
    border-bottom: 1px solid rgb(22 24 43 / 100%);
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent button.rounded-md svg path {
    fill: #16182b;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent button.rounded-md svg {
    position: absolute;
    right: 0px;
    top: 1px;
    transform: rotate(90deg);
    margin: 0px;
    width: 16px;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .LibraryComponent {
    font-weight: 400;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    color: #616372;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: none;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .LibraryComponentListComponent {
    margin-bottom: 15px;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent button.rounded-md[aria-expanded="true"] {
    color: #5563ce;
    border-color: #5563ce;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent button.rounded-md[aria-expanded="true"] svg {
    transform: rotate(-90deg);
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent button.rounded-md[aria-expanded="true"] svg path {
    fill: #5563ce
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .LibraryComponent:hover {
    color: #5563ce;
    font-weight: 700;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .bg-white {
    background: none;
    overflow: visible !important;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .border-gray-200 {
    overflow: visible !important;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .absolute {
    padding: 0px;
    margin: 0px;
    background: none;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .absolute button svg path {
    fill: #16182b;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .absolute button svg {
    width: 14px;
    height: 14px;
    margin: 0px;
    float: left;
transform: none;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .absolute button {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    opacity: 1;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .absolute button:hover {
	opacity:0.6;
}

.mbsc-windows.mbsc-range-control-label.active, .mbsc-windows.mbsc-range-control-value.active {
	color: #5563ce;
}

.mbsc-windows.mbsc-range-control-wrapper .mbsc-windows.mbsc-segmented-button.mbsc-selected {
    border-bottom-color:#5563ce;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .absolute button.bg-indigo-600 svg {
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 7px;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .absolute button.bg-indigo-600 svg path {
    fill: none;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .absolute button.bg-indigo-600 {
    margin: 0px;
    width: auto;
    background: #4ac586;
    color: #ffffff;
    box-shadow: none;
    border: none;
    font-size: 16px;
    font-weight: 500;
    flex-wrap: nowrap;
    opacity: 1;
    padding: 9px 13px;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .absolute button.bg-indigo-600:hover {
background: #39a56e;
    color: #ffffff;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent .h-screen {
    height: auto;
    min-height: 100vh;
}

.form-builder-outer .FormBuilder .BuildAreaComponent .LibraryPanelComponent nav {
    padding-bottom: 70px;
}

.FormBuilder .BuildAreaComponent .border-dashed {
    border: 1px dashed rgb(97 99 114 / 35%);
	border-radius:0px;
}

.FormBuilder .BuildAreaComponent .GridComponent .GridCellComponent,
.FormBuilder .BuildAreaComponent .AddGrid {
    background: #f5f5fd99;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid rgb(97 99 114 / 10%);
}

.FormBuilder .BuildAreaComponent .GridComponent .GridCellComponent:hover,
.FormBuilder .BuildAreaComponent .AddGrid:hover {
    border: 1px solid rgb(97 99 114 / 100%);
}

.FormBuilder .BuildAreaComponent .AddGrid button {
    margin-top: 10px;
    margin-bottom: 10px;
	opacity:1;
}

.FormBuilder .BuildAreaComponent .AddGrid button svg {
    width: 34px;
    height: 34px;
    color: #5463cf;
}

.FormBuilder .BuildAreaComponent .AddGrid button:hover {
	opacity:0.6;
}

.FormBuilder .BuildAreaComponent .ToolbarComponent {
    background: #ffffff;
    border-radius: 0px;
    box-shadow: 0px 0px 24px 0px rgb(76 81 116 / 7%);
    border: 1px solid rgb(97 99 114 / 9%);
    bottom: 10px;
    right: 15px;
}

.FormBuilder .BuildAreaComponent .ToolbarComponent .grid {
    gap: 8px;
    padding: 8px;
}

.FormBuilder .BuildAreaComponent .ToolbarComponent .grid button {
    width: 34px;
    height: 34px;
    border-radius: 0px;
    color: #16182b;
    border: 1px solid;
    background: none;
}

.FormBuilder .BuildAreaComponent .ToolbarComponent .grid button:hover {
	color:#5563ce;
}


div[aria-modal="true"] .rounded-lg {
    border-radius: 0px;
    padding: 30px;
    width: auto;
    max-width: 750px;
    height: auto;
    max-height: calc(100vh - 60px);
    overflow-x: hidden;
    overflow-y: auto;
}

div[aria-modal="true"] .rounded-lg button.text-gray-400 {
    color: #ff4646;
    opacity: 1;
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 10px;
}

div[aria-modal="true"] .rounded-lg button.text-gray-400:hover {
	opacity:0.6;
}
div[aria-modal="true"] .rounded-lg .mx-auto {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgb(84 99 207 / 15%);
    padding: 12px;
}

div[aria-modal="true"] .rounded-lg .mx-auto svg {
    color: rgb(84 99 207);
}

div[aria-modal="true"] .rounded-lg .flex-auto {
    margin-left: 25px;
    min-width: 350px;
}

div[aria-modal="true"] .rounded-lg h3 {
    font-size: 20px;
    margin: -4px 0 20px 0;
}

div[aria-modal="true"] .rounded-lg .flex-auto .Input,
div[aria-modal="true"] .rounded-lg .flex-auto .Select,
div[aria-modal="true"] .rounded-lg .flex-auto .tox-tinymce {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    margin: 0 0 20px 0;
}

div[aria-modal="true"] .rounded-lg .flex-auto .css-b62m3t-container {
	margin-bottom:20px;
}

div[aria-modal="true"] .rounded-lg .flex-auto .Input input[type="text"],
div[aria-modal="true"] .rounded-lg .flex-auto .Input textarea,
div[aria-modal="true"] .rounded-lg .flex-auto .Input label {
	width:100%;
}

div[aria-modal="true"] .rounded-lg .flex-auto .Input .mt-1,
div[aria-modal="true"] .rounded-lg .flex-auto .Select .mt-1 {
    margin: 0px;
	width:100%;
}

div[aria-modal="true"] .rounded-lg input[type="submit"] {
    margin: 0px;
    float: right;
    border-radius: 0px;
}

div[aria-modal="true"] .rounded-lg form .border-gray-300 {
    clear: both;
}

div[aria-modal="true"] .rounded-lg form .border-gray-300.shadow-sm.border {
    padding: 0px;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    border: none;
    box-shadow: none;
}

div[aria-modal="true"] .rounded-lg form .grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 0px;
    margin-left: -5px;
    margin-right: -5px;
}

div[aria-modal="true"] .rounded-lg form .grid > div {
    flex: 0;
    padding: 0 5px;
    width: auto !important;
    margin: 0 0 15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: end;
    align-content: end;
}

div[aria-modal="true"] .rounded-lg form .grid > div.Input {
    flex: 1;
}

div[aria-modal="true"] .rounded-lg form .grid > div button {
    margin: 0px;
    min-width: 45px;
    border-radius: 0px;
    padding: 0px;
    margin-bottom: 5px;
}

div[aria-modal="true"] .rounded-lg .flex-auto .Input button[role="switch"] {
}

div[aria-modal="true"] .rounded-lg .flex-auto .Input button[role="switch"] ~ label {
    color: #616372;
    font-size: 16px;
    font-weight: 300;
    flex: 0;
    white-space: nowrap;
    margin: 0 0 0 13px;
}

div[aria-modal="true"] .rounded-lg .flex-auto .Input button[role="switch"] span * {
	display:none;
}

.form-builder-outer .FormBuilder button.bg-blue-600 {
    float: left;
    width: auto;
    border-radius: 0px;
    margin-bottom: 30px;
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.form-builder-outer .FormBuilder hr {
    margin: 0px;
    height: 1px;
    border: none;
    background: #16182b;
}

.mbsc-eventcalendar-schedule .mbsc-schedule-event {
    margin: 0px;
    border-radius: 0px;
}

.mbsc-ios.mbsc-schedule-event-start .mbsc-schedule-event-background {
    border-radius: 0px;
    background: none;
}

.mbsc-ios.mbsc-schedule-event-start .mbsc-schedule-event-bar {
    display: none;
}

.mbsc-schedule-event-inner {
    background: #5463cf;
    line-height: 1;
    padding: 6px;
    margin: 5px;
    width: calc(100% - 3px);
}

.mbsc-schedule-event-inner:hover {
	background:#16182b;
}

.mbsc-schedule-event-inner .mbsc-schedule-event-title.mbsc-ios {
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
}

.mbsc-schedule-event-inner .mbsc-schedule-event-range.mbsc-ios {
    color: #ffffff;
    font-size: 12px;
    line-height: 1;
    margin-top: 6px;
}

.mbsc-eventcalendar-schedule .mbsc-schedule-item {
    height: 56px;
}

.mbsc-ios .mbsc-popup .mbsc-popup-arrow-wrapper {
    display: none;
}

.mbsc-ios .mbsc-popup .mbsc-popup-header {
    line-height: 1;
    color: #16182b;
    font-family: 'Assistant', sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding: 18px 100px;
}

.mbsc-ios .mbsc-popup .mbsc-popup-content {
    margin-top: 0px;
    float: left;
    width: 100%;
    display: block;
    padding: 25px;
    border: none;
    flex: none;
}

.mbsc-ios .mbsc-popup .mbsc-popup-content .mbsc-form-group {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    margin: 0px !important;
}

.mbsc-ios .mbsc-popup .mbsc-popup-buttons {
    border: none;
    padding: 12px;
    padding-left: 25px;
    padding-right: 25px;
}

.mbsc-ios .mbsc-popup .mbsc-popup-buttons button {
    height: auto;
    margin: 0px !important;
    padding: 0px;
    min-height: 0px;
    line-height: 1;
    font-family: 'Mulish', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #5463cf;
    text-decoration: underline;
}

.mbsc-ios .mbsc-popup .mbsc-popup-buttons button:hover {
    color: #16182b;
}

.mbsc-ios .mbsc-popup .mbsc-popup-buttons button:first-of-type {
    color: red;
    margin-top: 7px !important;
}

.mbsc-ios .mbsc-popup .mbsc-popup-buttons button:last-of-type {
}

.mbsc-ios .mbsc-popup .mbsc-popup-content .mbsc-form-group label {
}

.mbsc-ios .mbsc-popup .mbsc-popup-content .mbsc-form-group label > span {
    padding-bottom: 0px !important;
}

.mbsc-ios .mbsc-popup .mbsc-segmented {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 0 0;
    margin-top: 15px;
}

.mbsc-ios .mbsc-popup .mbsc-popup-content .mbsc-form-group label > span.mbsc-ltr {
    padding-left: 0px;
}

.mbsc-ios .mbsc-popup .mbsc-popup-content .mbsc-button-group {
    clear: both;
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 0 0 0;
    border: none;
    padding: 0px;
    margin-top: 20px;
}

.mbsc-ios .mbsc-popup .mbsc-popup-content .mbsc-button-group button {
    margin: 0px;
    border-radius: 0px;
    max-width: 140px;
}

.mbsc-ios .mbsc-popup .mbsc-segmented {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 0 0;
    margin-top: 15px;
    background: #f5f5fd;
    border: none;
    border-radius: 0px;
    padding: 5px;
}

.mbsc-ios .mbsc-popup .mbsc-segmented label.mbsc-segmented-item .mbsc-segmented-button {
    font-size: 14px;
    line-height: 1;
    float: left;
    width: 100%;
    height: auto;
    padding: 12px !important;
    border-radius: 0px;
    color: #16182b;
}

.mbsc-ios .mbsc-popup .mbsc-segmented label.mbsc-segmented-item.mbsc-segmented-item-selected span.mbsc-segmented-button {
    color: #ffffff;
}

.mbsc-ios .mbsc-popup .mbsc-segmented label.mbsc-segmented-item .mbsc-segmented-selectbox .mbsc-segmented-selectbox-inner {
    box-shadow: none;
    background: #5463cf;
}

.mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:after, .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:before {
    opacity: 0;
}

.mbsc-ios .mbsc-popup .mbsc-segmented label.mbsc-segmented-item {
    float: left;
    width: 50%;
}

.mbsc-ios .mbsc-popup .mbsc-popup-content .mbsc-form-group input {
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    color: #616372;
    font-weight: 300;
    height: auto;
    border: none !important;
    box-shadow: none;
}

.mbsc-ios .mbsc-popup .mbsc-popup-content .mbsc-form-group:nth-of-type(2) label span {
    line-height: 1;
}

.mbsc-ios .mbsc-popup .mbsc-popup-content .mbsc-form-group:nth-of-type(2) label.mbsc-textfield-wrapper-inline {
    margin-top: 15px;
}

.mbsc-ios .mbsc-popup .mbsc-popup-content .mbsc-form-group:nth-of-type(2) label.mbsc-textfield-wrapper-inline .mbsc-label {
    font-size: 14px;
    color: #16182b;
    font-weight: 500;
    margin: 5px 0 0px 0;
    font-family: 'Mulish', sans-serif;
}

.mbsc-ios .mbsc-popup .mbsc-popup-content .mbsc-form-group:nth-of-type(2) .mbsc-form-group label {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: start;
}

.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round {
    overflow: visible;
}

.modal-content ul.dashboard-notification {
    margin-bottom: -15px;
}

.modal-content ul.dashboard-notification li {
    min-width: 100%;
    max-width: 100%;
    padding: 0 20px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
}

.modal-content ul.dashboard-notification li > div {
    min-width: calc(100% - 50px);
    max-width: calc(100% - 50px);
}

.dashboard-notification .content small {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    font-weight: 700;
    font-size: 12px;
    margin-top: -4px;
}

.FormBuilder .PreviewComponent .CanvasComponent main {
    overflow: visible;
}

.mbsc-datepicker-control-time .mbsc-range-control-wrapper.mbsc-ios {
    padding: 0px;
}

.mbsc-datepicker-control-time .mbsc-segmented {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

.mbsc-datepicker-control-time .mbsc-segmented .mbsc-range-control-label {
    padding: 0px 5px;
}

.mbsc-datepicker-control-time .mbsc-segmented .mbsc-range-control-value {
    padding: 0px 5px;
}

.mbsc-datepicker-control-time .mbsc-segmented .mbsc-range-control-value.active {
    color: #ffffff;
}

.mbsc-datepicker-control-time span.mbsc-range-label-clear {
    right: 11px !important;
    top: 11px;
    margin: 0px;
}

.mbsc-datepicker-control-time span.mbsc-range-label-clear svg path {
    fill: #16182b;
}

.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round .mbsc-calendar-controls {
    padding: 0px;
    margin-bottom: 12px;
    margin-top: -11px;
}

.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round .mbsc-calendar-controls .mbsc-calendar-title-wrapper button {
    height: auto;
    font-size: 18px;
    padding: 0px;
    color: #212335;
    font-weight: 500;
}

.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round .mbsc-calendar-controls .mbsc-calendar-title-wrapper button:hover {
color: #5563ce;
}

.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round .mbsc-calendar-controls > button {
    width: 40px;
    height: 40px;
    padding: 0px;
}

.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round .mbsc-calendar-controls > button:hover {
	opacity:0.6;
}

.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round .mbsc-calendar-controls > button svg {
    fill: #212335;
}

.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round .mbsc-calendar-picker-slide .mbsc-calendar-cell-inner {
    padding: 0px;
}


.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round .mbsc-calendar-picker-slide .mbsc-calendar-cell {
    border: none;
    background: #fff !important;
}

.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round .mbsc-calendar-picker-slide .mbsc-calendar-cell-text {
    height: auto;
    margin: 0px;
    line-height: 1;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    color: #616372;
    height: 100%;
    width: 100%;
    float: left;
    border-radius: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round .mbsc-calendar-picker-slide .mbsc-calendar-cell-text:hover,
.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round .mbsc-calendar-picker-slide .mbsc-hover .mbsc-calendar-cell-text {
	background:#f5f5fd;
}

.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round .mbsc-calendar-picker-slide .mbsc-selected .mbsc-calendar-cell-text {
    border-color: #5563ce;
    background: #5563ce;
    color: #ffffff;
}

.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round .mbsc-calendar-picker-wrapper {
    height: 160px;
}

.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round .mbsc-calendar-picker-slide .mbsc-calendar-cell-inner {
    padding: 0px;
    width: 100%;
    height: 100%;
}

.mbsc-schedule-event-inner.mbsc-schedule-event-all-day-inner {
    font-size: 14px;
    line-height: 1;
    padding: 6px 7px;
    height: auto;
}

.mbsc-calendar-scroll-wrapper .mbsc-calendar-week-days .mbsc-calendar-week-day {
    line-height: 1;
    color: #16182b;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid;
    height: auto;
    padding-bottom: 11px;
    font-family: 'Mulish', sans-serif;
}

.mbsc-calendar-scroll-wrapper .mbsc-calendar-row .mbsc-calendar-day-text {
    font-size: 16px !important;
    color: #616372;
    font-weight: 400;
    line-height: 1 !important;
    width: 26px !important;
    height: 18px !important;
    border-radius: 0px;
    padding: 5px 0;
}

.mbsc-calendar-scroll-wrapper .mbsc-calendar-row .mbsc-hover .mbsc-calendar-day-text,
.mbsc-calendar-scroll-wrapper .mbsc-calendar-row .mbsc-calendar-day-text:hover {
	    background: #f5f5fd;
}

.mbsc-calendar-scroll-wrapper .mbsc-calendar-row .mbsc-selected .mbsc-calendar-day-text {
    color: #ffffff;
    background: #7482e1;
    border-color: #7482e1;
}

div[aria-modal="true"] .rounded-lg form button.bg-blue-600 {
    margin: 0px;
    border-radius: 0px;
    float: right;
}

div[aria-modal="true"] .rounded-lg .flex-auto .css-b62m3t-container .css-26l3qy-menu {
	position:relative;
}