/*
Template Name: Admin Pro Admin
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
@font-face { font-family: 'Beausite'; src: url("/static/files/fonts/beausite/lib/fonts/LSurqweiOXvDrkGz-BeausiteFitWeb-Regular.woff") format("woff"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'Beausite'; src: url("/static/files/fonts/beausite/lib/fonts/TpDMXS6zL8EABFPT-BeausiteFitWeb-Bold.woff") format("woff"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'Beausite'; src: url("/static/files/fonts/beausite/lib/fonts/UZH8n90KS6SqArlc-BeausiteFitWeb-BlackItalic.woff") format("woff"); font-weight: 400; font-style: italic; }

@font-face { font-family: 'Beausite2'; src: url("/static/files/fonts/beausite/lib/fonts/G3A6uekzAZmafwci-BeausiteClassicWeb-Regular.woff") format("woff"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'Beausite2'; src: url("/static/files/fonts/beausite/lib/fonts/1YNF8KioWUoNbwSx-BeausiteClassicWeb-Bold.woff") format("woff"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'Beausite2'; src: url("/static/files/fonts/beausite/lib/fonts/9EN2Jyi5nYFtFuLU-BeausiteClassicWeb-RegularItalic.woff") format("woff"); font-weight: 400; font-style: italic; }

html, body { height: 100%; margin: 0; font: 100% Beausite2, sans-serif; }

body .close { font-size: 1.2em; }

@media (min-width: 320px) and (max-width: 960px) { body header .container-fluid { flex-direction: column; justify-content: center; align-items: center; } }

body h1 { font-family: Beausite; font-weight: 700; font-size: 32px; text-align: center; line-height: 40px; letter-spacing: normal; }

body h2 { font-family: Beausite; font-weight: 700; font-size: 24px; text-align: left; line-height: 30px; letter-spacing: normal; }

body p { font-family: Beausite2; font-weight: 400; color: #313537; font-size: 17px; text-align: left; line-height: 33px; letter-spacing: normal; }

body span { color: #313537; }

body h3, body h4, body h5, body h6 { line-height: 1; }

body .page-content { width: 768px; margin: 0 auto; }

@media (min-width: 320px) and (max-width: 768px) { body .page-content { width: 100%; } }

body .form-control { border-radius: 2px; padding: 26.5px 15px; }

body .form-control:hover { box-shadow: 1px 1px 1px 1px #bcc3d3; }

body .form-content { width: 576px; margin: 0 auto; }

@media (min-width: 320px) and (max-width: 576px) { body .form-content { width: 100%; } }

body .btn { font-weight: 700; font-size: 15px; text-align: center; line-height: 15px; letter-spacing: 1.7px; border-radius: 2px; width: 100%; text-transform: uppercase; border: none; padding: 20px 30px; color: #fff; }

body .ckeditor_admin_block span { color: inherit; }

.has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label { color: #463ED7; }

.has-danger .form-control { border-color: #463ED7; }

.justify-content-center { display: -webkit-flex !important; /* Safari */ display: flex !important; -webkit-justify-content: center !important; /* Safari 6.1+ */ justify-content: center !important; }