/**======================================================================
=========================================================================
Template Name: Gradient Able - Bootstrap Admin Template
Author: codedthemes
Support: https://codedthemes.authordesk.app
File: style.css
=========================================================================
=================================================================================== */
body{font-feature-settings: "salt";}
:root{--bs-body-bg: #f6f7fb; --bs-body-bg-rgb: 246, 247, 251; --pc-heading-color: #222; --pc-active-background: rgba(255, 255, 255, 0.2); --pc-sidebar-background: #fff; --pc-sidebar-color: #39465f; --pc-sidebar-color-rgb: 57, 70, 95; --pc-sidebar-submenu-border-color: var(--bs-gray-300); --pc-sidebar-active-color: #4099ff; --pc-sidebar-active-bg: rgba(202, 202, 202, 0.3); --pc-sidebar-shadow: 2px 0 2.94px 0.06px rgba(4, 26, 55, 0.16); --pc-sidebar-caption-color: var(--pc-heading-color); --pc-sidebar-border: none; --pc-header-background: linear-gradient(to right, #4099ff, #73b4ff); --pc-header-color: #fff; --pc-header-shadow: none; --pc-card-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16); --pc-card-box-hover-shadow: 0px 8px 24px rgba(27, 46, 94, 0.12); --pc-header-submenu-background: #ffffff; --pc-header-submenu-color: #39465f;}
[data-pc-sidebar-theme=dark]{--pc-sidebar-background: #3b4650; --pc-sidebar-color: #ffffff; --pc-sidebar-color-rgb: 255, 255, 255; --pc-sidebar-submenu-border-color: var(--bs-gray-600); --pc-sidebar-caption-color: #748892;}
[data-pc-preset=preset-1]{--pc-sidebar-active-color: #4099ff; --bs-blue: #4099ff; --bs-primary: #4099ff; --bs-primary-rgb: 64, 153, 255; --bs-primary-light: #ecf5ff; --bs-link-color: #4099ff; --bs-link-color-rgb: 64, 153, 255; --bs-link-hover-color: #337acc; --bs-link-hover-color-rgb: to-rgb(shift-color($pc-primary, $link-shade-percentage)); --dt-row-selected: 64, 153, 255;}
[data-pc-preset=preset-1] .bg-grd-primary{background: linear-gradient(45deg, #4099ff, #73b4ff);}
[data-pc-preset=preset-1] .btn-primary{--bs-btn-color: #ffffff; --bs-btn-bg: #4099ff; --bs-btn-border-color: #4099ff; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #3682d9; --bs-btn-hover-border-color: #337acc; --bs-btn-focus-shadow-rgb: 93, 168, 255; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #337acc; --bs-btn-active-border-color: #3073bf; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #4099ff; --bs-btn-disabled-border-color: #4099ff;}
[data-pc-preset=preset-1] .btn-link{--bs-btn-color: #4099ff; --bs-btn-hover-color: #337acc; --bs-btn-active-color: #337acc;}
[data-pc-preset=preset-1] .nav{--bs-nav-link-hover-color: #337acc;}
[data-pc-preset=preset-2]{--pc-sidebar-active-color: #6610f2; --bs-blue: #6610f2; --bs-primary: #6610f2; --bs-primary-rgb: 102, 16, 242; --bs-primary-light: #f0e7fe; --bs-link-color: #6610f2; --bs-link-color-rgb: 102, 16, 242; --bs-link-hover-color: #520dc2; --bs-link-hover-color-rgb: to-rgb(shift-color($pc-primary, $link-shade-percentage)); --dt-row-selected: 102, 16, 242;}
[data-pc-preset=preset-2] .bg-grd-primary{background: linear-gradient(45deg, #6610f2, #8540f5);}
[data-pc-preset=preset-2] .btn-primary{--bs-btn-color: #ffffff; --bs-btn-bg: #6610f2; --bs-btn-border-color: #6610f2; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #570ece; --bs-btn-hover-border-color: #520dc2; --bs-btn-focus-shadow-rgb: 125, 52, 244; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #520dc2; --bs-btn-active-border-color: #4d0cb6; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #6610f2; --bs-btn-disabled-border-color: #6610f2;}
[data-pc-preset=preset-2] .btn-link{--bs-btn-color: #6610f2; --bs-btn-hover-color: #520dc2; --bs-btn-active-color: #520dc2;}
[data-pc-preset=preset-2] .nav{--bs-nav-link-hover-color: #520dc2;}
[data-pc-preset=preset-3]{--pc-sidebar-active-color: #673ab7; --bs-blue: #673ab7; --bs-primary: #673ab7; --bs-primary-rgb: 103, 58, 183; --bs-primary-light: #f0ebf8; --bs-link-color: #673ab7; --bs-link-color-rgb: 103, 58, 183; --bs-link-hover-color: #522e92; --bs-link-hover-color-rgb: to-rgb(shift-color($pc-primary, $link-shade-percentage)); --dt-row-selected: 103, 58, 183;}
[data-pc-preset=preset-3] .bg-grd-primary{background: linear-gradient(45deg, #673ab7, #8259cb);}
[data-pc-preset=preset-3] .btn-primary{--bs-btn-color: #ffffff; --bs-btn-bg: #673ab7; --bs-btn-border-color: #673ab7; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #58319c; --bs-btn-hover-border-color: #522e92; --bs-btn-focus-shadow-rgb: 126, 88, 194; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #522e92; --bs-btn-active-border-color: #4d2c89; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #673ab7; --bs-btn-disabled-border-color: #673ab7;}
[data-pc-preset=preset-3] .btn-link{--bs-btn-color: #673ab7; --bs-btn-hover-color: #522e92; --bs-btn-active-color: #522e92;}
[data-pc-preset=preset-3] .nav{--bs-nav-link-hover-color: #522e92;}
[data-pc-preset=preset-4]{--pc-sidebar-active-color: #e83e8c; --bs-blue: #e83e8c; --bs-primary: #e83e8c; --bs-primary-rgb: 232, 62, 140; --bs-primary-light: #fdecf4; --bs-link-color: #e83e8c; --bs-link-color-rgb: 232, 62, 140; --bs-link-hover-color: #ba3270; --bs-link-hover-color-rgb: to-rgb(shift-color($pc-primary, $link-shade-percentage)); --dt-row-selected: 232, 62, 140;}
[data-pc-preset=preset-4] .bg-grd-primary{background: linear-gradient(45deg, #e83e8c, #ed6ca7);}
[data-pc-preset=preset-4] .btn-primary{--bs-btn-color: #ffffff; --bs-btn-bg: #e83e8c; --bs-btn-border-color: #e83e8c; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #c53577; --bs-btn-hover-border-color: #ba3270; --bs-btn-focus-shadow-rgb: 235, 91, 157; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #ba3270; --bs-btn-active-border-color: #ae2f69; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #e83e8c; --bs-btn-disabled-border-color: #e83e8c;}
[data-pc-preset=preset-4] .btn-link{--bs-btn-color: #e83e8c; --bs-btn-hover-color: #ba3270; --bs-btn-active-color: #ba3270;}
[data-pc-preset=preset-4] .nav{--bs-nav-link-hover-color: #ba3270;}
[data-pc-preset=preset-5]{--pc-sidebar-active-color: #ff5370; --bs-blue: #ff5370; --bs-primary: #ff5370; --bs-primary-rgb: 255, 83, 112; --bs-primary-light: #ffeef1; --bs-link-color: #ff5370; --bs-link-color-rgb: 255, 83, 112; --bs-link-hover-color: #cc425a; --bs-link-hover-color-rgb: to-rgb(shift-color($pc-primary, $link-shade-percentage)); --dt-row-selected: 255, 83, 112;}
[data-pc-preset=preset-5] .bg-grd-primary{background: linear-gradient(45deg, #ff5370, #ff869a);}
[data-pc-preset=preset-5] .btn-primary{--bs-btn-color: #ffffff; --bs-btn-bg: #ff5370; --bs-btn-border-color: #ff5370; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #d9475f; --bs-btn-hover-border-color: #cc425a; --bs-btn-focus-shadow-rgb: 255, 109, 133; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #cc425a; --bs-btn-active-border-color: #bf3e54; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #ff5370; --bs-btn-disabled-border-color: #ff5370;}
[data-pc-preset=preset-5] .btn-link{--bs-btn-color: #ff5370; --bs-btn-hover-color: #cc425a; --bs-btn-active-color: #cc425a;}
[data-pc-preset=preset-5] .nav{--bs-nav-link-hover-color: #cc425a;}
[data-pc-preset=preset-6]{--pc-sidebar-active-color: #fd7e14; --bs-blue: #fd7e14; --bs-primary: #fd7e14; --bs-primary-rgb: 253, 126, 20; --bs-primary-light: #fff2e8; --bs-link-color: #fd7e14; --bs-link-color-rgb: 253, 126, 20; --bs-link-hover-color: #ca6510; --bs-link-hover-color-rgb: to-rgb(shift-color($pc-primary, $link-shade-percentage)); --dt-row-selected: 253, 126, 20;}
[data-pc-preset=preset-6] .bg-grd-primary{background: linear-gradient(45deg, #fd7e14, #fd9a47);}
[data-pc-preset=preset-6] .btn-primary{--bs-btn-color: #ffffff; --bs-btn-bg: #fd7e14; --bs-btn-border-color: #fd7e14; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #d76b11; --bs-btn-hover-border-color: #ca6510; --bs-btn-focus-shadow-rgb: 253, 145, 55; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #ca6510; --bs-btn-active-border-color: #be5f0f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #fd7e14; --bs-btn-disabled-border-color: #fd7e14;}
[data-pc-preset=preset-6] .btn-link{--bs-btn-color: #fd7e14; --bs-btn-hover-color: #ca6510; --bs-btn-active-color: #ca6510;}
[data-pc-preset=preset-6] .nav{--bs-nav-link-hover-color: #ca6510;}
[data-pc-preset=preset-7]{--pc-sidebar-active-color: #ffb64d; --bs-blue: #ffb64d; --bs-primary: #ffb64d; --bs-primary-rgb: 255, 182, 77; --bs-primary-light: #fff8ed; --bs-link-color: #ffb64d; --bs-link-color-rgb: 255, 182, 77; --bs-link-hover-color: #cc923e; --bs-link-hover-color-rgb: to-rgb(shift-color($pc-primary, $link-shade-percentage)); --dt-row-selected: 255, 182, 77;}
[data-pc-preset=preset-7] .bg-grd-primary{background: linear-gradient(45deg, #ffb64d, #ffcb80);}
[data-pc-preset=preset-7] .btn-primary{--bs-btn-color: #ffffff; --bs-btn-bg: #ffb64d; --bs-btn-border-color: #ffb64d; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #d99b41; --bs-btn-hover-border-color: #cc923e; --bs-btn-focus-shadow-rgb: 255, 193, 104; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #cc923e; --bs-btn-active-border-color: #bf893a; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #ffb64d; --bs-btn-disabled-border-color: #ffb64d;}
[data-pc-preset=preset-7] .btn-link{--bs-btn-color: #ffb64d; --bs-btn-hover-color: #cc923e; --bs-btn-active-color: #cc923e;}
[data-pc-preset=preset-7] .nav{--bs-nav-link-hover-color: #cc923e;}
[data-pc-preset=preset-8]{--pc-sidebar-active-color: #2ed8b6; --bs-blue: #2ed8b6; --bs-primary: #2ed8b6; --bs-primary-rgb: 46, 216, 182; --bs-primary-light: #eafbf8; --bs-link-color: #2ed8b6; --bs-link-color-rgb: 46, 216, 182; --bs-link-hover-color: #25ad92; --bs-link-hover-color-rgb: to-rgb(shift-color($pc-primary, $link-shade-percentage)); --dt-row-selected: 46, 216, 182;}
[data-pc-preset=preset-8] .bg-grd-primary{background: linear-gradient(45deg, #2ed8b6, #59e0c5);}
[data-pc-preset=preset-8] .btn-primary{--bs-btn-color: #ffffff; --bs-btn-bg: #2ed8b6; --bs-btn-border-color: #2ed8b6; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #27b89b; --bs-btn-hover-border-color: #25ad92; --bs-btn-focus-shadow-rgb: 77, 222, 193; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #25ad92; --bs-btn-active-border-color: #23a289; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #2ed8b6; --bs-btn-disabled-border-color: #2ed8b6;}
[data-pc-preset=preset-8] .btn-link{--bs-btn-color: #2ed8b6; --bs-btn-hover-color: #25ad92; --bs-btn-active-color: #25ad92;}
[data-pc-preset=preset-8] .nav{--bs-nav-link-hover-color: #25ad92;}
[data-pc-preset=preset-9]{--pc-sidebar-active-color: #008080; --bs-blue: #008080; --bs-primary: #008080; --bs-primary-rgb: 0, 128, 128; --bs-primary-light: #e6f2f2; --bs-link-color: #008080; --bs-link-color-rgb: 0, 128, 128; --bs-link-hover-color: #006666; --bs-link-hover-color-rgb: to-rgb(shift-color($pc-primary, $link-shade-percentage)); --dt-row-selected: 0, 128, 128;}
[data-pc-preset=preset-9] .bg-grd-primary{background: linear-gradient(45deg, #008080, #00b3b3);}
[data-pc-preset=preset-9] .btn-primary{--bs-btn-color: #ffffff; --bs-btn-bg: #008080; --bs-btn-border-color: #008080; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #006d6d; --bs-btn-hover-border-color: #006666; --bs-btn-focus-shadow-rgb: 38, 147, 147; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #006666; --bs-btn-active-border-color: #006060; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #008080; --bs-btn-disabled-border-color: #008080;}
[data-pc-preset=preset-9] .btn-link{--bs-btn-color: #008080; --bs-btn-hover-color: #006666; --bs-btn-active-color: #006666;}
[data-pc-preset=preset-9] .nav{--bs-nav-link-hover-color: #006666;}
[data-pc-preset=preset-10]{--pc-sidebar-active-color: #00bcd4; --bs-blue: #00bcd4; --bs-primary: #00bcd4; --bs-primary-rgb: 0, 188, 212; --bs-primary-light: #e6f8fb; --bs-link-color: #00bcd4; --bs-link-color-rgb: 0, 188, 212; --bs-link-hover-color: #0096aa; --bs-link-hover-color-rgb: to-rgb(shift-color($pc-primary, $link-shade-percentage)); --dt-row-selected: 0, 188, 212;}
[data-pc-preset=preset-10] .bg-grd-primary{background: linear-gradient(45deg, #00bcd4, #08e3ff);}
[data-pc-preset=preset-10] .btn-primary{--bs-btn-color: #ffffff; --bs-btn-bg: #00bcd4; --bs-btn-border-color: #00bcd4; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #00a0b4; --bs-btn-hover-border-color: #0096aa; --bs-btn-focus-shadow-rgb: 38, 198, 218; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #0096aa; --bs-btn-active-border-color: #008d9f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #00bcd4; --bs-btn-disabled-border-color: #00bcd4;}
[data-pc-preset=preset-10] .btn-link{--bs-btn-color: #00bcd4; --bs-btn-hover-color: #0096aa; --bs-btn-active-color: #0096aa;}
[data-pc-preset=preset-10] .nav{--bs-nav-link-hover-color: #0096aa;}
[data-pc-header=header-1]{--pc-header-background: linear-gradient(to right, #4099ff, #73b4ff);}
[data-pc-header=header-2]{--pc-header-background: linear-gradient(to right, #ff5370, #f48fb1);}
[data-pc-header=header-3]{--pc-header-background: linear-gradient(to right, #4099ff, #6e7ff3);}
[data-pc-header=header-4]{--pc-header-background: linear-gradient(to right, #38a9f9, #43e9b3);}
[data-pc-header=header-5]{--pc-header-background: linear-gradient(to right, #3b4650, #647688);}
[data-pc-header=header-6]{--pc-header-background: linear-gradient(to right, #ff784f, #ff5370);}
[data-pc-header=header-7]{--pc-header-background: linear-gradient(to right, #11c788, #54e2b7);}
[data-pc-header=header-8]{--pc-header-background: linear-gradient(to right, #ff5858, #f09819);}
[data-pc-header=header-9]{--pc-header-background: linear-gradient(to right, #39adb5, #7c4dff);}
[data-pc-header=header-10]{--pc-header-background: linear-gradient(to right, #473b7b, #30d2be);}
[data-pc-header=header-11]{--pc-header-background: linear-gradient(to right, #000000, #0fb3c2);}
[data-pc-header=header-12]{--pc-header-background: linear-gradient(to right, #2d0102, #091991);}