/* Template Name: Admin Pro Admin Author: Wrappixel Email: niravjoshi87@gmail.com File: scss */ // Variables $bodyfont:'Montserrat', sans-serif; $headingfont:'Montserrat', sans-serif; /*Theme Colors*/ $topbar: #1976d2; $sidebar: #fff; $sidebar-white: #e5edef; $sidebar-alt:#edf0f5; $bodycolor: #f6f9fa; $headingtext: #455a64; $bodytext: #67757c; $sidebar-text: #8d97ad; $sidebar-icons: #787f91; $light-text: #a6b7bf; $themecolor: #20aee3; $themecolor-alt: #26c6da; $themecolor-dark: #028ee1; /*bootstrap Color*/ $danger: #ff5c6c; $success: #24d2b5; $warning: #ff9041; $primary: #6772e5; $info: #20aee3; $inverse: #2f3d4a; $secondary: #cccccc; $muted: #bcc3d3; $dark: #263238; $light: #e9edf2; $extra-light: #ebf3f5; $bglight:rgba(0, 0, 0, 0.02); /*Light colors*/ $light-danger: #f9e7eb; $light-success: #e8fdeb; $light-warning: #fff8ec; $light-primary: #f1effd; $light-info: #cfecfe; $light-inverse: #f6f6f6; $light-megna: #e0f2f4; $danger-dark: #e6294b; $success-dark: #04b381; $warning-dark: #e9ab2e; $primary-dark: #6352ce; $info-dark: #1d96c3; $red-dark: #d61f1f; $inverse-dark: #232a37; $dark-transparent:rgba(0, 0, 0, 0.05); $info-shadow: 0 2px 2px 0 rgba(66, 165, 245, .14), 0 3px 1px -2px rgba(66, 165, 245, .2), 0 1px 5px 0 rgba(66, 165, 245, .12); $info-shadow-hover:0 14px 26px -12px rgba(23, 105, 255, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(23, 105, 255, .2); $warning-shadow:0 2px 2px 0 rgba(248, 194, 0, .14), 0 3px 1px -2px rgba(248, 194, 0, .2), 0 1px 5px 0 rgba(248, 194, 0, .12); $warning-shadow-hover:0 14px 26px -12px rgba(248, 194, 0, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(248, 194, 0, .2); $danger-shadow:0 2px 2px 0 rgba(239, 83, 80, .14), 0 3px 1px -2px rgba(239, 83, 80, .2), 0 1px 5px 0 rgba(239, 83, 80, .12); $danger-shadow-hover:0 14px 26px -12px rgba(239, 83, 80, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(239, 83, 80, .2); $success-shadow:0 2px 2px 0 rgba(40, 190, 189, .14), 0 3px 1px -2px rgba(40, 190, 189, .2), 0 1px 5px 0 rgba(40, 190, 189, .12); $success-shadow-hover:0 14px 26px -12px rgba(40, 190, 189, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(40, 190, 189, .2); $primary-shadow:0 2px 2px 0 rgba(116, 96, 238, .14), 0 3px 1px -2px rgba(116, 96, 238, .2), 0 1px 5px 0 rgba(116, 96, 238, .12); $primary-shadow-hover:0 14px 26px -12px rgba(116, 96, 238, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(116, 96, 238, .2); $default-shadow:0 2px 2px 0 rgba(169, 169, 169, .14), 0 3px 1px -2px rgba(169, 169, 169, .2), 0 1px 5px 0 rgba(169, 169, 169, .12); $default-shadow-hover:0 14px 26px -12px rgba(169, 169, 169, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(169, 169, 169, .2); /*Normal Color*/ $white: #ffffff; $red: #fb3a3a; $yellow: #a0aec4; $purple: #7460ee; $blue: #02bec9; $megna: #56c0d8; /*Extra Variable*/ $rgt: right; $lft: left; $border: rgba(120, 130, 140, 0.13); $table-border:#f3f1f1; $card-brd:#d7dfe3; $dark-text: #848a96; $radius: 4px; $form-brd: #b1b8bb;