/*
Template Name: Admin Pro Admin
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/*
Template Name: Admin Pro Admin
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
* {
    --primary-color: var(--user-primary-color, #138190);
    --primary-color-hover: var(--user-primary-color-hover, #0D6D7A);
    --primary-color-80: var(--user-primary-color-80, #429AA6);
    --primary-color-50: var(--user-primary-color-50, #89C0C7);
    --primary-color-20: var(--user-primary-color-20, #D0E6E9);
    --primary-color-10: var(--user-primary-color-10, #E7F2F4);
    --primary-color-white: var(--user-primary-color-white, #ffffff);
    --primary-color-grey: var(--user-primary-color-grey, #a7a9b0);

    --secondary-color: var(--user-secondary-color, #bcbcbc);
    --warning-color: var(--user-warning-color, #e5033d);
    --success-color: var(--user-success-color, #00D6DE);
    --sidebar-color: var(--user-sidebar-color, black);
    --inactive-color: var(--user-inactive-color, #1a202c);
    --disabled-color: var(--user-disabled-color, #646269);
    --placeholder-color: var(--user-placeholder-color, #bbbbbb);
}


/*******************
/*Top bar
*******************/
.topbar {
    background: var(--primary-color-white);
}

    .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
        display: none;
    }

    .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
        display: inline-block;
        margin: -5px 0 0 7px;
        max-width: 130px;
    }
    .topbar .top-navbar .navbar-header .navbar-brand .mini-logo,
    .mini-sidebar .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
        display: none;
    }
.mini-sidebar .topbar .top-navbar .navbar-header .navbar-brand .mini-logo {
    display: inline-block;
    margin: -5px 0 0 17px;
    max-width: 40px;
}

.topbar .navbar-nav .nav-item > a.nav-link {
    color: var(--gray);
}

        .topbar .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-nav .nav-item > a.nav-link:focus {
            color: var(--primary-color-hover);
        }

    .topbar .top-navbar .navbar-nav > .nav-item > span {
        color: #ffffff;
    }

    .topbar .navbar-header {
        background: #fff;
    }

.logo-center .topbar .navbar-header {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none;
}

.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8);
}
/*******************
  /*General Elements
  *******************/
a {
    color: var(--primary-color);
}

    a.link:hover, a.link:focus {
        color: var(--primary-color) !important;
    }

.bg-theme {
    background-color: var(--primary-color) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #FF8400;
    border-color: #FF8400;
}

.right-sidebar .rpanel-title {
    background: var(--primary-color);
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
    border-left: 4px solid #FF8400;
}

.text-themecolor {
    color: #3e3896
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
    border-bottom: 2px solid #FF8400;
    color: #FF8400;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
    color: #FF8400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--primary-color);
    font-weight: 400;
}


/*******************
  /*Buttons
  *******************/

.btn-themecolor,
.btn-themecolor.disabled {
    background: var(--primary-color);
    color: #ffffff;
    border: 1px solid var(--primary-color);
}

    .btn-themecolor:hover,
    .btn-themecolor.disabled:hover {
        background: var(--primary-color-hover);
        opacity: 1;
        border: 1px solid var(--primary-color-hover);
        color:#fff;
    }

    .btn-themecolor.active, .btn-themecolor:focus,
    .btn-themecolor.disabled.active,
    .btn-themecolor.disabled:focus {
        background: var(--primary-color);
    }

.btn-outline-terciary {
    background-color: #ffffff;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    border-color: var(--primary-color-grey);
    color: var(--primary-color-grey);
}

    .btn-outline-terciary:hover {
        color: #fff !important;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }
/*******************
  /*sidebar navigation
  *******************/
.card-no-border .left-sidebar,
.card-no-border .sidebar-nav {
    background: #242a33;
}

.mini-sidebar .sidebar-nav {
    background: transparent;
}

@media (min-width: 768px) {
    .mini-sidebar .sidebar-nav .sidebarnav > li > ul {
        background: #1c2128;
    }
}

.sidebar-nav {
    background: #fff;
}

.user-profile .profile-text a {
    color: #687384 !important;
}

.card-no-border .sidebar-footer {
    background: #1c2128;
}

.label-themecolor {
    background: #FF8400;
}

.sidebar-nav > ul > li.active > a {
    color: #ffffff;
}

    .sidebar-nav > ul > li.active > a i {
        color: #ffffff;
    }

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
    color: var(--primary-color);
    background-color: var(--primary-color-10);
    border-radius: 5px;
}

    .sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
        color: var(--user-primary-color);
    }

.sidebar-nav ul li.nav-small-cap {
    color: #687384;
}

@media (min-width: 768px) {
    .mini-sidebar .sidebar-nav .sidebarnav > li:hover > a {
        background: #1c2128;
    }
}

.sidebar-nav ul li a {
    color: var(--gray);
    padding: 10px 35px 10px 15px;
    display: block;
    font-size: 15px;
    font-weight: 400;
}

.sidebar-nav .has-arrow::after {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #f8f9fa;
    right: 20px;
    -webkit-transform: rotate(135deg) translate(0, -50%);
    -ms-transform: rotate(135deg) translate(0, -50%);
    -o-transform: rotate(135deg) translate(0, -50%);
    transform: rotate(135deg) translate(0, -50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    top: 45%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.hide-menu {
    color: #71747c;
}

html body .text-themecolor, .topbar ul.dropdown-user li a:hover, a {
    color: var(--gray);
}

.background-draft-image {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(/images/background-draft-image.png);
}