:root {
    --primary-20: #fed346;
    --primary-30: #FAECC0;
    --primary-40: #cba938;
    --primary-50: #f6be01;
    --primary-60: #eb0000; /**text-action-color (red)**/
    --primary-70: #bb2323;
    --primary-80: #7C0404;
    --primary-90: #4c3f15;
    --primary-100: #191507;
	--secondary-40: #ffe5e2;
	--secondary-50: #eb0000;
	--secondary-60: #bb2323;
	--secondary-70: #7C0404;
	
	--layer-01: #f4f4f4;
	--layer-03: #efefef;
	--layer-04: #e4e4e4;
	--layer-05: #727a87;
	--layer-hover-01: #FAECC0;
	--layer-accent-01: #ffffff;
	
	--button-primary: var(--secondary-50);
	--button-primary-hover: var(--secondary-60);
	--support-info: var(--layer-01);
	--field-hover: var(--primary-30);
	--field-01: var(--layer-03);
	--accent01: var(--secondary-50);
	--layer-selected-hover-01: var(--layer-03);
	
	--border-radius-sm: 4px;
    --border-radius-md: 4px;
    --border-radius-lg: 4px;
	}

body>#app-wrapper {
background-color: #fafafa;}

/** Logo **/
#app-header.navbar .navbar-nocollapse .navbar-nav img, #app-header.navbar .navbar-nocollapse .navbar-nav .img-wrapper {
    width: auto;
    min-width: auto;
    aspect-ratio: auto;
    border-radius: 0;
    height: 20px;
}

/** Panels / Tabs / Sidebars / Labels for Content **/
.panel-heading {
	border-top-left-radius: var(--border-radius-sm);
    border-top-right-radius: var(--border-radius-sm);
}
.panel {
	border-radius: var(--border-radius-sm);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
}

.panel-footer {
	border-bottom-right-radius: var(--border-radius-sm);
    border-bottom-left-radius: var(--border-radius-sm);
}

.tab-content {
	background-color: var(--layer-01);
}

.bdr-l {
	background-color: white;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 4px;
}
.bdr-l .panel {
	box-shadow: none;
}

.dashboard-widgets .tile {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.loading-bar, .canvas-loading-bar, .modal-loading-bar {
	background-color: var(--primary-60);
}

.nav-tabs>li>a:focus, .nav-tabs>li>a.focus, .nav-tabs>li>a:focus-visible {
	outline: none;
}
.bg-info {
	background-color: var(--layer-01) !important;
    border-color: var(--primary-50) !important;
    color: var(--text) !important;
}

.list-group-item {
	background-color: white;
}

.label-info {
	background-color: var(--secondary-50);
}

/** Friendly Buttons **/

.btn-primary, .btn-secondary, .btn-tertiary {
	gap: var(--spacing-02);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	transition: all ease-in-out 0.25s;
}

.btn-primary:hover, .btn-secondary:hover, .btn-tertiary:hover {
	gap: var(--spacing-02);
	box-shadow: rgba(0, 0, 0, 0.3) 2px 6px 14px;
	transform: translate(0px, -2px);
}

.btn {
	border-radius: var(--border-radius-sm);
}

.btn-info {
	background-color: var(--secondary-50);
	color: white;
}
.btn-info:hover {
	background-color: var(--secondary-60);
	color: var(--secondary-40);
}

.gjs-four-color, .gjs-four-color-h:hover {
	color: var(--primary-50);
}

#emailform_buttons_builder_toolbar, #campaign_buttons_builder_toolbar {
	background-color: var(--secondary-40);
	border: 1px solid var(--secondary-50);
	transition: all ease-in-out 0.25s;
}

#emailform_buttons_builder_toolbar:hover, #campaign_buttons_builder_toolbar:hover {
	background-color: var(--secondary-50);
	border: 1px solid var(--secondary-50);
	color: white;
	transform: translate(0px, -2px);
	box-shadow: #7C0404 0px 4px 12px;
}
#emailform_buttons_builder_toolbar:hover > i, #campaign_buttons_builder_toolbar:hover > i {
	color: white;
}

#form-loginbtn {
	padding: 0;
}

#form-loginbtn.btn-primary span {
	justify-content: center;
}

/** Nice Tables **/

.table-sort:hover {
	color: var(--secondary-50);
}


/** Nice Forms **/

.login-form {
	padding: 2rem;
}

.form-control, .chosen-container .chosen-single, .form-control.search.tt-input {
	background-color: var(--layer-03);
}

.form-control:hover, .chosen-container .chosen-single:hover, .form-control.search.tt-input:hover {
	color: black;
}

.checkbox.custom-primary label input+span:after, .radio.custom-primary label input+span:after, .checkbox-inline.custom-primary label input+span:after, .radio-inline.custom-primary label input+span:after {
	background-color: var(--secondary-50);
}

.checkbox.custom-primary label input:checked+span, .radio.custom-primary label input:checked+span, .checkbox-inline.custom-primary label input:checked+span, .radio-inline.custom-primary label input:checked+span {
	border: 1px solid var(--secondary-50);
}

.input-group-addon {
	background-color: var(--layer-03);
}

/** Design App-Sidebar **/

.app-sidebar.sidebar-left {
	background-color: white;
}

.app-sidebar.sidebar-left .nav-sidebar>.nav>li>.nav-submenu>li>a:hover, .app-sidebar.sidebar-left .nav-sidebar>.nav>li>.nav-submenu>li>a:focus {
	color: var(--secondary-50);
}

.app-sidebar.sidebar-left .nav-sidebar>.nav>li.active>a, .app-sidebar.sidebar-left .nav-sidebar>.nav>li.open>a {
	background-color: var(--primary-30);
}

.app-sidebar.sidebar-left .nav-sidebar>.nav>li>a {
	color: var(--text-primary);
}

.navbar-nocollapse {
    background-color:#fed346;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/** Dropdown Menus **/

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	color: var(--secondary-50);
}

/** Position Quickhelb **/
.dropup.quick-help { 
    position: fixed;
    z-index: 9999;
    bottom: 40px;
    right: 15px;
}