:root {
    --primary: #4F46E5;
    --secondary: #7C3AED;
    --success: #22C55E;
    --info: #4F46E5;
    --warning: #F59E0B;
    --danger: #EF4444;
    --dark: #0F172A;
    --blue: #4F46E5;
    --green: #22C55E;
    --red: #EF4444;
    --yellow: #F59E0B;
    --cyan: #06B6D4;
    --orange: #F59E0B;
    --purple: #7C3AED;
    --gray-dark: #0F172A;
    --plyr-color-main: #06B6D4;
}

body, html {
    background: #F8FAFC;
}

.page-wrapper {
    background: #F8FAFC !important;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] {
    background: #FFFFFF;
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6],
#main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin6] {
    background: #FFFFFF;
}

.topbar .navbar-collapse {
    border-bottom: none;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] {
    background: #FFFFFF;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link {
    color: #0F172A;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link .feather-icon,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i {
    color: #7C3AED;
}

.sidebar-nav #sidebarnav .sidebar-item.selected > .sidebar-link {
    background: #4F46E5 !important;
    color: #FFFFFF !important;
    box-shadow: 0 7px 12px 0 rgba(79,70,229,.21);
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link .feather-icon,
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected > .sidebar-link i {
    color: #FFFFFF !important;
}

.sidebar-nav #sidebarnav .sidebar-item .sidebar-link:hover {
    color: #4F46E5 !important;
}

.sidebar-nav #sidebarnav .sidebar-item.selected > .sidebar-link:hover {
    color: #FFFFFF !important;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .nav-small-cap {
    color: #0F172A;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .list-divider {
    background: #4F46E5;
}

.page-breadcrumb .breadcrumb .breadcrumb-item a {
    color: #4F46E5;
}

.btn-primary,
.am-admin a.button,
.am-admin button,
.am-admin input[type=button],
.am-admin input[type=submit],
.am-body-content a.button,
.am-body-content button,
.am-body-content input[type=button],
.am-body-content input[type=submit],
.am-popup a.button,
.am-popup button,
.am-popup input[type=button],
.am-popup input[type=submit],
.am-auth-form input[type=submit] {
    background-color: #4F46E5 !important;
    border-color: #4F46E5 !important;
    color: #FFFFFF !important;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(79,70,229,.5) !important;
}

.btn-primary:hover,
.btn-primary:active,
.am-admin a.button:hover,
.am-admin button:hover,
.am-admin input[type=button]:hover,
.am-admin input[type=submit]:hover,
.am-admin a.button:active,
.am-admin button:active,
.am-admin input[type=button]:active,
.am-admin input[type=submit]:active,
.am-body-content a.button:hover,
.am-body-content button:hover,
.am-body-content input[type=button]:hover,
.am-body-content input[type=submit]:hover,
.am-body-content a.button:active,
.am-body-content button:active,
.am-body-content input[type=button]:active,
.am-body-content input[type=submit]:active,
.am-popup a.button:hover,
.am-popup button:hover,
.am-popup input[type=button]:hover,
.am-popup input[type=submit]:hover,
.am-popup a.button:active,
.am-popup button:active,
.am-popup input[type=button]:active,
.am-popup input[type=submit]:active,
.am-auth-form input[type=submit]:hover,
.am-auth-form input[type=submit]:active {
    background-color: #4338CA !important;
    border-color: #4338CA !important;
    color: #FFFFFF !important;
}

ul.am-tabs li.active,
ul.am-tabs li.normal:hover {
    background: #4F46E5;
    background: linear-gradient(to bottom, #7C3AED, #4F46E5);
}
ul.am-tabs li.active > a,
ul.am-tabs li.normal > a:hover {
    border-color: #4F46E5;
    color: #FFFFFF;
}
ul.am-tabs li.active .menu-item-alert,
ul.am-tabs li.normal:hover .menu-item-alert {
    color: #4F46E5;
}

div.am-errors ul, ul.am-error, ul.am-errors,
.am-flash-content-error {
    background: #FEF2F2;
    border: 1px solid #FEE2E2;
    color: #EF4444;
}
.am-error,
.am-member-payment-history-row-refund td,
.am-member-payment-history-row-refund td a {
    color: #EF4444;
}
.am-form span.error,
.am-form span.required,
.am-grid th.required {
    color: #EF4444;
}
.am-admin textarea.am-error,
.am-admin input.am-error,
.am-body-content textarea.am-error,
.am-body-content input.am-error,
.am-popup textarea.am-error,
.am-popup input.am-error,
.am-form input.am-error,
.am-form textarea.am-error,
.am-form select.am-error {
    background-color: #FEF2F2;
    border: 1px solid #EF4444;
}

.am-pass-indicator-bar_bar-weak {
    background: #EF4444;
}
.am-pass-indicator-bar_bar-good {
    background: #F59E0B;
}
.am-pass-indicator-bar_bar-strong {
    background: #22C55E;
}

.am-cookie-notice {
    background: #7C3AED;
}

a.am-brick-product-remove:hover {
    color: #EF4444;
}

.upload-control .upload-control-upload.hover,
.upload-control .upload-control-browse.hover {
    border-color: #7C3AED;
    background-color: #4F46E5;
    color: #FFFFFF;
}

.am-info,
.am-flash-content-message {
    background: #EEF2FF;
    border: 1px solid #C7D2FE;
}
.alert-success {
    color: #0F172A !important;
    background: #F8FAFC !important;
    border-color: #E2E8F0 !important;
}

.am-notice {
    background: #FFFBEB;
    border: 1px solid #FDE68A;
    color: #0F172A;
}

.radio.am-el-checked {
    border: 2px solid #4F46E5 !important;
}

.footer {
    color: #0F172A !important;
}
.footer a {
    color: #4F46E5 !important;
}

/* Signup / Login page (style.min.css) */
.frm-single .title {
    color: #0F172A;
}
.frm-single .frm-title {
    color: #4F46E5;
}
.frm-single .frm-submit {
    background: #4F46E5 !important;
    color: #FFFFFF !important;
}
.frm-single .frm-submit:hover {
    background: #4338CA !important;
}
.frm-single .frm-input .frm-inp:focus {
    border-color: #4F46E5;
}
.frm-single .frm-input .frm-inp {
    border-color: #E2E8F0;
    border-left-color: #4F46E5;
}
.frm-single .frm-footer {
    color: #64748B;
}
.frm-single .a-link {
    color: #4F46E5;
}
.frm-single .a-link:hover {
    color: #4338CA;
}
.frm-single .inside {
    background: #FFFFFF;
    box-shadow: 0 0 1px 0 #E2E8F0;
}
.frm-single:before,
.frm-single:after {
    background: #FFFFFF;
}
.invoice-box {
    background: #FFFFFF;
    border-color: #E2E8F0;
}
.invoice-box .title {
    color: #0F172A;
}
.invoice-box .frm-title {
    color: #4F46E5;
}

/* Signup form area */
.am-signup .am-form .am-element-title label {
    color: #0F172A;
}
.am-form div.am-element input[type=text],
.am-form div.am-element input[type=password],
.am-form div.am-element textarea,
.am-form div.am-element select {
    border-color: #E2E8F0;
}
.am-form div.am-element input[type=text]:focus,
.am-form div.am-element input[type=password]:focus,
.am-form div.am-element textarea:focus,
.am-form div.am-element select:focus {
    border-color: #4F46E5;
    box-shadow: 0 0 0 .2rem rgba(79,70,229,.25);
}

/* btn-orange fallback */
.btn-orange {
    background: #4F46E5 !important;
    color: #FFFFFF !important;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
    background: #4338CA !important;
    color: #FFFFFF !important;
}