/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/*******************************************************
 ** lime-theme.less
 ** 
 ** Main LESS file for Lime Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.lime-theme {
  /*******************************************************
 ** lime-theme _variables.less
 ** 
 ** LESS variables for Lime Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /*************
 * Lime Theme
 *************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.lime-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.lime-theme a {
  text-decoration: none;
}
body.lime-theme h1 {
  font-size: 36px;
}
body.lime-theme h2 {
  font-size: 30px;
}
body.lime-theme h3 {
  font-size: 24px;
}
body.lime-theme h4 {
  font-size: 18px;
}
body.lime-theme h5 {
  font-size: 14px;
}
body.lime-theme h6 {
  font-size: 12px;
}
body.lime-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.lime-theme .border-theme {
  border: 1px solid #e2b60b !important;
}
body.lime-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.lime-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.lime-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.lime-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.lime-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.lime-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.lime-theme .border-r-sm {
  border-radius: 3px;
}
body.lime-theme .border-r-md {
  border-radius: 6px;
}
body.lime-theme .border-r-lg {
  border-radius: 12px;
}
body.lime-theme .border-r-xlg {
  border-radius: 24px;
}
body.lime-theme .m-xs {
  margin: 5px;
}
body.lime-theme .mt-xs {
  margin-top: 5px;
}
body.lime-theme .mr-xs {
  margin-right: 5px;
}
body.lime-theme .mb-xs {
  margin-bottom: 5px;
}
body.lime-theme .ml-xs {
  margin-left: 5px;
}
body.lime-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.lime-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.lime-theme .m-sm {
  margin: 10px;
}
body.lime-theme .mt-sm {
  margin-top: 10px;
}
body.lime-theme .mr-sm {
  margin-right: 10px;
}
body.lime-theme .mb-sm {
  margin-bottom: 10px;
}
body.lime-theme .ml-sm {
  margin-left: 10px;
}
body.lime-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.lime-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.lime-theme .m-md {
  margin: 15px;
}
body.lime-theme .mt-md {
  margin-top: 15px;
}
body.lime-theme .mr-md {
  margin-right: 15px;
}
body.lime-theme .mb-md {
  margin-bottom: 15px;
}
body.lime-theme .ml-md {
  margin-left: 15px;
}
body.lime-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.lime-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.lime-theme .m-lg {
  margin: 20px;
}
body.lime-theme .mt-lg {
  margin-top: 20px;
}
body.lime-theme .mr-lg {
  margin-right: 20px;
}
body.lime-theme .mb-lg {
  margin-bottom: 20px;
}
body.lime-theme .ml-lg {
  margin-left: 20px;
}
body.lime-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.lime-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.lime-theme .m-xlg {
  margin: 25px;
}
body.lime-theme .mt-xlg {
  margin-top: 25px;
}
body.lime-theme .mr-xlg {
  margin-right: 25px;
}
body.lime-theme .mb-xlg {
  margin-bottom: 25px;
}
body.lime-theme .ml-xlg {
  margin-left: 25px;
}
body.lime-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.lime-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.lime-theme .p-xs {
  padding: 5px;
}
body.lime-theme .pt-xs {
  padding-top: 5px;
}
body.lime-theme .pr-xs {
  padding-right: 5px;
}
body.lime-theme .pb-xs {
  padding-bottom: 5px;
}
body.lime-theme .pl-xs {
  padding-left: 5px;
}
body.lime-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.lime-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.lime-theme .p-sm {
  padding: 10px;
}
body.lime-theme .pt-sm {
  padding-top: 10px;
}
body.lime-theme .pr-sm {
  padding-right: 10px;
}
body.lime-theme .pb-sm {
  padding-bottom: 10px;
}
body.lime-theme .pl-sm {
  padding-left: 10px;
}
body.lime-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.lime-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.lime-theme .p-md {
  padding: 15px;
}
body.lime-theme .pt-md {
  padding-top: 15px;
}
body.lime-theme .pr-md {
  padding-right: 15px;
}
body.lime-theme .pb-md {
  padding-bottom: 15px;
}
body.lime-theme .pl-md {
  padding-left: 15px;
}
body.lime-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.lime-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.lime-theme .p-lg {
  padding: 20px;
}
body.lime-theme .pt-lg {
  padding-top: 20px;
}
body.lime-theme .pr-lg {
  padding-right: 20px;
}
body.lime-theme .pb-lg {
  padding-bottom: 20px;
}
body.lime-theme .pl-lg {
  padding-left: 20px;
}
body.lime-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.lime-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.lime-theme .p-xlg {
  padding: 25px;
}
body.lime-theme .pt-xlg {
  padding-top: 25px;
}
body.lime-theme .pr-xlg {
  padding-right: 25px;
}
body.lime-theme .pb-xlg {
  padding-bottom: 25px;
}
body.lime-theme .pl-xlg {
  padding-left: 25px;
}
body.lime-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.lime-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.lime-theme .text-normal {
  font-weight: 400;
}
body.lime-theme .text-bold {
  font-weight: 700;
}
body.lime-theme .text-italic {
  font-style: italic;
}
body.lime-theme .text-strike {
  text-decoration: line-through;
}
body.lime-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.lime-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.lime-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.lime-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.lime-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.lime-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.lime-theme .font-16 {
  font-size: 16px;
}
body.lime-theme .font-14 {
  font-size: 14px;
}
body.lime-theme .font-12 {
  font-size: 12px;
}
body.lime-theme .font-10 {
  font-size: 10px;
}
body.lime-theme .text-lg {
  color: #f1f1f1;
}
body.lime-theme .text-mdg {
  color: #ccc;
}
body.lime-theme .text-dg {
  color: #909190;
}
body.lime-theme .text-mb {
  color: #2c2b2b;
}
body.lime-theme .text-mg {
  color: #6e6e6e;
}
body.lime-theme .text-theme {
  color: #e2b60b;
}
body.lime-theme .no-bg {
  background: transparent;
}
body.lime-theme .bg-theme {
  background-color: #e2b60b;
}
body.lime-theme .bg-lg {
  background-color: #f1f1f1;
}
body.lime-theme .bg-mdg {
  background-color: #ccc;
}
body.lime-theme .bg-dg {
  background-color: #909190;
}
body.lime-theme .bg-mb {
  background-color: #2c2b2b;
}
body.lime-theme .bg-mg {
  background-color: #6e6e6e;
}
body.lime-theme .height-30 {
  min-height: 30px;
}
body.lime-theme .height-40 {
  min-height: 40px;
}
body.lime-theme .height-50 {
  min-height: 50px;
}
body.lime-theme .height-100 {
  min-height: 100px;
}
body.lime-theme .height-150 {
  min-height: 150px;
}
body.lime-theme .height-200 {
  min-height: 200px;
}
body.lime-theme .height-320 {
  min-height: 320px;
}
body.lime-theme .width-30 {
  min-width: 30px;
}
body.lime-theme .width-40 {
  min-width: 40px;
}
body.lime-theme .width-50 {
  min-width: 50px;
}
body.lime-theme .width-100 {
  min-width: 100px;
}
body.lime-theme .width-150 {
  min-width: 150px;
}
body.lime-theme .width-200 {
  min-width: 200px;
}
body.lime-theme .width-320 {
  min-width: 320px;
}
body.lime-theme .progress.progress-xxs {
  height: 2px;
}
body.lime-theme .progress.progress-xs {
  height: 5px;
}
body.lime-theme .progress.progress-sm {
  height: 10px;
}
body.lime-theme .progress.progress-lg {
  height: 20px;
}
body.lime-theme ::-moz-selection {
  color: #fff;
  background: #e2b60b;
}
body.lime-theme ::selection {
  color: #fff;
  background: #e2b60b;
}
body.lime-theme .avatar {
  width: 32px;
}
body.lime-theme .avatar.avatar-xxs {
  width: 16px;
}
body.lime-theme .avatar.avatar-xs {
  width: 24px;
}
body.lime-theme .avatar.avatar-sm {
  width: 32px;
}
body.lime-theme .avatar.avatar-md {
  width: 40px;
}
body.lime-theme .avatar.avatar-lg {
  width: 64px;
}
body.lime-theme .avatar.avatar-xl {
  width: 128px;
}
body.lime-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.lime-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.lime-theme .btn.btn-theme {
  background-color: #e2b60b;
  color: #fff;
}
body.lime-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #b18f09;
}
body.lime-theme .btn.btn-theme:active,
body.lime-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #f4c81d;
}
body.lime-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #e2b60b;
}
body.lime-theme .btn.btn-outline-theme {
  color: #e2b60b;
  background-color: transparent;
  border: 1px solid;
}
body.lime-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #e2b60b !important;
  border-color: #b18f09;
}
body.lime-theme .btn.btn-outline-theme:active,
body.lime-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #f4c81d;
}
body.lime-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.lime-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.lime-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.lime-theme input,
body.lime-theme select,
body.lime-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.lime-theme input:focus,
body.lime-theme select:focus,
body.lime-theme textarea:focus {
  border: 1px solid #e2b60b;
  box-shadow: none !important;
}
body.lime-theme .badge-theme,
body.lime-theme .theme-item {
  background-color: #e2b60b;
  color: #fff;
}
body.lime-theme .badge-theme *,
body.lime-theme .theme-item * {
  color: #fff;
}
body.lime-theme .theme-item:hover,
body.lime-theme .item-group:hover {
  background-color: #b18f09;
}
body.lime-theme .theme-item:hover a,
body.lime-theme .item-group:hover a {
  background-color: #b18f09;
}
body.lime-theme .theme-item:hover *,
body.lime-theme .item-group:hover * {
  color: #fff;
}
body.lime-theme .label.label-theme {
  background-color: #e2b60b;
  color: #fff;
}
body.lime-theme table tr td,
body.lime-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.lime-theme .table-responsive table tr td,
  body.lime-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.lime-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.lime-theme .footer.fixed {
  position: fixed;
}
body.lime-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.lime-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.lime-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.lime-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.lime-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.lime-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.lime-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.lime-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.lime-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.lime-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.lime-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.lime-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.lime-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.lime-theme .ribbon.ribbon-theme span {
  background: #e2b60b;
}
body.lime-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #e2b60b;
  border-top: 3px solid #e2b60b;
}
body.lime-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #e2b60b;
  border-top: 3px solid #e2b60b;
}
body.lime-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.lime-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.lime-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.lime-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.lime-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.lime-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.lime-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.lime-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.lime-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.lime-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.lime-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.lime-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.lime-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.lime-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.lime-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.lime-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.lime-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.lime-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.lime-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.lime-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.lime-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.lime-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.lime-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.lime-theme .todo-lists ul {
  padding: 0 10px;
}
body.lime-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.lime-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.lime-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.lime-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.lime-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.lime-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.lime-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.lime-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.lime-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.lime-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.lime-theme .media-block .media {
    display: block !important;
  }
  body.lime-theme .media-block .media img {
    width: 100% !important;
  }
}
body.lime-theme .select2-selection--multiple,
body.lime-theme .select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}
body.lime-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #e2b60b;
}
body.lime-theme .select2-selection__choice,
body.lime-theme .select2-selection__choice__remove {
  background-color: #e2b60b !important;
  border: 1px solid #e2b60b !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.lime-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #e2b60b;
  color: #fff;
}
body.lime-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.lime-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.lime-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.lime-theme .ui-sortable .sortable-dragging,
body.lime-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.lime-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.lime-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.lime-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.lime-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.lime-theme .context-menu-list.context-menu-root .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.lime-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.lime-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.lime-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.lime-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.lime-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.lime-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.lime-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.lime-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #e2b60b;
  color: #fff;
}
body.lime-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.lime-theme .introjs-tooltipReferenceLayer .introjs-helperNumberLayer {
  left: 10px;
}
body.lime-theme .config .barcode2D {
  display: none;
}
body.lime-theme .miscCanvas {
  display: none;
}
body.lime-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.lime-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.lime-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.lime-theme .mega {
    font-size: 4rem;
  }
}
body.lime-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.lime-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.lime-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.lime-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.lime-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.lime-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.lime-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.lime-theme .fileinput-preview {
  max-height: 150px;
}
body.lime-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.lime-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-search input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.lime-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-mail-content .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.lime-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.lime-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.lime-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.lime-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-statistics .statistics-font-color {
  color: #909190;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.lime-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.lime-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.lime-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.lime-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.lime-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.lime-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #e2b60b;
}
body.lime-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.lime-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.lime-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-menu li a .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #e2b60b;
  padding: 10px 13px 10px 15px;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #e2b60b;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-menu li a.active .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.lime-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #e2b60b;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu .sub-list a {
  padding-left: 30px;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu .sub-list a i {
  margin-right: 10px;
  font-size: 15px;
}
body.lime-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu.open {
  max-height: 100%;
}
body.lime-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.lime-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #e2b60b;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.lime-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.lime-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu li.active > .treeview-menu {
  display: block;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #e2b60b;
  padding-right: 0;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li {
  margin: 0;
  padding: 5px;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.lime-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li > a > i {
  width: 25px;
}
body.lime-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li:hover {
  padding-right: 3px;
}
body.lime-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.lime-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.lime-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.lime-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.lime-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.lime-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.lime-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.lime-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.lime-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.lime-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.lime-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.lime-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.lime-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.lime-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.lime-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.lime-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.lime-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > span {
  display: table-cell;
  vertical-align: middle;
}
body.lime-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.lime-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.lime-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.lime-theme .main-wrapper {
    margin-left: 230px;
  }
  body.lime-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.lime-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.lime-theme .wrapper.sidebar-mini.sidebar-collapse .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.lime-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.lime-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.lime-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-menu > li {
    position: relative;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.lime-theme .wrapper.sidebar-mini.sidebar-collapse .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #e2b60b;
  }
  body.lime-theme .wrapper.sidebar-mini.sidebar-collapse .profile-nav {
    display: none;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.lime-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.lime-theme .menu-toggle {
    display: block !important;
  }
  body.lime-theme .sidebar-v1 {
    left: -230px;
  }
  body.lime-theme .footer {
    margin-left: 0;
  }
  body.lime-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.lime-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.lime-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.lime-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.lime-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.lime-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.lime-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.lime-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #1e1e1e;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #2c2b2b;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.lime-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #2c2b2b;
}
body.lime-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #fff;
  border: none;
  margin: 0px;
}
body.lime-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #b18f09;
}
body.lime-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #b18f09;
}
body.lime-theme .right-sidebar .nav-tabs li a.active {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #b18f09;
}
body.lime-theme .right-sidebar .tab-content .input-group .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.lime-theme .right-sidebar .tab-content input {
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.lime-theme .right-sidebar .tab-content textarea {
  color: #ccc;
}
body.lime-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.lime-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.lime-theme .right-sidebar .tab-content #chat .small-badges.active {
  background-color: #00a65a;
}
body.lime-theme .right-sidebar .tab-content #chat .small-badges.offline {
  background-color: #dd4b39;
}
body.lime-theme .right-sidebar .tab-content #chat .small-badges.idle {
  background-color: #f39c12;
}
body.lime-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #ccc;
}
body.lime-theme .right-sidebar .tab-content #chat .content-body a:hover {
  background-color: #595959;
  border-radius: 50%;
  color: #fff;
}
body.lime-theme .right-sidebar .tab-content #chat h5 {
  color: #ccc;
}
body.lime-theme .right-sidebar .tab-content #chat p {
  color: #aaaaaa;
}
body.lime-theme .right-sidebar .tab-content #tasks {
  color: #ccc;
}
body.lime-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #2c2b2b;
}
body.lime-theme .right-sidebar .tab-content #tasks p,
body.lime-theme .right-sidebar .tab-content #tasks h6 {
  color: #aaaaaa;
}
body.lime-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.lime-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.lime-theme .right-sidebar .tab-content #tasks ul li a {
  color: #ccc;
}
body.lime-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #1e1e1e;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.lime-theme .right-sidebar .chat-sidebar-chat .content-chat-body h5 {
  background: #595959;
}
body.lime-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.lime-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.lime-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #595959;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.lime-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #595959;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.lime-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #e2b60b;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.lime-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #e2b60b transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.lime-theme .right-sidebar .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.lime-theme .right-sidebar .right-sidebar-setting label {
  color: #ccc;
}
body.lime-theme .right-sidebar .right-sidebar-setting h4 {
  color: #ccc;
  border-top: 1px solid #2c2b2b;
}
body.lime-theme .right-sidebar .right-sidebar-setting small,
body.lime-theme .right-sidebar .right-sidebar-setting p {
  color: #aaaaaa;
}
body.lime-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.lime-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.lime-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.lime-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.lime-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.lime-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.lime-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.lime-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.lime-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.lime-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.lime-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.lime-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.lime-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.lime-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.lime-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.lime-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.lime-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.lime-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.lime-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.lime-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #e2b60b;
}
body.lime-theme .header .navbar {
  border: none !important;
}
body.lime-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #1e1e1e;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.lime-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.lime-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.lime-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.lime-theme .header .navbar-lg .setting-block .top-block .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.lime-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.lime-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.lime-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.lime-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.lime-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.lime-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.lime-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #ccc;
}
body.lime-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #ccc;
}
body.lime-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.lime-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.lime-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.lime-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.lime-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.lime-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.lime-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.lime-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.lime-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.lime-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.lime-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.lime-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.lime-theme .settings-menu {
  background: #1e1e1e;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #ccc;
  border: 1px solid #2c2b2b;
  overflow-y: auto;
}
body.lime-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #2c2b2b;
}
body.lime-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.lime-theme .settings-menu .setting-box {
  color: #ccc;
  background-color: #2c2b2b;
}
body.lime-theme .settings-menu-fixed {
  position: fixed !important;
}
body.lime-theme .nav-profile .nav-link span.active {
  color: #e2b60b;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.lime-theme .nav-profile .dropdown-menu {
  background: #1e1e1e none repeat scroll 0 0;
  color: #fff;
  border-top: 1px solid #2c2b2b;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.lime-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.lime-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.lime-theme .nav-profile .dropdown-menu span.active {
  color: #e2b60b;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.lime-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #2c2b2b;
}
body.lime-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #fff;
}
body.lime-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #595959 none repeat scroll 0 0;
  border-left: 2px solid #b18f09;
  color: #ccc;
}
body.lime-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.lime-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #1e1e1e;
  }
  body.lime-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.lime-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.lime-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.lime-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.lime-theme .nav-profile .dropdown-menu span.active {
    color: #e2b60b;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.lime-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.lime-theme .header .logo {
    width: 190px;
  }
  body.lime-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.lime-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.lime-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.lime-theme .nav-profile .dropdown-menu span.active {
    color: #e2b60b;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.lime-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.lime-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.lime-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.lime-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.lime-theme .image-grid > li.main-image {
  width: 50%;
}
body.lime-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.lime-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.lime-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #e2b60b;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.lime-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.lime-theme .scrollToTop:hover {
  background-color: #b18f09;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.lime-theme .breadcrumb-page-title,
  body.lime-theme .theme-setting-icon,
  body.lime-theme .theme-setting-menu,
  body.lime-theme .scrollToTop,
  body.lime-theme .right-sidebar,
  body.lime-theme .settings-menu,
  body.lime-theme .sidebar,
  body.lime-theme .header,
  body.lime-theme .footer,
  body.lime-theme .btn {
    display: none !important;
  }
  body.lime-theme .main-wrapper {
    margin-left: 0;
  }
}
body.lime-theme .pace {
  display: none;
}
body.lime-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.lime-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.lime-theme .page-loader-container .page-loader .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.lime-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.lime-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.lime-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.lime-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.lime-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.lime-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.lime-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #e2b60b;
}
body.lime-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #e2b60b;
}
body.lime-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #e2b60b;
}
body.lime-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #e2b60b;
}
body.lime-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.lime-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.lime-theme .profile .activity .activity-header .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.lime-theme .profile .activity .activity-header .activity-header-image img {
  max-width: 100%;
}
body.lime-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.lime-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.lime-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.lime-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.lime-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.lime-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.lime-theme .mail ul li a {
  color: #909190;
}
body.lime-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.lime-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.lime-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.lime-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.lime-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.lime-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.lime-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.lime-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.lime-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.lime-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.lime-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.lime-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.lime-theme .readmail .filebox .file img {
  height: 148px;
}
body.lime-theme .readmail .filebox .filename {
  height: 70px;
}
body.lime-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.lime-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.lime-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.lime-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.lime-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.lime-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.lime-theme .mail .compose-mail .compose-message .mail-option .form-group {
  margin-bottom: 0;
}
body.lime-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.lime-theme .mail .compose-mail .compose-message .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.lime-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.lime-theme .mail .compose-mail .compose-message .mail-option .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.lime-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.lime-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.lime-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.lime-theme .mail .compose-mail .mail-footer .right-block .send {
  width: 90px;
  height: 35px;
}
body.lime-theme .mail .compose-mail .mail-footer .right-block .send:focus,
body.lime-theme .mail .compose-mail .mail-footer .right-block .tool {
  color: #fff;
}
body.lime-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.lime-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.lime-theme .mail .note-editor.note-frame.card .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.lime-theme .mail .note-editor.note-frame.card .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.lime-theme .mail .note-resizebar {
  display: none;
}
body.lime-theme .selectize-control.selectize-email.multi .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.lime-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.lime-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.lime-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.lime-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.lime-theme .selectize-control.plugin-remove_button [data-value] .remove {
  border-left-color: #fff;
  color: #fff;
}
body.lime-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.lime-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.lime-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.lime-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.lime-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.lime-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.lime-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.lime-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.lime-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.lime-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.lime-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.lime-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.lime-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.lime-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.lime-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.lime-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.lime-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.lime-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.lime-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.lime-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.lime-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.lime-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.lime-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.lime-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.lime-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.lime-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.lime-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.lime-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.lime-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.lime-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.lime-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.lime-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.lime-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.lime-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.lime-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.lime-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.lime-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.lime-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.lime-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.lime-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.lime-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.lime-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.lime-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.lime-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.lime-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.lime-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.lime-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.lime-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.lime-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.lime-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.lime-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.lime-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.lime-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.lime-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.lime-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.lime-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.lime-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.lime-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.lime-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.lime-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.lime-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.lime-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.lime-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.lime-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.lime-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.lime-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.lime-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.lime-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.lime-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.lime-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.lime-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.lime-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.lime-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.lime-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.lime-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.lime-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.lime-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.lime-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.lime-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.lime-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.lime-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.lime-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.lime-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.lime-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.lime-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.lime-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.lime-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.lime-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.lime-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.lime-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.lime-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.lime-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.lime-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.lime-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.lime-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.lime-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.lime-theme .contact-primary,
body.lime-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.lime-theme .contact-primary .img-block .social,
body.lime-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.lime-theme .contact-primary .img-block .social i,
body.lime-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.lime-theme .contact-primary .contact-info,
body.lime-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.lime-theme .contact-primary .contact-info .info-block,
body.lime-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.lime-theme .contact-primary .contact-info .detail,
body.lime-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.lime-theme .contact-primary .contact-info .detail.name,
body.lime-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.lime-theme .contact-primary:hover,
body.lime-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.lime-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.lime-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.lime-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.lime-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.lime-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.lime-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.lime-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.lime-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.lime-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.lime-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.lime-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.lime-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.lime-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.lime-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.lime-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.lime-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.lime-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.lime-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.lime-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.lime-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.lime-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.lime-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.lime-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.lime-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.lime-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.lime-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.lime-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.lime-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.lime-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.lime-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.lime-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.lime-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.lime-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.lime-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.lime-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.lime-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.lime-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.lime-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.lime-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.lime-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.lime-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.lime-theme .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.lime-theme .cssanimations .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.lime-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.lime-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.lime-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.lime-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.lime-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.lime-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.lime-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.lime-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.lime-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.lime-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.lime-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.lime-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #e2b60b;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.lime-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.lime-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.lime-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.lime-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.lime-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #e2b60b;
  border-color: #e2b60b;
}
body.lime-theme .cd-horizontal-timeline .events a.older-event::after {
  border-color: #e2b60b;
}
body.lime-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.lime-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.lime-theme .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.lime-theme .cd-horizontal-timeline .events-content li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.lime-theme .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.lime-theme .cd-horizontal-timeline .events-content li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.lime-theme .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.lime-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.lime-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.lime-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.lime-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.lime-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.lime-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.lime-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.lime-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.lime-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.lime-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.lime-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.lime-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.lime-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.lime-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.lime-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.lime-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.lime-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.lime-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.lime-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.lime-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.lime-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.lime-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.lime-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.lime-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.lime-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.lime-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.lime-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.lime-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.lime-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.lime-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.lime-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.lime-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.lime-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.lime-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.lime-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.lime-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.lime-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.lime-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.lime-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.lime-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.lime-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.lime-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.lime-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.lime-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.lime-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.lime-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.lime-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.lime-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.lime-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.lime-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.lime-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.lime-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.lime-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.lime-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.lime-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.lime-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.lime-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.lime-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.lime-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.lime-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.lime-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.lime-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.lime-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.lime-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.lime-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.lime-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.lime-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.lime-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.lime-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.lime-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.lime-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.lime-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.lime-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.lime-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.lime-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.lime-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.lime-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.lime-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.lime-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.lime-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.lime-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.lime-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.lime-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.lime-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.lime-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.lime-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.lime-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.lime-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.lime-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.lime-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.lime-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.lime-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.lime-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.lime-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.lime-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.lime-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.lime-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.lime-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.lime-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.lime-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.lime-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.lime-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.lime-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.lime-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.lime-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.lime-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.lime-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.lime-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.lime-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.lime-theme .product-detail .product-image-list img:first-child {
  margin-left: 0;
}
body.lime-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.lime-theme .product-detail .product-img img {
  max-width: 100%;
}
body.lime-theme .product-grid-primary,
body.lime-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.lime-theme .product-grid-primary .product-img,
body.lime-theme .product-grid-secondary .product-img {
  position: relative;
}
body.lime-theme .product-grid-primary .product-img .product-like,
body.lime-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.lime-theme .product-grid-primary .product-img .product-like:hover,
body.lime-theme .product-grid-secondary .product-img .product-like:hover {
  color: #e2b60b;
}
body.lime-theme .product-grid-primary .product-detail,
body.lime-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.lime-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.lime-theme .file-manager .toggle-file-menu {
  display: none;
}
body.lime-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.lime-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.lime-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.lime-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.lime-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.lime-theme .file-manager .file-block .file-view .folder .file .file-type {
  bottom: 0px;
  right: 5px;
}
body.lime-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.lime-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.lime-theme .file-manager .file-block .file-view .folder .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.lime-theme .file-manager .file-block .file-view .folder .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.lime-theme .file-manager .file-block .file-view .folder .file,
body.lime-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.lime-theme .file-manager .file-block .file-view .folder .file .file-type,
body.lime-theme .file-manager .file-block .file-view .doc .file .file-type {
  position: absolute;
}
body.lime-theme .file-manager .file-block .file-view .doc .file .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.lime-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.lime-theme .file-manager .file-block .file-view .doc .file .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.lime-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.lime-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.lime-theme .file-manager .file-block .file-view .doc .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.lime-theme .file-manager .file-block .file-view .doc .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.lime-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.lime-theme .file-manager .file-block.file-menu-close .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.lime-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.lime-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.lime-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.lime-theme .other-widgets-box {
  background-color: #15337e;
}
body.lime-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.lime-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.lime-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.lime-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.lime-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.lime-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.lime-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.lime-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.lime-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.lime-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.lime-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.lime-theme .social-widgets .profile .social-profile .profile-avatar {
  height: 120px;
}
body.lime-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.lime-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.lime-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.lime-theme .social-widgets .profile.profile-cover-bg {
  background: #e2b60b url(../../images/login_box_bg.png);
}
body.lime-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.lime-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.lime-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.lime-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.lime-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.lime-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.lime-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.lime-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.lime-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.lime-theme .amcharts-export-menu-top-right {
  display: none;
}
body.lime-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.lime-theme .sales-performance .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.lime-theme .social-analytics .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.lime-theme .sales-performance .amcharts-graph-g3,
body.lime-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.lime-theme .sales-performance .amcharts-value-axis.value-axis-a3,
body.lime-theme .social-analytics .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.lime-theme .sales-performance .lastBullet,
body.lime-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.lime-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.lime-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.lime-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.lime-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.lime-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.lime-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.lime-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.lime-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.lime-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.lime-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.lime-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.lime-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.lime-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.lime-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.lime-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.lime-theme .theme-border-color {
  border-color: #e2b60b;
}
body.lime-theme .primary-border-color {
  border-color: #286090;
}
body.lime-theme .danger-border-color {
  border-color: #d73925;
}
body.lime-theme .info-border-color {
  border-color: #00acd6;
}
body.lime-theme .warning-border-color {
  border-color: #e08e0b;
}
body.lime-theme .success-border-color {
  border-color: #008d4c;
}
body.lime-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.lime-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #e2b60b !important;
  border-radius: 0px;
}
body.lime-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.lime-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.lime-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.lime-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.lime-theme .material-card h2 span {
  display: block;
}
body.lime-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.lime-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.lime-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.lime-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.lime-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.lime-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.lime-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.lime-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.lime-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.lime-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.lime-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.lime-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.lime-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.lime-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.lime-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.lime-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.lime-theme .material-card.mc-active h2:before {
  top: 0;
}
body.lime-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.lime-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.lime-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.lime-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.lime-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.lime-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.lime-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.lime-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.lime-theme .material-card.theme h2 {
  background-color: #e2b60b;
}
body.lime-theme .material-card.theme h2:after {
  border-top-color: #e2b60b;
  border-right-color: #e2b60b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #b18f09;
  border-bottom-color: #b18f09;
  border-left-color: transparent;
}
body.lime-theme .material-card.theme .mc-btn-action {
  background-color: #e2b60b;
}
body.lime-theme .material-card.theme .mc-btn-action:hover {
  background-color: #b18f09;
}
body.lime-theme .material-card.theme .mc-footer h4 {
  color: #b18f09;
}
body.lime-theme .material-card.theme .mc-footer a {
  background-color: #b18f09;
}
body.lime-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #e2b60b;
  border-bottom-color: #e2b60b;
  border-left-color: transparent;
}
body.lime-theme .material-card.theme.mc-active h2:after {
  border-top-color: #b18f09;
  border-right-color: #b18f09;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.lime-theme .material-card.theme.mc-active .mc-footer {
  background-color: #e2b60b;
}
body.lime-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.lime-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.lime-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.lime-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.lime-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.lime-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.lime-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.lime-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.lime-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.lime-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.lime-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.lime-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.lime-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.lime-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.lime-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.lime-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.lime-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.lime-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.lime-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.lime-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.lime-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.lime-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.lime-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.lime-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.lime-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.lime-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.lime-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.lime-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.lime-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.lime-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.lime-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.lime-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.lime-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.lime-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.lime-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.lime-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.lime-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.lime-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.lime-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.lime-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.lime-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.lime-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.lime-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.lime-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.lime-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.lime-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.lime-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.lime-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.lime-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.lime-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.lime-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.lime-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.lime-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.lime-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.lime-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.lime-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.lime-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.lime-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.lime-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.lime-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.lime-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.lime-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.lime-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.lime-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.lime-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.lime-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.lime-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.lime-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.lime-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.lime-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.lime-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.lime-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.lime-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.lime-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.lime-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.lime-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.lime-theme .wrapper:after {
  display: table;
  content: " ";
}
body.lime-theme .wrapper:before {
  display: table;
  content: " ";
}
body.lime-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.lime-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.lime-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.lime-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.lime-theme .fixed-width-page .card,
body.lime-theme .card-page .card,
body.lime-theme .fixed-width-page .card-body,
body.lime-theme .card-page .card-body {
  min-height: 500px;
}
body.lime-theme .fixed-width-page .card h2,
body.lime-theme .card-page .card h2,
body.lime-theme .fixed-width-page .card-body h2,
body.lime-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.lime-theme.full-width-page .main-wrapper,
body.lime-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.lime-theme.full-width-page .logo {
  background: #1e1e1e;
}
body.lime-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.lime-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.lime-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/*******************************************************
 ** orange-theme.less
 ** 
 ** Main LESS file for Orange Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.orange-theme {
  /*******************************************************
 ** orange-theme _variables.less
 ** 
 ** LESS variables for Orange Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /***************
 * Orange Theme
 ***************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.orange-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.orange-theme a {
  text-decoration: none;
}
body.orange-theme h1 {
  font-size: 36px;
}
body.orange-theme h2 {
  font-size: 30px;
}
body.orange-theme h3 {
  font-size: 24px;
}
body.orange-theme h4 {
  font-size: 18px;
}
body.orange-theme h5 {
  font-size: 14px;
}
body.orange-theme h6 {
  font-size: 12px;
}
body.orange-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.orange-theme .border-theme {
  border: 1px solid #f9553e !important;
}
body.orange-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.orange-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.orange-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.orange-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.orange-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.orange-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.orange-theme .border-r-sm {
  border-radius: 3px;
}
body.orange-theme .border-r-md {
  border-radius: 6px;
}
body.orange-theme .border-r-lg {
  border-radius: 12px;
}
body.orange-theme .border-r-xlg {
  border-radius: 24px;
}
body.orange-theme .m-xs {
  margin: 5px;
}
body.orange-theme .mt-xs {
  margin-top: 5px;
}
body.orange-theme .mr-xs {
  margin-right: 5px;
}
body.orange-theme .mb-xs {
  margin-bottom: 5px;
}
body.orange-theme .ml-xs {
  margin-left: 5px;
}
body.orange-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.orange-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.orange-theme .m-sm {
  margin: 10px;
}
body.orange-theme .mt-sm {
  margin-top: 10px;
}
body.orange-theme .mr-sm {
  margin-right: 10px;
}
body.orange-theme .mb-sm {
  margin-bottom: 10px;
}
body.orange-theme .ml-sm {
  margin-left: 10px;
}
body.orange-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.orange-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.orange-theme .m-md {
  margin: 15px;
}
body.orange-theme .mt-md {
  margin-top: 15px;
}
body.orange-theme .mr-md {
  margin-right: 15px;
}
body.orange-theme .mb-md {
  margin-bottom: 15px;
}
body.orange-theme .ml-md {
  margin-left: 15px;
}
body.orange-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.orange-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.orange-theme .m-lg {
  margin: 20px;
}
body.orange-theme .mt-lg {
  margin-top: 20px;
}
body.orange-theme .mr-lg {
  margin-right: 20px;
}
body.orange-theme .mb-lg {
  margin-bottom: 20px;
}
body.orange-theme .ml-lg {
  margin-left: 20px;
}
body.orange-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.orange-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.orange-theme .m-xlg {
  margin: 25px;
}
body.orange-theme .mt-xlg {
  margin-top: 25px;
}
body.orange-theme .mr-xlg {
  margin-right: 25px;
}
body.orange-theme .mb-xlg {
  margin-bottom: 25px;
}
body.orange-theme .ml-xlg {
  margin-left: 25px;
}
body.orange-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.orange-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.orange-theme .p-xs {
  padding: 5px;
}
body.orange-theme .pt-xs {
  padding-top: 5px;
}
body.orange-theme .pr-xs {
  padding-right: 5px;
}
body.orange-theme .pb-xs {
  padding-bottom: 5px;
}
body.orange-theme .pl-xs {
  padding-left: 5px;
}
body.orange-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.orange-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.orange-theme .p-sm {
  padding: 10px;
}
body.orange-theme .pt-sm {
  padding-top: 10px;
}
body.orange-theme .pr-sm {
  padding-right: 10px;
}
body.orange-theme .pb-sm {
  padding-bottom: 10px;
}
body.orange-theme .pl-sm {
  padding-left: 10px;
}
body.orange-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.orange-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.orange-theme .p-md {
  padding: 15px;
}
body.orange-theme .pt-md {
  padding-top: 15px;
}
body.orange-theme .pr-md {
  padding-right: 15px;
}
body.orange-theme .pb-md {
  padding-bottom: 15px;
}
body.orange-theme .pl-md {
  padding-left: 15px;
}
body.orange-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.orange-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.orange-theme .p-lg {
  padding: 20px;
}
body.orange-theme .pt-lg {
  padding-top: 20px;
}
body.orange-theme .pr-lg {
  padding-right: 20px;
}
body.orange-theme .pb-lg {
  padding-bottom: 20px;
}
body.orange-theme .pl-lg {
  padding-left: 20px;
}
body.orange-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.orange-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.orange-theme .p-xlg {
  padding: 25px;
}
body.orange-theme .pt-xlg {
  padding-top: 25px;
}
body.orange-theme .pr-xlg {
  padding-right: 25px;
}
body.orange-theme .pb-xlg {
  padding-bottom: 25px;
}
body.orange-theme .pl-xlg {
  padding-left: 25px;
}
body.orange-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.orange-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.orange-theme .text-normal {
  font-weight: 400;
}
body.orange-theme .text-bold {
  font-weight: 700;
}
body.orange-theme .text-italic {
  font-style: italic;
}
body.orange-theme .text-strike {
  text-decoration: line-through;
}
body.orange-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.orange-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.orange-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.orange-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.orange-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.orange-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.orange-theme .font-16 {
  font-size: 16px;
}
body.orange-theme .font-14 {
  font-size: 14px;
}
body.orange-theme .font-12 {
  font-size: 12px;
}
body.orange-theme .font-10 {
  font-size: 10px;
}
body.orange-theme .text-lg {
  color: #f1f1f1;
}
body.orange-theme .text-mdg {
  color: #ccc;
}
body.orange-theme .text-dg {
  color: #909190;
}
body.orange-theme .text-mb {
  color: #2c2b2b;
}
body.orange-theme .text-mg {
  color: #6e6e6e;
}
body.orange-theme .text-theme {
  color: #f9553e;
}
body.orange-theme .no-bg {
  background: transparent;
}
body.orange-theme .bg-theme {
  background-color: #f9553e;
}
body.orange-theme .bg-lg {
  background-color: #f1f1f1;
}
body.orange-theme .bg-mdg {
  background-color: #ccc;
}
body.orange-theme .bg-dg {
  background-color: #909190;
}
body.orange-theme .bg-mb {
  background-color: #2c2b2b;
}
body.orange-theme .bg-mg {
  background-color: #6e6e6e;
}
body.orange-theme .height-30 {
  min-height: 30px;
}
body.orange-theme .height-40 {
  min-height: 40px;
}
body.orange-theme .height-50 {
  min-height: 50px;
}
body.orange-theme .height-100 {
  min-height: 100px;
}
body.orange-theme .height-150 {
  min-height: 150px;
}
body.orange-theme .height-200 {
  min-height: 200px;
}
body.orange-theme .height-320 {
  min-height: 320px;
}
body.orange-theme .width-30 {
  min-width: 30px;
}
body.orange-theme .width-40 {
  min-width: 40px;
}
body.orange-theme .width-50 {
  min-width: 50px;
}
body.orange-theme .width-100 {
  min-width: 100px;
}
body.orange-theme .width-150 {
  min-width: 150px;
}
body.orange-theme .width-200 {
  min-width: 200px;
}
body.orange-theme .width-320 {
  min-width: 320px;
}
body.orange-theme .progress.progress-xxs {
  height: 2px;
}
body.orange-theme .progress.progress-xs {
  height: 5px;
}
body.orange-theme .progress.progress-sm {
  height: 10px;
}
body.orange-theme .progress.progress-lg {
  height: 20px;
}
body.orange-theme ::-moz-selection {
  color: #fff;
  background: #f9553e;
}
body.orange-theme ::selection {
  color: #fff;
  background: #f9553e;
}
body.orange-theme .avatar {
  width: 32px;
}
body.orange-theme .avatar.avatar-xxs {
  width: 16px;
}
body.orange-theme .avatar.avatar-xs {
  width: 24px;
}
body.orange-theme .avatar.avatar-sm {
  width: 32px;
}
body.orange-theme .avatar.avatar-md {
  width: 40px;
}
body.orange-theme .avatar.avatar-lg {
  width: 64px;
}
body.orange-theme .avatar.avatar-xl {
  width: 128px;
}
body.orange-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.orange-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.orange-theme .btn.btn-theme {
  background-color: #f9553e;
  color: #fff;
}
body.orange-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #f7290d;
}
body.orange-theme .btn.btn-theme:active,
body.orange-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #fa7361;
}
body.orange-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #f9553e;
}
body.orange-theme .btn.btn-outline-theme {
  color: #f9553e;
  background-color: transparent;
  border: 1px solid;
}
body.orange-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #f9553e !important;
  border-color: #f7290d;
}
body.orange-theme .btn.btn-outline-theme:active,
body.orange-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #fa7361;
}
body.orange-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.orange-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.orange-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.orange-theme input,
body.orange-theme select,
body.orange-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.orange-theme input:focus,
body.orange-theme select:focus,
body.orange-theme textarea:focus {
  border: 1px solid #f9553e;
  box-shadow: none !important;
}
body.orange-theme .badge-theme,
body.orange-theme .theme-item {
  background-color: #f9553e;
  color: #fff;
}
body.orange-theme .badge-theme *,
body.orange-theme .theme-item * {
  color: #fff;
}
body.orange-theme .theme-item:hover,
body.orange-theme .item-group:hover {
  background-color: #f7290d;
}
body.orange-theme .theme-item:hover a,
body.orange-theme .item-group:hover a {
  background-color: #f7290d;
}
body.orange-theme .theme-item:hover *,
body.orange-theme .item-group:hover * {
  color: #fff;
}
body.orange-theme .label.label-theme {
  background-color: #f9553e;
  color: #fff;
}
body.orange-theme table tr td,
body.orange-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.orange-theme .table-responsive table tr td,
  body.orange-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.orange-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.orange-theme .footer.fixed {
  position: fixed;
}
body.orange-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.orange-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.orange-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.orange-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.orange-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.orange-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.orange-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.orange-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.orange-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.orange-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.orange-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.orange-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.orange-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.orange-theme .ribbon.ribbon-theme span {
  background: #f9553e;
}
body.orange-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #f9553e;
  border-top: 3px solid #f9553e;
}
body.orange-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #f9553e;
  border-top: 3px solid #f9553e;
}
body.orange-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.orange-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.orange-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.orange-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.orange-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.orange-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.orange-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.orange-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.orange-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.orange-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.orange-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.orange-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.orange-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.orange-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.orange-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.orange-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.orange-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.orange-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.orange-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.orange-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.orange-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.orange-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.orange-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.orange-theme .todo-lists ul {
  padding: 0 10px;
}
body.orange-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.orange-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.orange-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.orange-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.orange-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.orange-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.orange-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.orange-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.orange-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.orange-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.orange-theme .media-block .media {
    display: block !important;
  }
  body.orange-theme .media-block .media img {
    width: 100% !important;
  }
}
body.orange-theme .select2-selection--multiple,
body.orange-theme .select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}
body.orange-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #f9553e;
}
body.orange-theme .select2-selection__choice,
body.orange-theme .select2-selection__choice__remove {
  background-color: #f9553e !important;
  border: 1px solid #f9553e !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.orange-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #f9553e;
  color: #fff;
}
body.orange-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.orange-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.orange-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.orange-theme .ui-sortable .sortable-dragging,
body.orange-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.orange-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.orange-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.orange-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.orange-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.orange-theme .context-menu-list.context-menu-root .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.orange-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.orange-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.orange-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.orange-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.orange-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.orange-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.orange-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.orange-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #f9553e;
  color: #fff;
}
body.orange-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.orange-theme .introjs-tooltipReferenceLayer .introjs-helperNumberLayer {
  left: 10px;
}
body.orange-theme .config .barcode2D {
  display: none;
}
body.orange-theme .miscCanvas {
  display: none;
}
body.orange-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.orange-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.orange-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.orange-theme .mega {
    font-size: 4rem;
  }
}
body.orange-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.orange-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.orange-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.orange-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.orange-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.orange-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.orange-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.orange-theme .fileinput-preview {
  max-height: 150px;
}
body.orange-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.orange-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-search input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.orange-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-mail-content .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.orange-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.orange-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.orange-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.orange-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.orange-theme
  .sidebar.sidebar-v1
  .sidebar-statistics
  .statistics-font-color {
  color: #909190;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.orange-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.orange-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.orange-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.orange-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.orange-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.orange-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #f9553e;
}
body.orange-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.orange-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.orange-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-menu li a .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #f9553e;
  padding: 10px 13px 10px 15px;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #f9553e;
}
body.orange-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a.active
  .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.orange-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #f9553e;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu .sub-list a {
  padding-left: 30px;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu .sub-list a i {
  margin-right: 10px;
  font-size: 15px;
}
body.orange-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu.open {
  max-height: 100%;
}
body.orange-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.orange-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #f9553e;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.orange-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.orange-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu li.active > .treeview-menu {
  display: block;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #f9553e;
  padding-right: 0;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li {
  margin: 0;
  padding: 5px;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.orange-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.orange-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i {
  width: 25px;
}
body.orange-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li:hover {
  padding-right: 3px;
}
body.orange-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.orange-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.orange-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.orange-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.orange-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.orange-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.orange-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.orange-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.orange-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.orange-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.orange-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.orange-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.orange-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.orange-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.orange-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.orange-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.orange-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > span {
  display: table-cell;
  vertical-align: middle;
}
body.orange-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.orange-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.orange-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.orange-theme .main-wrapper {
    margin-left: 230px;
  }
  body.orange-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.orange-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.orange-theme .wrapper.sidebar-mini.sidebar-collapse .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.orange-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.orange-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.orange-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-menu > li {
    position: relative;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.orange-theme .wrapper.sidebar-mini.sidebar-collapse .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #f9553e;
  }
  body.orange-theme .wrapper.sidebar-mini.sidebar-collapse .profile-nav {
    display: none;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.orange-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.orange-theme .menu-toggle {
    display: block !important;
  }
  body.orange-theme .sidebar-v1 {
    left: -230px;
  }
  body.orange-theme .footer {
    margin-left: 0;
  }
  body.orange-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.orange-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.orange-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.orange-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.orange-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.orange-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.orange-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.orange-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #1e1e1e;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #2c2b2b;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.orange-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #2c2b2b;
}
body.orange-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #fff;
  border: none;
  margin: 0px;
}
body.orange-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #f7290d;
}
body.orange-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #f7290d;
}
body.orange-theme .right-sidebar .nav-tabs li a.active {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #f7290d;
}
body.orange-theme .right-sidebar .tab-content .input-group .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.orange-theme .right-sidebar .tab-content input {
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.orange-theme .right-sidebar .tab-content textarea {
  color: #ccc;
}
body.orange-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.orange-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.orange-theme .right-sidebar .tab-content #chat .small-badges.active {
  background-color: #00a65a;
}
body.orange-theme .right-sidebar .tab-content #chat .small-badges.offline {
  background-color: #dd4b39;
}
body.orange-theme .right-sidebar .tab-content #chat .small-badges.idle {
  background-color: #f39c12;
}
body.orange-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #ccc;
}
body.orange-theme .right-sidebar .tab-content #chat .content-body a:hover {
  background-color: #595959;
  border-radius: 50%;
  color: #fff;
}
body.orange-theme .right-sidebar .tab-content #chat h5 {
  color: #ccc;
}
body.orange-theme .right-sidebar .tab-content #chat p {
  color: #aaaaaa;
}
body.orange-theme .right-sidebar .tab-content #tasks {
  color: #ccc;
}
body.orange-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #2c2b2b;
}
body.orange-theme .right-sidebar .tab-content #tasks p,
body.orange-theme .right-sidebar .tab-content #tasks h6 {
  color: #aaaaaa;
}
body.orange-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.orange-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.orange-theme .right-sidebar .tab-content #tasks ul li a {
  color: #ccc;
}
body.orange-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #1e1e1e;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.orange-theme .right-sidebar .chat-sidebar-chat .content-chat-body h5 {
  background: #595959;
}
body.orange-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.orange-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.orange-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #595959;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.orange-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #595959;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.orange-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #f9553e;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.orange-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #f9553e transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.orange-theme .right-sidebar .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.orange-theme .right-sidebar .right-sidebar-setting label {
  color: #ccc;
}
body.orange-theme .right-sidebar .right-sidebar-setting h4 {
  color: #ccc;
  border-top: 1px solid #2c2b2b;
}
body.orange-theme .right-sidebar .right-sidebar-setting small,
body.orange-theme .right-sidebar .right-sidebar-setting p {
  color: #aaaaaa;
}
body.orange-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.orange-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.orange-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.orange-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.orange-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.orange-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.orange-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.orange-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.orange-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.orange-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.orange-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.orange-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.orange-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.orange-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.orange-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.orange-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.orange-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.orange-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.orange-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.orange-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #f9553e;
}
body.orange-theme .header .navbar {
  border: none !important;
}
body.orange-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #1e1e1e;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.orange-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.orange-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.orange-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.orange-theme .header .navbar-lg .setting-block .top-block .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.orange-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.orange-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.orange-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.orange-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.orange-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.orange-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.orange-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #ccc;
}
body.orange-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #ccc;
}
body.orange-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.orange-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.orange-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.orange-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.orange-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.orange-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.orange-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.orange-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.orange-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.orange-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.orange-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.orange-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.orange-theme .settings-menu {
  background: #1e1e1e;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #ccc;
  border: 1px solid #2c2b2b;
  overflow-y: auto;
}
body.orange-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #2c2b2b;
}
body.orange-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.orange-theme .settings-menu .setting-box {
  color: #ccc;
  background-color: #2c2b2b;
}
body.orange-theme .settings-menu-fixed {
  position: fixed !important;
}
body.orange-theme .nav-profile .nav-link span.active {
  color: #f9553e;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.orange-theme .nav-profile .dropdown-menu {
  background: #1e1e1e none repeat scroll 0 0;
  color: #fff;
  border-top: 1px solid #2c2b2b;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.orange-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.orange-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.orange-theme .nav-profile .dropdown-menu span.active {
  color: #f9553e;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.orange-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #2c2b2b;
}
body.orange-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #fff;
}
body.orange-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #595959 none repeat scroll 0 0;
  border-left: 2px solid #f7290d;
  color: #ccc;
}
body.orange-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.orange-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #1e1e1e;
  }
  body.orange-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.orange-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.orange-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.orange-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.orange-theme .nav-profile .dropdown-menu span.active {
    color: #f9553e;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.orange-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.orange-theme .header .logo {
    width: 190px;
  }
  body.orange-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.orange-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.orange-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.orange-theme .nav-profile .dropdown-menu span.active {
    color: #f9553e;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.orange-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.orange-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.orange-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.orange-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.orange-theme .image-grid > li.main-image {
  width: 50%;
}
body.orange-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.orange-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.orange-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #f9553e;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.orange-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.orange-theme .scrollToTop:hover {
  background-color: #f7290d;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.orange-theme .breadcrumb-page-title,
  body.orange-theme .theme-setting-icon,
  body.orange-theme .theme-setting-menu,
  body.orange-theme .scrollToTop,
  body.orange-theme .right-sidebar,
  body.orange-theme .settings-menu,
  body.orange-theme .sidebar,
  body.orange-theme .header,
  body.orange-theme .footer,
  body.orange-theme .btn {
    display: none !important;
  }
  body.orange-theme .main-wrapper {
    margin-left: 0;
  }
}
body.orange-theme .pace {
  display: none;
}
body.orange-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.orange-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.orange-theme .page-loader-container .page-loader .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.orange-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.orange-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.orange-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.orange-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.orange-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.orange-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.orange-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #f9553e;
}
body.orange-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #f9553e;
}
body.orange-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #f9553e;
}
body.orange-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #f9553e;
}
body.orange-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.orange-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.orange-theme .profile .activity .activity-header .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.orange-theme
  .profile
  .activity
  .activity-header
  .activity-header-image
  img {
  max-width: 100%;
}
body.orange-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.orange-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.orange-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.orange-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.orange-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.orange-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.orange-theme .mail ul li a {
  color: #909190;
}
body.orange-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.orange-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.orange-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.orange-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.orange-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.orange-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.orange-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.orange-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.orange-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.orange-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.orange-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.orange-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.orange-theme .readmail .filebox .file img {
  height: 148px;
}
body.orange-theme .readmail .filebox .filename {
  height: 70px;
}
body.orange-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.orange-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.orange-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.orange-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.orange-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.orange-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.orange-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group {
  margin-bottom: 0;
}
body.orange-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.orange-theme .mail .compose-mail .compose-message .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.orange-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.orange-theme .mail .compose-mail .compose-message .mail-option .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.orange-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.orange-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.orange-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.orange-theme .mail .compose-mail .mail-footer .right-block .send {
  width: 90px;
  height: 35px;
}
body.orange-theme .mail .compose-mail .mail-footer .right-block .send:focus,
body.orange-theme .mail .compose-mail .mail-footer .right-block .tool {
  color: #fff;
}
body.orange-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.orange-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.orange-theme .mail .note-editor.note-frame.card .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.orange-theme .mail .note-editor.note-frame.card .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.orange-theme .mail .note-resizebar {
  display: none;
}
body.orange-theme .selectize-control.selectize-email.multi .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.orange-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.orange-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.orange-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.orange-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.orange-theme .selectize-control.plugin-remove_button [data-value] .remove {
  border-left-color: #fff;
  color: #fff;
}
body.orange-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.orange-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.orange-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.orange-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.orange-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.orange-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.orange-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.orange-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.orange-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.orange-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.orange-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.orange-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.orange-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.orange-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.orange-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.orange-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.orange-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.orange-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.orange-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.orange-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.orange-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.orange-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.orange-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.orange-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.orange-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.orange-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.orange-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.orange-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.orange-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.orange-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.orange-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.orange-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.orange-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.orange-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.orange-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.orange-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.orange-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.orange-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.orange-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.orange-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.orange-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.orange-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.orange-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.orange-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.orange-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.orange-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.orange-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.orange-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.orange-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.orange-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.orange-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.orange-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.orange-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.orange-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.orange-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.orange-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.orange-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.orange-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.orange-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.orange-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.orange-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.orange-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.orange-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.orange-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.orange-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.orange-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.orange-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.orange-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.orange-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.orange-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.orange-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.orange-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.orange-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.orange-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.orange-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.orange-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.orange-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.orange-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.orange-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.orange-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.orange-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.orange-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.orange-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.orange-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.orange-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.orange-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.orange-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.orange-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.orange-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.orange-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.orange-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.orange-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.orange-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.orange-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.orange-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.orange-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.orange-theme .contact-primary,
body.orange-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.orange-theme .contact-primary .img-block .social,
body.orange-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.orange-theme .contact-primary .img-block .social i,
body.orange-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.orange-theme .contact-primary .contact-info,
body.orange-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.orange-theme .contact-primary .contact-info .info-block,
body.orange-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.orange-theme .contact-primary .contact-info .detail,
body.orange-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.orange-theme .contact-primary .contact-info .detail.name,
body.orange-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.orange-theme .contact-primary:hover,
body.orange-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.orange-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.orange-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.orange-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.orange-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.orange-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.orange-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.orange-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.orange-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.orange-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.orange-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.orange-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.orange-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.orange-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.orange-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.orange-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.orange-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.orange-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.orange-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.orange-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.orange-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.orange-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.orange-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.orange-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.orange-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.orange-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.orange-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.orange-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.orange-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.orange-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.orange-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.orange-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.orange-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.orange-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.orange-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.orange-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.orange-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.orange-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.orange-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.orange-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.orange-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.orange-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.orange-theme .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.orange-theme .cssanimations .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.orange-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.orange-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.orange-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.orange-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.orange-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.orange-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.orange-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.orange-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.orange-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.orange-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.orange-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.orange-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #f9553e;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.orange-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.orange-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.orange-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.orange-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.orange-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #f9553e;
  border-color: #f9553e;
}
body.orange-theme .cd-horizontal-timeline .events a.older-event::after {
  border-color: #f9553e;
}
body.orange-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.orange-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.orange-theme .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.orange-theme .cd-horizontal-timeline .events-content li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.orange-theme .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.orange-theme .cd-horizontal-timeline .events-content li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.orange-theme .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.orange-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.orange-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.orange-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.orange-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.orange-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.orange-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.orange-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.orange-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.orange-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.orange-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.orange-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.orange-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.orange-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.orange-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.orange-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.orange-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.orange-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.orange-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.orange-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.orange-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.orange-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.orange-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.orange-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.orange-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.orange-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.orange-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.orange-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.orange-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.orange-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.orange-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.orange-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.orange-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.orange-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.orange-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.orange-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.orange-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.orange-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.orange-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.orange-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.orange-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.orange-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.orange-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.orange-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.orange-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.orange-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.orange-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.orange-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.orange-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.orange-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.orange-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.orange-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.orange-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.orange-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.orange-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.orange-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.orange-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.orange-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.orange-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.orange-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.orange-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.orange-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.orange-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.orange-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.orange-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.orange-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.orange-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.orange-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.orange-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.orange-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.orange-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.orange-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.orange-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.orange-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.orange-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.orange-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.orange-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.orange-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.orange-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.orange-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.orange-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.orange-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.orange-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.orange-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.orange-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.orange-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.orange-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.orange-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.orange-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.orange-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.orange-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.orange-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.orange-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.orange-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.orange-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.orange-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.orange-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.orange-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.orange-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.orange-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.orange-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.orange-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.orange-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.orange-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.orange-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.orange-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.orange-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.orange-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.orange-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.orange-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.orange-theme .product-detail .product-image-list img:first-child {
  margin-left: 0;
}
body.orange-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.orange-theme .product-detail .product-img img {
  max-width: 100%;
}
body.orange-theme .product-grid-primary,
body.orange-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.orange-theme .product-grid-primary .product-img,
body.orange-theme .product-grid-secondary .product-img {
  position: relative;
}
body.orange-theme .product-grid-primary .product-img .product-like,
body.orange-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.orange-theme .product-grid-primary .product-img .product-like:hover,
body.orange-theme .product-grid-secondary .product-img .product-like:hover {
  color: #f9553e;
}
body.orange-theme .product-grid-primary .product-detail,
body.orange-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.orange-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.orange-theme .file-manager .toggle-file-menu {
  display: none;
}
body.orange-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.orange-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.orange-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.orange-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.orange-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.orange-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type {
  bottom: 0px;
  right: 5px;
}
body.orange-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.orange-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.orange-theme .file-manager .file-block .file-view .folder .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.orange-theme .file-manager .file-block .file-view .folder .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.orange-theme .file-manager .file-block .file-view .folder .file,
body.orange-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.orange-theme .file-manager .file-block .file-view .folder .file .file-type,
body.orange-theme .file-manager .file-block .file-view .doc .file .file-type {
  position: absolute;
}
body.orange-theme .file-manager .file-block .file-view .doc .file .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.orange-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.orange-theme .file-manager .file-block .file-view .doc .file .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.orange-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.orange-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.orange-theme .file-manager .file-block .file-view .doc .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.orange-theme .file-manager .file-block .file-view .doc .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.orange-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.orange-theme .file-manager .file-block.file-menu-close .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.orange-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.orange-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.orange-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.orange-theme .other-widgets-box {
  background-color: #15337e;
}
body.orange-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.orange-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.orange-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.orange-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.orange-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.orange-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.orange-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.orange-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.orange-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.orange-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.orange-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.orange-theme .social-widgets .profile .social-profile .profile-avatar {
  height: 120px;
}
body.orange-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.orange-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.orange-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.orange-theme .social-widgets .profile.profile-cover-bg {
  background: #f9553e url(../../images/login_box_bg.png);
}
body.orange-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.orange-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.orange-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.orange-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.orange-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.orange-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.orange-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.orange-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.orange-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.orange-theme .amcharts-export-menu-top-right {
  display: none;
}
body.orange-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.orange-theme .sales-performance .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.orange-theme .social-analytics .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.orange-theme .sales-performance .amcharts-graph-g3,
body.orange-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.orange-theme .sales-performance .amcharts-value-axis.value-axis-a3,
body.orange-theme .social-analytics .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.orange-theme .sales-performance .lastBullet,
body.orange-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.orange-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.orange-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.orange-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.orange-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.orange-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.orange-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.orange-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.orange-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.orange-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.orange-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.orange-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.orange-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.orange-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.orange-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.orange-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.orange-theme .theme-border-color {
  border-color: #f9553e;
}
body.orange-theme .primary-border-color {
  border-color: #286090;
}
body.orange-theme .danger-border-color {
  border-color: #d73925;
}
body.orange-theme .info-border-color {
  border-color: #00acd6;
}
body.orange-theme .warning-border-color {
  border-color: #e08e0b;
}
body.orange-theme .success-border-color {
  border-color: #008d4c;
}
body.orange-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.orange-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #f9553e !important;
  border-radius: 0px;
}
body.orange-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.orange-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.orange-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.orange-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.orange-theme .material-card h2 span {
  display: block;
}
body.orange-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.orange-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.orange-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.orange-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.orange-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.orange-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.orange-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.orange-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.orange-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.orange-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.orange-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.orange-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.orange-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.orange-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.orange-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.orange-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.orange-theme .material-card.mc-active h2:before {
  top: 0;
}
body.orange-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.orange-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.orange-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.orange-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.orange-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.orange-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.orange-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.orange-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.orange-theme .material-card.theme h2 {
  background-color: #f9553e;
}
body.orange-theme .material-card.theme h2:after {
  border-top-color: #f9553e;
  border-right-color: #f9553e;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #f7290d;
  border-bottom-color: #f7290d;
  border-left-color: transparent;
}
body.orange-theme .material-card.theme .mc-btn-action {
  background-color: #f9553e;
}
body.orange-theme .material-card.theme .mc-btn-action:hover {
  background-color: #f7290d;
}
body.orange-theme .material-card.theme .mc-footer h4 {
  color: #f7290d;
}
body.orange-theme .material-card.theme .mc-footer a {
  background-color: #f7290d;
}
body.orange-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f9553e;
  border-bottom-color: #f9553e;
  border-left-color: transparent;
}
body.orange-theme .material-card.theme.mc-active h2:after {
  border-top-color: #f7290d;
  border-right-color: #f7290d;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.orange-theme .material-card.theme.mc-active .mc-footer {
  background-color: #f9553e;
}
body.orange-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.orange-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.orange-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.orange-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.orange-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.orange-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.orange-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.orange-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.orange-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.orange-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.orange-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.orange-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.orange-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.orange-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.orange-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.orange-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.orange-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.orange-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.orange-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.orange-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.orange-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.orange-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.orange-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.orange-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.orange-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.orange-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.orange-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.orange-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.orange-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.orange-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.orange-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.orange-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.orange-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.orange-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.orange-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.orange-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.orange-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.orange-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.orange-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.orange-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.orange-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.orange-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.orange-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.orange-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.orange-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.orange-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.orange-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.orange-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.orange-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.orange-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.orange-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.orange-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.orange-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.orange-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.orange-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.orange-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.orange-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.orange-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.orange-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.orange-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.orange-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.orange-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.orange-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.orange-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.orange-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.orange-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.orange-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.orange-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.orange-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.orange-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.orange-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.orange-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.orange-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.orange-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.orange-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.orange-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.orange-theme .wrapper:after {
  display: table;
  content: " ";
}
body.orange-theme .wrapper:before {
  display: table;
  content: " ";
}
body.orange-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.orange-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.orange-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.orange-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.orange-theme .fixed-width-page .card,
body.orange-theme .card-page .card,
body.orange-theme .fixed-width-page .card-body,
body.orange-theme .card-page .card-body {
  min-height: 500px;
}
body.orange-theme .fixed-width-page .card h2,
body.orange-theme .card-page .card h2,
body.orange-theme .fixed-width-page .card-body h2,
body.orange-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.orange-theme.full-width-page .main-wrapper,
body.orange-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.orange-theme.full-width-page .logo {
  background: #1e1e1e;
}
body.orange-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.orange-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.orange-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/*******************************************************
 ** strawberry-theme.less
 ** 
 ** Main LESS file for Strawberry Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.strawberry-theme {
  /*******************************************************
 ** strawberry-theme _variables.less
 ** 
 ** LESS variables for Strawberry Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /************************
 * Main/Strawberry Theme
 ************************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.strawberry-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.strawberry-theme a {
  text-decoration: none;
}
body.strawberry-theme h1 {
  font-size: 36px;
}
body.strawberry-theme h2 {
  font-size: 30px;
}
body.strawberry-theme h3 {
  font-size: 24px;
}
body.strawberry-theme h4 {
  font-size: 18px;
}
body.strawberry-theme h5 {
  font-size: 14px;
}
body.strawberry-theme h6 {
  font-size: 12px;
}
body.strawberry-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.strawberry-theme .border-theme {
  border: 1px solid #15337e !important;
}
body.strawberry-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.strawberry-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.strawberry-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.strawberry-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.strawberry-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.strawberry-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.strawberry-theme .border-r-sm {
  border-radius: 3px;
}
body.strawberry-theme .border-r-md {
  border-radius: 6px;
}
body.strawberry-theme .border-r-lg {
  border-radius: 12px;
}
body.strawberry-theme .border-r-xlg {
  border-radius: 24px;
}
body.strawberry-theme .m-xs {
  margin: 5px;
}
body.strawberry-theme .mt-xs {
  margin-top: 5px;
}
body.strawberry-theme .mr-xs {
  margin-right: 5px;
}
body.strawberry-theme .mb-xs {
  margin-bottom: 5px;
}
body.strawberry-theme .ml-xs {
  margin-left: 5px;
}
body.strawberry-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.strawberry-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.strawberry-theme .m-sm {
  margin: 10px;
}
body.strawberry-theme .mt-sm {
  margin-top: 10px;
}
body.strawberry-theme .mr-sm {
  margin-right: 10px;
}
body.strawberry-theme .mb-sm {
  margin-bottom: 10px;
}
body.strawberry-theme .ml-sm {
  margin-left: 10px;
}
body.strawberry-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.strawberry-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.strawberry-theme .m-md {
  margin: 15px;
}
body.strawberry-theme .mt-md {
  margin-top: 15px;
}
body.strawberry-theme .mr-md {
  margin-right: 15px;
}
body.strawberry-theme .mb-md {
  margin-bottom: 15px;
}
body.strawberry-theme .ml-md {
  margin-left: 15px;
}
body.strawberry-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.strawberry-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.strawberry-theme .m-lg {
  margin: 20px;
}
body.strawberry-theme .mt-lg {
  margin-top: 20px;
}
body.strawberry-theme .mr-lg {
  margin-right: 20px;
}
body.strawberry-theme .mb-lg {
  margin-bottom: 20px;
}
body.strawberry-theme .ml-lg {
  margin-left: 20px;
}
body.strawberry-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.strawberry-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.strawberry-theme .m-xlg {
  margin: 25px;
}
body.strawberry-theme .mt-xlg {
  margin-top: 25px;
}
body.strawberry-theme .mr-xlg {
  margin-right: 25px;
}
body.strawberry-theme .mb-xlg {
  margin-bottom: 25px;
}
body.strawberry-theme .ml-xlg {
  margin-left: 25px;
}
body.strawberry-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.strawberry-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.strawberry-theme .p-xs {
  padding: 5px;
}
body.strawberry-theme .pt-xs {
  padding-top: 5px;
}
body.strawberry-theme .pr-xs {
  padding-right: 5px;
}
body.strawberry-theme .pb-xs {
  padding-bottom: 5px;
}
body.strawberry-theme .pl-xs {
  padding-left: 5px;
}
body.strawberry-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.strawberry-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.strawberry-theme .p-sm {
  padding: 10px;
}
body.strawberry-theme .pt-sm {
  padding-top: 10px;
}
body.strawberry-theme .pr-sm {
  padding-right: 10px;
}
body.strawberry-theme .pb-sm {
  padding-bottom: 10px;
}
body.strawberry-theme .pl-sm {
  padding-left: 10px;
}
body.strawberry-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.strawberry-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.strawberry-theme .p-md {
  padding: 15px;
}
body.strawberry-theme .pt-md {
  padding-top: 15px;
}
body.strawberry-theme .pr-md {
  padding-right: 15px;
}
body.strawberry-theme .pb-md {
  padding-bottom: 15px;
}
body.strawberry-theme .pl-md {
  padding-left: 15px;
}
body.strawberry-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.strawberry-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.strawberry-theme .p-lg {
  padding: 20px;
}
body.strawberry-theme .pt-lg {
  padding-top: 20px;
}
body.strawberry-theme .pr-lg {
  padding-right: 20px;
}
body.strawberry-theme .pb-lg {
  padding-bottom: 20px;
}
body.strawberry-theme .pl-lg {
  padding-left: 20px;
}
body.strawberry-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.strawberry-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.strawberry-theme .p-xlg {
  padding: 25px;
}
body.strawberry-theme .pt-xlg {
  padding-top: 25px;
}
body.strawberry-theme .pr-xlg {
  padding-right: 25px;
}
body.strawberry-theme .pb-xlg {
  padding-bottom: 25px;
}
body.strawberry-theme .pl-xlg {
  padding-left: 25px;
}
body.strawberry-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.strawberry-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.strawberry-theme .text-normal {
  font-weight: 400;
}
body.strawberry-theme .text-bold {
  font-weight: 700;
}
body.strawberry-theme .text-italic {
  font-style: italic;
}
body.strawberry-theme .text-strike {
  text-decoration: line-through;
}
body.strawberry-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.strawberry-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.strawberry-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.strawberry-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.strawberry-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.strawberry-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.strawberry-theme .font-16 {
  font-size: 16px;
}
body.strawberry-theme .font-14 {
  font-size: 14px;
}
body.strawberry-theme .font-12 {
  font-size: 12px;
}
body.strawberry-theme .font-10 {
  font-size: 10px;
}
body.strawberry-theme .text-lg {
  color: #f1f1f1;
}
body.strawberry-theme .text-mdg {
  color: #ccc;
}
body.strawberry-theme .text-dg {
  color: #909190;
}
body.strawberry-theme .text-mb {
  color: #2c2b2b;
}
body.strawberry-theme .text-mg {
  color: #6e6e6e;
}
body.strawberry-theme .text-theme {
  color: #15337e;
}
body.strawberry-theme .no-bg {
  background: transparent;
}
body.strawberry-theme .bg-theme {
  background-color: #15337e;
}
body.strawberry-theme .bg-lg {
  background-color: #f1f1f1;
}
body.strawberry-theme .bg-mdg {
  background-color: #ccc;
}
body.strawberry-theme .bg-dg {
  background-color: #909190;
}
body.strawberry-theme .bg-mb {
  background-color: #2c2b2b;
}
body.strawberry-theme .bg-mg {
  background-color: #6e6e6e;
}
body.strawberry-theme .height-30 {
  min-height: 30px;
}
body.strawberry-theme .height-40 {
  min-height: 40px;
}
body.strawberry-theme .height-50 {
  min-height: 50px;
}
body.strawberry-theme .height-100 {
  min-height: 100px;
}
body.strawberry-theme .height-150 {
  min-height: 150px;
}
body.strawberry-theme .height-200 {
  min-height: 200px;
}
body.strawberry-theme .height-320 {
  min-height: 320px;
}
body.strawberry-theme .width-30 {
  min-width: 30px;
}
body.strawberry-theme .width-40 {
  min-width: 40px;
}
body.strawberry-theme .width-50 {
  min-width: 50px;
}
body.strawberry-theme .width-100 {
  min-width: 100px;
}
body.strawberry-theme .width-150 {
  min-width: 150px;
}
body.strawberry-theme .width-200 {
  min-width: 200px;
}
body.strawberry-theme .width-320 {
  min-width: 320px;
}
body.strawberry-theme .progress.progress-xxs {
  height: 2px;
}
body.strawberry-theme .progress.progress-xs {
  height: 5px;
}
body.strawberry-theme .progress.progress-sm {
  height: 10px;
}
body.strawberry-theme .progress.progress-lg {
  height: 20px;
}
body.strawberry-theme ::-moz-selection {
  color: #fff;
  background: #15337e;
}
body.strawberry-theme ::selection {
  color: #fff;
  background: #92ADC0;
}
body.strawberry-theme .avatar {
  width: 32px;
}
body.strawberry-theme .avatar.avatar-xxs {
  width: 16px;
}
body.strawberry-theme .avatar.avatar-xs {
  width: 24px;
}
body.strawberry-theme .avatar.avatar-sm {
  width: 32px;
}
body.strawberry-theme .avatar.avatar-md {
  width: 40px;
}
body.strawberry-theme .avatar.avatar-lg {
  width: 64px;
}
body.strawberry-theme .avatar.avatar-xl {
  width: 128px;
}
body.strawberry-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.strawberry-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.strawberry-theme .btn.btn-theme {
  background-color: #15337e;
  color: #fff;
}
body.strawberry-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #1F29C4;
}
body.strawberry-theme .btn.btn-theme:active,
body.strawberry-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #f03866;
}
body.strawberry-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #15337e;
}
body.strawberry-theme .btn.btn-outline-theme {
  color: #15337e;
  background-color: transparent;
  border: 1px solid;
}
body.strawberry-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #15337e !important;
  border-color: #c20f3b;
}
body.strawberry-theme .btn.btn-outline-theme:active,
body.strawberry-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #f03866;
}
body.strawberry-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.strawberry-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.strawberry-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.strawberry-theme input,
body.strawberry-theme select,
body.strawberry-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.strawberry-theme input:focus,
body.strawberry-theme select:focus,
body.strawberry-theme textarea:focus {
  border: 1px solid #15337e;
  box-shadow: none !important;
}
body.strawberry-theme .badge-theme,
body.strawberry-theme .theme-item {
  background-color: #15337e;
  color: #fff;
}
body.strawberry-theme .badge-theme *,
body.strawberry-theme .theme-item * {
  color: #fff;
}
body.strawberry-theme .theme-item:hover,
body.strawberry-theme .item-group:hover {
  background-color: #c20f3b;
}
body.strawberry-theme .theme-item:hover a,
body.strawberry-theme .item-group:hover a {
  background-color: #c20f3b;
}
body.strawberry-theme .theme-item:hover *,
body.strawberry-theme .item-group:hover * {
  color: #fff;
}
body.strawberry-theme .label.label-theme {
  background-color: #15337e;
  color: #fff;
}
body.strawberry-theme table tr td,
body.strawberry-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.strawberry-theme .table-responsive table tr td,
  body.strawberry-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.strawberry-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.strawberry-theme .footer.fixed {
  position: fixed;
}
body.strawberry-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.strawberry-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.strawberry-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.strawberry-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.strawberry-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.strawberry-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.strawberry-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.strawberry-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.strawberry-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.strawberry-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.strawberry-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.strawberry-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.strawberry-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.strawberry-theme .ribbon.ribbon-theme span {
  background: #15337e;
}
body.strawberry-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #15337e;
  border-top: 3px solid #15337e;
}
body.strawberry-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #15337e;
  border-top: 3px solid #15337e;
}
body.strawberry-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.strawberry-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.strawberry-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.strawberry-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.strawberry-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.strawberry-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.strawberry-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.strawberry-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.strawberry-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.strawberry-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.strawberry-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.strawberry-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.strawberry-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.strawberry-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.strawberry-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.strawberry-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.strawberry-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.strawberry-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.strawberry-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.strawberry-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.strawberry-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.strawberry-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.strawberry-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.strawberry-theme .todo-lists ul {
  padding: 0 10px;
}
body.strawberry-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.strawberry-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.strawberry-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.strawberry-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.strawberry-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.strawberry-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.strawberry-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.strawberry-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.strawberry-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.strawberry-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.strawberry-theme .media-block .media {
    display: block !important;
  }
  body.strawberry-theme .media-block .media img {
    width: 100% !important;
  }
}
body.strawberry-theme .select2-selection--multiple,
body.strawberry-theme .select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}
body.strawberry-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #15337e;
}
body.strawberry-theme .select2-selection__choice,
body.strawberry-theme .select2-selection__choice__remove {
  background-color: #15337e !important;
  border: 1px solid #15337e !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.strawberry-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #15337e;
  color: #fff;
}
body.strawberry-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.strawberry-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.strawberry-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.strawberry-theme .ui-sortable .sortable-dragging,
body.strawberry-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.strawberry-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.strawberry-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.strawberry-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.strawberry-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.strawberry-theme .context-menu-list.context-menu-root .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.strawberry-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.strawberry-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.strawberry-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.strawberry-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.strawberry-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.strawberry-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.strawberry-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.strawberry-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #15337e;
  color: #fff;
}
body.strawberry-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.strawberry-theme
  .introjs-tooltipReferenceLayer
  .introjs-helperNumberLayer {
  left: 10px;
}
body.strawberry-theme .config .barcode2D {
  display: none;
}
body.strawberry-theme .miscCanvas {
  display: none;
}
body.strawberry-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.strawberry-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.strawberry-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.strawberry-theme .mega {
    font-size: 4rem;
  }
}
body.strawberry-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.strawberry-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.strawberry-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.strawberry-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.strawberry-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.strawberry-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.strawberry-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.strawberry-theme .fileinput-preview {
  max-height: 150px;
}
body.strawberry-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.strawberry-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #fff;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.strawberry-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #fff;
}
body.strawberry-theme .sidebar.sidebar-v1 .sidebar-search input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.strawberry-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.strawberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.strawberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.strawberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.strawberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.strawberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.strawberry-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.strawberry-theme
  .sidebar.sidebar-v1
  .sidebar-statistics
  .statistics-font-color {
  color: #909190;
}
body.strawberry-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.strawberry-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.strawberry-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.strawberry-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.strawberry-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.strawberry-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}



body.strawberry-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.strawberry-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #15337e;
}
body.strawberry-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.strawberry-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.strawberry-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.strawberry-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.strawberry-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #f1f1f1;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.strawberry-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.strawberry-theme .sidebar.sidebar-v1 .sidebar-menu li a .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.strawberry-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #f1f1f1;
  border-right: 2px solid #15337e;
  padding: 10px 13px 10px 15px;
}
body.strawberry-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #f1f1f1;
  border-right: 2px solid #15337e;
}
body.strawberry-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a.active
  .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.strawberry-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #f1f1f1;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.strawberry-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #15337e;
}
body.strawberry-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a {
  padding-left: 30px;
}
body.strawberry-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a
  i {
  margin-right: 10px;
  font-size: 15px;
}
body.strawberry-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu.open {
  max-height: 100%;
}
body.strawberry-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.strawberry-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #f1f1f1;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.strawberry-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.strawberry-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #15337e;
}
body.strawberry-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.strawberry-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.strawberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.strawberry-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.strawberry-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.strawberry-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.strawberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  > a
  > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.strawberry-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.strawberry-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.strawberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.strawberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > .treeview-menu {
  display: block;
}
body.strawberry-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.strawberry-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #15337e;
  padding-right: 0;
}
body.strawberry-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.strawberry-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li {
  margin: 0;
  padding: 5px;
}
body.strawberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.strawberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.strawberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i {
  width: 25px;
}
body.strawberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.strawberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li:hover {
  padding-right: 3px;
}
body.strawberry-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.strawberry-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.strawberry-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.strawberry-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.strawberry-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.strawberry-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.strawberry-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.strawberry-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.strawberry-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.strawberry-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.strawberry-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.strawberry-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.strawberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.strawberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.strawberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.strawberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.strawberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > span {
  display: table-cell;
  vertical-align: middle;
}
body.strawberry-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.strawberry-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.strawberry-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.strawberry-theme .main-wrapper {
    margin-left: 230px;
  }
  body.strawberry-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.strawberry-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.strawberry-theme .wrapper.sidebar-mini.sidebar-collapse .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.strawberry-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.strawberry-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li {
    position: relative;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #15337e;
  }
  body.strawberry-theme .wrapper.sidebar-mini.sidebar-collapse .profile-nav {
    display: none;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.strawberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.strawberry-theme .menu-toggle {
    display: block !important;
  }
  body.strawberry-theme .sidebar-v1 {
    left: -230px;
  }
  body.strawberry-theme .footer {
    margin-left: 0;
  }
  body.strawberry-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.strawberry-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.strawberry-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.strawberry-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.strawberry-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.strawberry-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.strawberry-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.strawberry-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #ffff;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #2c2b2b;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.strawberry-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #2c2b2b;
}
body.strawberry-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #fff;
  border: none;
  margin: 0px;
}
body.strawberry-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #c20f3b;
}
body.strawberry-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #c20f3b;
}
body.strawberry-theme .right-sidebar .nav-tabs li a.active {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #c20f3b;
}
body.strawberry-theme
  .right-sidebar
  .tab-content
  .input-group
  .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.strawberry-theme .right-sidebar .tab-content input {
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.strawberry-theme .right-sidebar .tab-content textarea {
  color: #ccc;
}
body.strawberry-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.strawberry-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.strawberry-theme .right-sidebar .tab-content #chat .small-badges.active {
  background-color: #00a65a;
}
body.strawberry-theme .right-sidebar .tab-content #chat .small-badges.offline {
  background-color: #dd4b39;
}
body.strawberry-theme .right-sidebar .tab-content #chat .small-badges.idle {
  background-color: #f39c12;
}
body.strawberry-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #ccc;
}
body.strawberry-theme .right-sidebar .tab-content #chat .content-body a:hover {
  background-color: #595959;
  border-radius: 50%;
  color: #fff;
}
body.strawberry-theme .right-sidebar .tab-content #chat h5 {
  color: #ccc;
}
body.strawberry-theme .right-sidebar .tab-content #chat p {
  color: #aaaaaa;
}
body.strawberry-theme .right-sidebar .tab-content #tasks {
  color: #ccc;
}
body.strawberry-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #2c2b2b;
}
body.strawberry-theme .right-sidebar .tab-content #tasks p,
body.strawberry-theme .right-sidebar .tab-content #tasks h6 {
  color: #aaaaaa;
}
body.strawberry-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.strawberry-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.strawberry-theme .right-sidebar .tab-content #tasks ul li a {
  color: #ccc;
}
body.strawberry-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #1e1e1e;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.strawberry-theme .right-sidebar .chat-sidebar-chat .content-chat-body h5 {
  background: #595959;
}
body.strawberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.strawberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.strawberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #595959;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.strawberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #595959;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.strawberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #15337e;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.strawberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #15337e transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.strawberry-theme .right-sidebar .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.strawberry-theme .right-sidebar .right-sidebar-setting label {
  color: #ccc;
}
body.strawberry-theme .right-sidebar .right-sidebar-setting h4 {
  color: #ccc;
  border-top: 1px solid #2c2b2b;
}
body.strawberry-theme .right-sidebar .right-sidebar-setting small,
body.strawberry-theme .right-sidebar .right-sidebar-setting p {
  color: #aaaaaa;
}
body.strawberry-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.strawberry-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.strawberry-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.strawberry-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.strawberry-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.strawberry-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.strawberry-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.strawberry-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.strawberry-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.strawberry-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.strawberry-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.strawberry-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.strawberry-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.strawberry-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.strawberry-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.strawberry-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.strawberry-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.strawberry-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 2px;
  background: #fff;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.strawberry-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.strawberry-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #15337e;
}
body.strawberry-theme .header .navbar {
  border: none !important;
}
body.strawberry-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.strawberry-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.strawberry-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.strawberry-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.strawberry-theme .header .navbar-lg .setting-block .top-block .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.strawberry-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.strawberry-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.strawberry-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.strawberry-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.strawberry-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.strawberry-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.strawberry-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #ccc;
}
body.strawberry-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #ccc;
}
body.strawberry-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.strawberry-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.strawberry-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.strawberry-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.strawberry-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.strawberry-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.strawberry-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.strawberry-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.strawberry-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.strawberry-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.strawberry-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.strawberry-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.strawberry-theme .settings-menu {
  background: #1e1e1e;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #ccc;
  border: 1px solid #2c2b2b;
  overflow-y: auto;
}
body.strawberry-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #2c2b2b;
}
body.strawberry-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.strawberry-theme .settings-menu .setting-box {
  color: #ccc;
  background-color: #2c2b2b;
}
body.strawberry-theme .settings-menu-fixed {
  position: fixed !important;
}
body.strawberry-theme .nav-profile .nav-link span.active {
  color: #15337e;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.strawberry-theme .nav-profile .dropdown-menu {
  background: #fff none repeat scroll 0 0;
  color: #00284c;
  border-top: 1px solid #2c2b2b;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.strawberry-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.strawberry-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.strawberry-theme .nav-profile .dropdown-menu span.active {
  color: #15337e;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.strawberry-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #2c2b2b;
}
body.strawberry-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #00284c;
}
body.strawberry-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #f1f1f1 none repeat scroll 0 0;
  border-left: 2px solid #c20f3b;
  color: #ccc;
}
body.strawberry-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.strawberry-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
  }
  body.strawberry-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.strawberry-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.strawberry-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.strawberry-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.strawberry-theme .nav-profile .dropdown-menu span.active {
    color: #15337e;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.strawberry-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.strawberry-theme .header .logo {
    width: 190px;
  }
  body.strawberry-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.strawberry-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.strawberry-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.strawberry-theme .nav-profile .dropdown-menu span.active {
    color: #15337e;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.strawberry-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.strawberry-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.strawberry-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.strawberry-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.strawberry-theme .image-grid > li.main-image {
  width: 50%;
}
body.strawberry-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.strawberry-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.strawberry-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #15337e;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.strawberry-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.strawberry-theme .scrollToTop:hover {
  background-color: #c20f3b;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.strawberry-theme .breadcrumb-page-title,
  body.strawberry-theme .theme-setting-icon,
  body.strawberry-theme .theme-setting-menu,
  body.strawberry-theme .scrollToTop,
  body.strawberry-theme .right-sidebar,
  body.strawberry-theme .settings-menu,
  body.strawberry-theme .sidebar,
  body.strawberry-theme .header,
  body.strawberry-theme .footer,
  body.strawberry-theme .btn {
    display: none !important;
  }
  body.strawberry-theme .main-wrapper {
    margin-left: 0;
  }
}
body.strawberry-theme .pace {
  display: none;
}
body.strawberry-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.strawberry-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.strawberry-theme .page-loader-container .page-loader .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.strawberry-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.strawberry-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.strawberry-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.strawberry-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.strawberry-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.strawberry-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.strawberry-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #15337e;
}
body.strawberry-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #15337e;
}
body.strawberry-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #15337e;
}
body.strawberry-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #15337e;
}
body.strawberry-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.strawberry-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.strawberry-theme
  .profile
  .activity
  .activity-header
  .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.strawberry-theme
  .profile
  .activity
  .activity-header
  .activity-header-image
  img {
  max-width: 100%;
}
body.strawberry-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.strawberry-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.strawberry-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.strawberry-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.strawberry-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.strawberry-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.strawberry-theme .mail ul li a {
  color: #909190;
}
body.strawberry-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.strawberry-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.strawberry-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.strawberry-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.strawberry-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.strawberry-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.strawberry-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.strawberry-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.strawberry-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.strawberry-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.strawberry-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.strawberry-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.strawberry-theme .readmail .filebox .file img {
  height: 148px;
}
body.strawberry-theme .readmail .filebox .filename {
  height: 70px;
}
body.strawberry-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.strawberry-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.strawberry-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.strawberry-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.strawberry-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.strawberry-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.strawberry-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group {
  margin-bottom: 0;
}
body.strawberry-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.strawberry-theme .mail .compose-mail .compose-message .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.strawberry-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.strawberry-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.strawberry-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.strawberry-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.strawberry-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.strawberry-theme .mail .compose-mail .mail-footer .right-block .send {
  width: 90px;
  height: 35px;
}
body.strawberry-theme .mail .compose-mail .mail-footer .right-block .send:focus,
body.strawberry-theme .mail .compose-mail .mail-footer .right-block .tool {
  color: #fff;
}
body.strawberry-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.strawberry-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.strawberry-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.strawberry-theme .mail .note-editor.note-frame.card .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.strawberry-theme .mail .note-resizebar {
  display: none;
}
body.strawberry-theme
  .selectize-control.selectize-email.multi
  .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.strawberry-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.strawberry-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.strawberry-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.strawberry-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.strawberry-theme
  .selectize-control.plugin-remove_button
  [data-value]
  .remove {
  border-left-color: #fff;
  color: #fff;
}
body.strawberry-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.strawberry-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.strawberry-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.strawberry-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.strawberry-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.strawberry-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.strawberry-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.strawberry-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.strawberry-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.strawberry-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.strawberry-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.strawberry-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.strawberry-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.strawberry-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.strawberry-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.strawberry-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.strawberry-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.strawberry-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.strawberry-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.strawberry-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.strawberry-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.strawberry-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.strawberry-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.strawberry-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.strawberry-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.strawberry-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.strawberry-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.strawberry-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.strawberry-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.strawberry-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.strawberry-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.strawberry-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.strawberry-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.strawberry-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.strawberry-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.strawberry-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.strawberry-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.strawberry-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.strawberry-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.strawberry-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.strawberry-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.strawberry-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.strawberry-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.strawberry-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.strawberry-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.strawberry-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.strawberry-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.strawberry-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.strawberry-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.strawberry-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.strawberry-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.strawberry-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.strawberry-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.strawberry-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.strawberry-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.strawberry-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.strawberry-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.strawberry-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.strawberry-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.strawberry-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.strawberry-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.strawberry-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.strawberry-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.strawberry-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.strawberry-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.strawberry-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.strawberry-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.strawberry-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.strawberry-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.strawberry-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.strawberry-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.strawberry-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.strawberry-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.strawberry-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.strawberry-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.strawberry-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.strawberry-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.strawberry-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.strawberry-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.strawberry-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.strawberry-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.strawberry-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.strawberry-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.strawberry-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.strawberry-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.strawberry-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.strawberry-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.strawberry-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.strawberry-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.strawberry-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.strawberry-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.strawberry-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.strawberry-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.strawberry-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.strawberry-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.strawberry-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.strawberry-theme .contact-primary,
body.strawberry-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.strawberry-theme .contact-primary .img-block .social,
body.strawberry-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.strawberry-theme .contact-primary .img-block .social i,
body.strawberry-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.strawberry-theme .contact-primary .contact-info,
body.strawberry-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.strawberry-theme .contact-primary .contact-info .info-block,
body.strawberry-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.strawberry-theme .contact-primary .contact-info .detail,
body.strawberry-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.strawberry-theme .contact-primary .contact-info .detail.name,
body.strawberry-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.strawberry-theme .contact-primary:hover,
body.strawberry-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.strawberry-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.strawberry-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.strawberry-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.strawberry-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.strawberry-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.strawberry-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.strawberry-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.strawberry-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.strawberry-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.strawberry-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.strawberry-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.strawberry-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.strawberry-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.strawberry-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.strawberry-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.strawberry-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.strawberry-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.strawberry-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.strawberry-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.strawberry-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.strawberry-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.strawberry-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.strawberry-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.strawberry-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.strawberry-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.strawberry-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.strawberry-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.strawberry-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.strawberry-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.strawberry-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.strawberry-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.strawberry-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.strawberry-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.strawberry-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.strawberry-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.strawberry-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.strawberry-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.strawberry-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.strawberry-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.strawberry-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.strawberry-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.strawberry-theme .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.strawberry-theme .cssanimations .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.strawberry-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.strawberry-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.strawberry-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.strawberry-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.strawberry-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.strawberry-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.strawberry-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.strawberry-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.strawberry-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.strawberry-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.strawberry-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.strawberry-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #15337e;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.strawberry-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.strawberry-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.strawberry-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.strawberry-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.strawberry-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #15337e;
  border-color: #15337e;
}
body.strawberry-theme .cd-horizontal-timeline .events a.older-event::after {
  border-color: #15337e;
}
body.strawberry-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.strawberry-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.strawberry-theme .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.strawberry-theme .cd-horizontal-timeline .events-content li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.strawberry-theme .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.strawberry-theme .cd-horizontal-timeline .events-content li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.strawberry-theme .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.strawberry-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.strawberry-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.strawberry-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.strawberry-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.strawberry-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.strawberry-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.strawberry-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.strawberry-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.strawberry-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.strawberry-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.strawberry-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.strawberry-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.strawberry-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.strawberry-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.strawberry-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.strawberry-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.strawberry-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.strawberry-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.strawberry-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.strawberry-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.strawberry-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.strawberry-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.strawberry-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.strawberry-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.strawberry-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.strawberry-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.strawberry-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.strawberry-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.strawberry-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.strawberry-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.strawberry-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.strawberry-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.strawberry-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.strawberry-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.strawberry-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.strawberry-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.strawberry-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.strawberry-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.strawberry-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.strawberry-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.strawberry-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.strawberry-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.strawberry-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.strawberry-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.strawberry-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.strawberry-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.strawberry-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.strawberry-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.strawberry-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.strawberry-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.strawberry-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.strawberry-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.strawberry-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.strawberry-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.strawberry-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.strawberry-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.strawberry-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.strawberry-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.strawberry-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.strawberry-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.strawberry-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.strawberry-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.strawberry-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.strawberry-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.strawberry-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.strawberry-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.strawberry-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.strawberry-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.strawberry-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.strawberry-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.strawberry-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.strawberry-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.strawberry-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.strawberry-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.strawberry-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.strawberry-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.strawberry-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.strawberry-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.strawberry-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.strawberry-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.strawberry-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.strawberry-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.strawberry-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.strawberry-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.strawberry-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.strawberry-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.strawberry-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.strawberry-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.strawberry-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.strawberry-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.strawberry-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.strawberry-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.strawberry-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.strawberry-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.strawberry-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.strawberry-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.strawberry-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.strawberry-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.strawberry-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.strawberry-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.strawberry-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.strawberry-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.strawberry-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.strawberry-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.strawberry-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.strawberry-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.strawberry-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.strawberry-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.strawberry-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.strawberry-theme .product-detail .product-image-list img:first-child {
  margin-left: 0;
}
body.strawberry-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.strawberry-theme .product-detail .product-img img {
  max-width: 100%;
}
body.strawberry-theme .product-grid-primary,
body.strawberry-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.strawberry-theme .product-grid-primary .product-img,
body.strawberry-theme .product-grid-secondary .product-img {
  position: relative;
}
body.strawberry-theme .product-grid-primary .product-img .product-like,
body.strawberry-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.strawberry-theme .product-grid-primary .product-img .product-like:hover,
body.strawberry-theme .product-grid-secondary .product-img .product-like:hover {
  color: #15337e;
}
body.strawberry-theme .product-grid-primary .product-detail,
body.strawberry-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.strawberry-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.strawberry-theme .file-manager .toggle-file-menu {
  display: none;
}
body.strawberry-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.strawberry-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.strawberry-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.strawberry-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.strawberry-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.strawberry-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type {
  bottom: 0px;
  right: 5px;
}
body.strawberry-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.strawberry-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.strawberry-theme .file-manager .file-block .file-view .folder .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.strawberry-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.strawberry-theme .file-manager .file-block .file-view .folder .file,
body.strawberry-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.strawberry-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type,
body.strawberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-type {
  position: absolute;
}
body.strawberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.strawberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.strawberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.strawberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.strawberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.strawberry-theme .file-manager .file-block .file-view .doc .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.strawberry-theme .file-manager .file-block .file-view .doc .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.strawberry-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.strawberry-theme .file-manager .file-block.file-menu-close .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.strawberry-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.strawberry-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.strawberry-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.strawberry-theme .other-widgets-box {
  background-color: #15337e;
}
body.strawberry-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.strawberry-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.strawberry-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.strawberry-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.strawberry-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.strawberry-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.strawberry-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.strawberry-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.strawberry-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.strawberry-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.strawberry-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.strawberry-theme .social-widgets .profile .social-profile .profile-avatar {
  height: 120px;
}
body.strawberry-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.strawberry-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.strawberry-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.strawberry-theme .social-widgets .profile.profile-cover-bg {
  background: #15337e url(../../images/login_box_bg.png);
}
body.strawberry-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.strawberry-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.strawberry-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.strawberry-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.strawberry-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.strawberry-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.strawberry-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.strawberry-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.strawberry-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.strawberry-theme .amcharts-export-menu-top-right {
  display: none;
}
body.strawberry-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.strawberry-theme .sales-performance .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.strawberry-theme .social-analytics .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.strawberry-theme .sales-performance .amcharts-graph-g3,
body.strawberry-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.strawberry-theme .sales-performance .amcharts-value-axis.value-axis-a3,
body.strawberry-theme .social-analytics .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.strawberry-theme .sales-performance .lastBullet,
body.strawberry-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.strawberry-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.strawberry-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.strawberry-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.strawberry-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.strawberry-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.strawberry-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.strawberry-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.strawberry-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.strawberry-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.strawberry-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.strawberry-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.strawberry-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.strawberry-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.strawberry-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.strawberry-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.strawberry-theme .theme-border-color {
  border-color: #15337e;
}
body.strawberry-theme .primary-border-color {
  border-color: #286090;
}
body.strawberry-theme .danger-border-color {
  border-color: #d73925;
}
body.strawberry-theme .info-border-color {
  border-color: #00acd6;
}
body.strawberry-theme .warning-border-color {
  border-color: #e08e0b;
}
body.strawberry-theme .success-border-color {
  border-color: #008d4c;
}
body.strawberry-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.strawberry-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #15337e !important;
  border-radius: 0px;
}
body.strawberry-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.strawberry-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.strawberry-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.strawberry-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.strawberry-theme .material-card h2 span {
  display: block;
}
body.strawberry-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.strawberry-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.strawberry-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.strawberry-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.strawberry-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.strawberry-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.strawberry-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.strawberry-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.strawberry-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.strawberry-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.strawberry-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.strawberry-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.strawberry-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.strawberry-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.strawberry-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.strawberry-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.strawberry-theme .material-card.mc-active h2:before {
  top: 0;
}
body.strawberry-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.strawberry-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.strawberry-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.strawberry-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.strawberry-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.strawberry-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.strawberry-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.strawberry-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.strawberry-theme .material-card.theme h2 {
  background-color: #15337e;
}
body.strawberry-theme .material-card.theme h2:after {
  border-top-color: #15337e;
  border-right-color: #15337e;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #c20f3b;
  border-bottom-color: #c20f3b;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.theme .mc-btn-action {
  background-color: #15337e;
}
body.strawberry-theme .material-card.theme .mc-btn-action:hover {
  background-color: #c20f3b;
}
body.strawberry-theme .material-card.theme .mc-footer h4 {
  color: #c20f3b;
}
body.strawberry-theme .material-card.theme .mc-footer a {
  background-color: #c20f3b;
}
body.strawberry-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #15337e;
  border-bottom-color: #15337e;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.theme.mc-active h2:after {
  border-top-color: #c20f3b;
  border-right-color: #c20f3b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.strawberry-theme .material-card.theme.mc-active .mc-footer {
  background-color: #15337e;
}
body.strawberry-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.strawberry-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.strawberry-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.strawberry-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.strawberry-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.strawberry-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.strawberry-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.strawberry-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.strawberry-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.strawberry-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.strawberry-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.strawberry-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.strawberry-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.strawberry-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.strawberry-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.strawberry-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.strawberry-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.strawberry-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.strawberry-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.strawberry-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.strawberry-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.strawberry-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.strawberry-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.strawberry-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.strawberry-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.strawberry-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.strawberry-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.strawberry-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.strawberry-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.strawberry-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.strawberry-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.strawberry-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.strawberry-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.strawberry-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.strawberry-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.strawberry-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.strawberry-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.strawberry-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.strawberry-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.strawberry-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.strawberry-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.strawberry-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.strawberry-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.strawberry-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.strawberry-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.strawberry-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.strawberry-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.strawberry-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.strawberry-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.strawberry-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.strawberry-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.strawberry-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.strawberry-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.strawberry-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.strawberry-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.strawberry-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.strawberry-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.strawberry-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.strawberry-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.strawberry-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.strawberry-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.strawberry-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.strawberry-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.strawberry-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.strawberry-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.strawberry-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.strawberry-theme .wrapper:after {
  display: table;
  content: " ";
}
body.strawberry-theme .wrapper:before {
  display: table;
  content: " ";
}
body.strawberry-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.strawberry-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.strawberry-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.strawberry-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.strawberry-theme .fixed-width-page .card,
body.strawberry-theme .card-page .card,
body.strawberry-theme .fixed-width-page .card-body,
body.strawberry-theme .card-page .card-body {
  min-height: 500px;
}
body.strawberry-theme .fixed-width-page .card h2,
body.strawberry-theme .card-page .card h2,
body.strawberry-theme .fixed-width-page .card-body h2,
body.strawberry-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.strawberry-theme.full-width-page .main-wrapper,
body.strawberry-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.strawberry-theme.full-width-page .logo {
  background: #1e1e1e;
}
body.strawberry-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.strawberry-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.strawberry-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/*******************************************************
 ** almond-theme.less
 ** 
 ** Main LESS file for Almond Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.almond-theme {
  /*******************************************************
 ** almond-theme _variables.less
 ** 
 ** LESS variables for Almond Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /***************
 * Almond Theme
 ***************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 **********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.almond-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.almond-theme a {
  text-decoration: none;
}
body.almond-theme h1 {
  font-size: 36px;
}
body.almond-theme h2 {
  font-size: 30px;
}
body.almond-theme h3 {
  font-size: 24px;
}
body.almond-theme h4 {
  font-size: 18px;
}
body.almond-theme h5 {
  font-size: 14px;
}
body.almond-theme h6 {
  font-size: 12px;
}
body.almond-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.almond-theme .border-theme {
  border: 1px solid #f38431 !important;
}
body.almond-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.almond-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.almond-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.almond-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.almond-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.almond-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.almond-theme .border-r-sm {
  border-radius: 3px;
}
body.almond-theme .border-r-md {
  border-radius: 6px;
}
body.almond-theme .border-r-lg {
  border-radius: 12px;
}
body.almond-theme .border-r-xlg {
  border-radius: 24px;
}
body.almond-theme .m-xs {
  margin: 5px;
}
body.almond-theme .mt-xs {
  margin-top: 5px;
}
body.almond-theme .mr-xs {
  margin-right: 5px;
}
body.almond-theme .mb-xs {
  margin-bottom: 5px;
}
body.almond-theme .ml-xs {
  margin-left: 5px;
}
body.almond-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.almond-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.almond-theme .m-sm {
  margin: 10px;
}
body.almond-theme .mt-sm {
  margin-top: 10px;
}
body.almond-theme .mr-sm {
  margin-right: 10px;
}
body.almond-theme .mb-sm {
  margin-bottom: 10px;
}
body.almond-theme .ml-sm {
  margin-left: 10px;
}
body.almond-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.almond-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.almond-theme .m-md {
  margin: 15px;
}
body.almond-theme .mt-md {
  margin-top: 15px;
}
body.almond-theme .mr-md {
  margin-right: 15px;
}
body.almond-theme .mb-md {
  margin-bottom: 15px;
}
body.almond-theme .ml-md {
  margin-left: 15px;
}
body.almond-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.almond-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.almond-theme .m-lg {
  margin: 20px;
}
body.almond-theme .mt-lg {
  margin-top: 20px;
}
body.almond-theme .mr-lg {
  margin-right: 20px;
}
body.almond-theme .mb-lg {
  margin-bottom: 20px;
}
body.almond-theme .ml-lg {
  margin-left: 20px;
}
body.almond-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.almond-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.almond-theme .m-xlg {
  margin: 25px;
}
body.almond-theme .mt-xlg {
  margin-top: 25px;
}
body.almond-theme .mr-xlg {
  margin-right: 25px;
}
body.almond-theme .mb-xlg {
  margin-bottom: 25px;
}
body.almond-theme .ml-xlg {
  margin-left: 25px;
}
body.almond-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.almond-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.almond-theme .p-xs {
  padding: 5px;
}
body.almond-theme .pt-xs {
  padding-top: 5px;
}
body.almond-theme .pr-xs {
  padding-right: 5px;
}
body.almond-theme .pb-xs {
  padding-bottom: 5px;
}
body.almond-theme .pl-xs {
  padding-left: 5px;
}
body.almond-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.almond-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.almond-theme .p-sm {
  padding: 10px;
}
body.almond-theme .pt-sm {
  padding-top: 10px;
}
body.almond-theme .pr-sm {
  padding-right: 10px;
}
body.almond-theme .pb-sm {
  padding-bottom: 10px;
}
body.almond-theme .pl-sm {
  padding-left: 10px;
}
body.almond-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.almond-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.almond-theme .p-md {
  padding: 15px;
}
body.almond-theme .pt-md {
  padding-top: 15px;
}
body.almond-theme .pr-md {
  padding-right: 15px;
}
body.almond-theme .pb-md {
  padding-bottom: 15px;
}
body.almond-theme .pl-md {
  padding-left: 15px;
}
body.almond-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.almond-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.almond-theme .p-lg {
  padding: 20px;
}
body.almond-theme .pt-lg {
  padding-top: 20px;
}
body.almond-theme .pr-lg {
  padding-right: 20px;
}
body.almond-theme .pb-lg {
  padding-bottom: 20px;
}
body.almond-theme .pl-lg {
  padding-left: 20px;
}
body.almond-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.almond-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.almond-theme .p-xlg {
  padding: 25px;
}
body.almond-theme .pt-xlg {
  padding-top: 25px;
}
body.almond-theme .pr-xlg {
  padding-right: 25px;
}
body.almond-theme .pb-xlg {
  padding-bottom: 25px;
}
body.almond-theme .pl-xlg {
  padding-left: 25px;
}
body.almond-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.almond-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.almond-theme .text-normal {
  font-weight: 400;
}
body.almond-theme .text-bold {
  font-weight: 700;
}
body.almond-theme .text-italic {
  font-style: italic;
}
body.almond-theme .text-strike {
  text-decoration: line-through;
}
body.almond-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.almond-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.almond-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.almond-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.almond-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.almond-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.almond-theme .font-16 {
  font-size: 16px;
}
body.almond-theme .font-14 {
  font-size: 14px;
}
body.almond-theme .font-12 {
  font-size: 12px;
}
body.almond-theme .font-10 {
  font-size: 10px;
}
body.almond-theme .text-lg {
  color: #f1f1f1;
}
body.almond-theme .text-mdg {
  color: #ccc;
}
body.almond-theme .text-dg {
  color: #909190;
}
body.almond-theme .text-mb {
  color: #2c2b2b;
}
body.almond-theme .text-mg {
  color: #6e6e6e;
}
body.almond-theme .text-theme {
  color: #f38431;
}
body.almond-theme .no-bg {
  background: transparent;
}
body.almond-theme .bg-theme {
  background-color: #f38431;
}
body.almond-theme .bg-lg {
  background-color: #f1f1f1;
}
body.almond-theme .bg-mdg {
  background-color: #ccc;
}
body.almond-theme .bg-dg {
  background-color: #909190;
}
body.almond-theme .bg-mb {
  background-color: #2c2b2b;
}
body.almond-theme .bg-mg {
  background-color: #6e6e6e;
}
body.almond-theme .height-30 {
  min-height: 30px;
}
body.almond-theme .height-40 {
  min-height: 40px;
}
body.almond-theme .height-50 {
  min-height: 50px;
}
body.almond-theme .height-100 {
  min-height: 100px;
}
body.almond-theme .height-150 {
  min-height: 150px;
}
body.almond-theme .height-200 {
  min-height: 200px;
}
body.almond-theme .height-320 {
  min-height: 320px;
}
body.almond-theme .width-30 {
  min-width: 30px;
}
body.almond-theme .width-40 {
  min-width: 40px;
}
body.almond-theme .width-50 {
  min-width: 50px;
}
body.almond-theme .width-100 {
  min-width: 100px;
}
body.almond-theme .width-150 {
  min-width: 150px;
}
body.almond-theme .width-200 {
  min-width: 200px;
}
body.almond-theme .width-320 {
  min-width: 320px;
}
body.almond-theme .progress.progress-xxs {
  height: 2px;
}
body.almond-theme .progress.progress-xs {
  height: 5px;
}
body.almond-theme .progress.progress-sm {
  height: 10px;
}
body.almond-theme .progress.progress-lg {
  height: 20px;
}
body.almond-theme ::-moz-selection {
  color: #fff;
  background: #f38431;
}
body.almond-theme ::selection {
  color: #fff;
  background: #f38431;
}
body.almond-theme .avatar {
  width: 32px;
}
body.almond-theme .avatar.avatar-xxs {
  width: 16px;
}
body.almond-theme .avatar.avatar-xs {
  width: 24px;
}
body.almond-theme .avatar.avatar-sm {
  width: 32px;
}
body.almond-theme .avatar.avatar-md {
  width: 40px;
}
body.almond-theme .avatar.avatar-lg {
  width: 64px;
}
body.almond-theme .avatar.avatar-xl {
  width: 128px;
}
body.almond-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.almond-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.almond-theme .btn.btn-theme {
  background-color: #f38431;
  color: #fff;
}
body.almond-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #e4690d;
}
body.almond-theme .btn.btn-theme:active,
body.almond-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #f59853;
}
body.almond-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #f38431;
}
body.almond-theme .btn.btn-outline-theme {
  color: #f38431;
  background-color: transparent;
  border: 1px solid;
}
body.almond-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #f38431 !important;
  border-color: #e4690d;
}
body.almond-theme .btn.btn-outline-theme:active,
body.almond-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #f59853;
}
body.almond-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.almond-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.almond-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.almond-theme input,
body.almond-theme select,
body.almond-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.almond-theme input:focus,
body.almond-theme select:focus,
body.almond-theme textarea:focus {
  border: 1px solid #f38431;
  box-shadow: none !important;
}
body.almond-theme .badge-theme,
body.almond-theme .theme-item {
  background-color: #f38431;
  color: #fff;
}
body.almond-theme .badge-theme *,
body.almond-theme .theme-item * {
  color: #fff;
}
body.almond-theme .theme-item:hover,
body.almond-theme .item-group:hover {
  background-color: #e4690d;
}
body.almond-theme .theme-item:hover a,
body.almond-theme .item-group:hover a {
  background-color: #e4690d;
}
body.almond-theme .theme-item:hover *,
body.almond-theme .item-group:hover * {
  color: #fff;
}
body.almond-theme .label.label-theme {
  background-color: #f38431;
  color: #fff;
}
body.almond-theme table tr td,
body.almond-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.almond-theme .table-responsive table tr td,
  body.almond-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.almond-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.almond-theme .footer.fixed {
  position: fixed;
}
body.almond-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.almond-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.almond-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.almond-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.almond-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.almond-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.almond-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.almond-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.almond-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.almond-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.almond-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.almond-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.almond-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.almond-theme .ribbon.ribbon-theme span {
  background: #f38431;
}
body.almond-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #f38431;
  border-top: 3px solid #f38431;
}
body.almond-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #f38431;
  border-top: 3px solid #f38431;
}
body.almond-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.almond-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.almond-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.almond-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.almond-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.almond-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.almond-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.almond-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.almond-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.almond-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.almond-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.almond-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.almond-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.almond-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.almond-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.almond-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.almond-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.almond-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.almond-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.almond-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.almond-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.almond-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.almond-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.almond-theme .todo-lists ul {
  padding: 0 10px;
}
body.almond-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.almond-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.almond-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.almond-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.almond-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.almond-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.almond-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.almond-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.almond-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.almond-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.almond-theme .media-block .media {
    display: block !important;
  }
  body.almond-theme .media-block .media img {
    width: 100% !important;
  }
}
body.almond-theme .select2-selection--multiple,
body.almond-theme .select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}
body.almond-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #f38431;
}
body.almond-theme .select2-selection__choice,
body.almond-theme .select2-selection__choice__remove {
  background-color: #f38431 !important;
  border: 1px solid #f38431 !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.almond-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #f38431;
  color: #fff;
}
body.almond-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.almond-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.almond-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.almond-theme .ui-sortable .sortable-dragging,
body.almond-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.almond-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.almond-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.almond-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.almond-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.almond-theme .context-menu-list.context-menu-root .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.almond-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.almond-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.almond-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.almond-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.almond-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.almond-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.almond-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.almond-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #f38431;
  color: #fff;
}
body.almond-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.almond-theme .introjs-tooltipReferenceLayer .introjs-helperNumberLayer {
  left: 10px;
}
body.almond-theme .config .barcode2D {
  display: none;
}
body.almond-theme .miscCanvas {
  display: none;
}
body.almond-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.almond-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.almond-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.almond-theme .mega {
    font-size: 4rem;
  }
}
body.almond-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.almond-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.almond-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.almond-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.almond-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.almond-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.almond-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.almond-theme .fileinput-preview {
  max-height: 150px;
}
body.almond-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.almond-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-search input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.almond-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-mail-content .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.almond-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.almond-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.almond-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.almond-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.almond-theme
  .sidebar.sidebar-v1
  .sidebar-statistics
  .statistics-font-color {
  color: #909190;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.almond-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.almond-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.almond-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.almond-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.almond-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.almond-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #f38431;
}
body.almond-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.almond-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.almond-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-menu li a .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #f38431;
  padding: 10px 13px 10px 15px;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #f38431;
}
body.almond-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a.active
  .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.almond-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #f38431;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu .sub-list a {
  padding-left: 30px;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu .sub-list a i {
  margin-right: 10px;
  font-size: 15px;
}
body.almond-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu.open {
  max-height: 100%;
}
body.almond-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.almond-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #f38431;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.almond-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.almond-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu li.active > .treeview-menu {
  display: block;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #f38431;
  padding-right: 0;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li {
  margin: 0;
  padding: 5px;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.almond-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.almond-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i {
  width: 25px;
}
body.almond-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li:hover {
  padding-right: 3px;
}
body.almond-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.almond-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.almond-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.almond-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.almond-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.almond-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.almond-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.almond-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.almond-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.almond-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.almond-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.almond-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.almond-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.almond-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.almond-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.almond-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.almond-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > span {
  display: table-cell;
  vertical-align: middle;
}
body.almond-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.almond-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.almond-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.almond-theme .main-wrapper {
    margin-left: 230px;
  }
  body.almond-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.almond-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.almond-theme .wrapper.sidebar-mini.sidebar-collapse .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.almond-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.almond-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.almond-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-menu > li {
    position: relative;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.almond-theme .wrapper.sidebar-mini.sidebar-collapse .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #f38431;
  }
  body.almond-theme .wrapper.sidebar-mini.sidebar-collapse .profile-nav {
    display: none;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.almond-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.almond-theme .menu-toggle {
    display: block !important;
  }
  body.almond-theme .sidebar-v1 {
    left: -230px;
  }
  body.almond-theme .footer {
    margin-left: 0;
  }
  body.almond-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.almond-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.almond-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.almond-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.almond-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.almond-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.almond-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.almond-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #1e1e1e;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #2c2b2b;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.almond-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #2c2b2b;
}
body.almond-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #fff;
  border: none;
  margin: 0px;
}
body.almond-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #e4690d;
}
body.almond-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #e4690d;
}
body.almond-theme .right-sidebar .nav-tabs li a.active {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #e4690d;
}
body.almond-theme .right-sidebar .tab-content .input-group .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.almond-theme .right-sidebar .tab-content input {
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.almond-theme .right-sidebar .tab-content textarea {
  color: #ccc;
}
body.almond-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.almond-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.almond-theme .right-sidebar .tab-content #chat .small-badges.active {
  background-color: #00a65a;
}
body.almond-theme .right-sidebar .tab-content #chat .small-badges.offline {
  background-color: #dd4b39;
}
body.almond-theme .right-sidebar .tab-content #chat .small-badges.idle {
  background-color: #f39c12;
}
body.almond-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #ccc;
}
body.almond-theme .right-sidebar .tab-content #chat .content-body a:hover {
  background-color: #595959;
  border-radius: 50%;
  color: #fff;
}
body.almond-theme .right-sidebar .tab-content #chat h5 {
  color: #ccc;
}
body.almond-theme .right-sidebar .tab-content #chat p {
  color: #aaaaaa;
}
body.almond-theme .right-sidebar .tab-content #tasks {
  color: #ccc;
}
body.almond-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #2c2b2b;
}
body.almond-theme .right-sidebar .tab-content #tasks p,
body.almond-theme .right-sidebar .tab-content #tasks h6 {
  color: #aaaaaa;
}
body.almond-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.almond-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.almond-theme .right-sidebar .tab-content #tasks ul li a {
  color: #ccc;
}
body.almond-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #1e1e1e;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.almond-theme .right-sidebar .chat-sidebar-chat .content-chat-body h5 {
  background: #595959;
}
body.almond-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.almond-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.almond-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #595959;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.almond-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #595959;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.almond-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #f38431;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.almond-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #f38431 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.almond-theme .right-sidebar .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.almond-theme .right-sidebar .right-sidebar-setting label {
  color: #ccc;
}
body.almond-theme .right-sidebar .right-sidebar-setting h4 {
  color: #ccc;
  border-top: 1px solid #2c2b2b;
}
body.almond-theme .right-sidebar .right-sidebar-setting small,
body.almond-theme .right-sidebar .right-sidebar-setting p {
  color: #aaaaaa;
}
body.almond-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.almond-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.almond-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.almond-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.almond-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.almond-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.almond-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.almond-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.almond-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.almond-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.almond-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.almond-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.almond-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.almond-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.almond-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.almond-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.almond-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.almond-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.almond-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.almond-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #f38431;
}
body.almond-theme .header .navbar {
  border: none !important;
}
body.almond-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #1e1e1e;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.almond-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.almond-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.almond-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.almond-theme .header .navbar-lg .setting-block .top-block .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.almond-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.almond-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.almond-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.almond-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.almond-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.almond-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.almond-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #ccc;
}
body.almond-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #ccc;
}
body.almond-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.almond-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.almond-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.almond-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.almond-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.almond-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.almond-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.almond-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.almond-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.almond-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.almond-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.almond-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.almond-theme .settings-menu {
  background: #1e1e1e;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #ccc;
  border: 1px solid #2c2b2b;
  overflow-y: auto;
}
body.almond-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #2c2b2b;
}
body.almond-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.almond-theme .settings-menu .setting-box {
  color: #ccc;
  background-color: #2c2b2b;
}
body.almond-theme .settings-menu-fixed {
  position: fixed !important;
}
body.almond-theme .nav-profile .nav-link span.active {
  color: #f38431;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.almond-theme .nav-profile .dropdown-menu {
  background: #1e1e1e none repeat scroll 0 0;
  color: #fff;
  border-top: 1px solid #2c2b2b;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.almond-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.almond-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.almond-theme .nav-profile .dropdown-menu span.active {
  color: #f38431;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.almond-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #2c2b2b;
}
body.almond-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #fff;
}
body.almond-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #595959 none repeat scroll 0 0;
  border-left: 2px solid #e4690d;
  color: #ccc;
}
body.almond-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.almond-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #1e1e1e;
  }
  body.almond-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.almond-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.almond-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.almond-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.almond-theme .nav-profile .dropdown-menu span.active {
    color: #f38431;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.almond-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.almond-theme .header .logo {
    width: 190px;
  }
  body.almond-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.almond-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.almond-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.almond-theme .nav-profile .dropdown-menu span.active {
    color: #f38431;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.almond-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.almond-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.almond-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.almond-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.almond-theme .image-grid > li.main-image {
  width: 50%;
}
body.almond-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.almond-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.almond-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #f38431;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.almond-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.almond-theme .scrollToTop:hover {
  background-color: #e4690d;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.almond-theme .breadcrumb-page-title,
  body.almond-theme .theme-setting-icon,
  body.almond-theme .theme-setting-menu,
  body.almond-theme .scrollToTop,
  body.almond-theme .right-sidebar,
  body.almond-theme .settings-menu,
  body.almond-theme .sidebar,
  body.almond-theme .header,
  body.almond-theme .footer,
  body.almond-theme .btn {
    display: none !important;
  }
  body.almond-theme .main-wrapper {
    margin-left: 0;
  }
}
body.almond-theme .pace {
  display: none;
}
body.almond-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.almond-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.almond-theme .page-loader-container .page-loader .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.almond-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.almond-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.almond-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.almond-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.almond-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.almond-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.almond-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #f38431;
}
body.almond-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #f38431;
}
body.almond-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #f38431;
}
body.almond-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #f38431;
}
body.almond-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.almond-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.almond-theme .profile .activity .activity-header .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.almond-theme
  .profile
  .activity
  .activity-header
  .activity-header-image
  img {
  max-width: 100%;
}
body.almond-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.almond-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.almond-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.almond-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.almond-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.almond-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.almond-theme .mail ul li a {
  color: #909190;
}
body.almond-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.almond-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.almond-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.almond-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.almond-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.almond-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.almond-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.almond-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.almond-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.almond-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.almond-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.almond-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.almond-theme .readmail .filebox .file img {
  height: 148px;
}
body.almond-theme .readmail .filebox .filename {
  height: 70px;
}
body.almond-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.almond-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.almond-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.almond-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.almond-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.almond-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.almond-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group {
  margin-bottom: 0;
}
body.almond-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.almond-theme .mail .compose-mail .compose-message .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.almond-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.almond-theme .mail .compose-mail .compose-message .mail-option .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.almond-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.almond-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.almond-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.almond-theme .mail .compose-mail .mail-footer .right-block .send {
  width: 90px;
  height: 35px;
}
body.almond-theme .mail .compose-mail .mail-footer .right-block .send:focus,
body.almond-theme .mail .compose-mail .mail-footer .right-block .tool {
  color: #fff;
}
body.almond-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.almond-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.almond-theme .mail .note-editor.note-frame.card .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.almond-theme .mail .note-editor.note-frame.card .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.almond-theme .mail .note-resizebar {
  display: none;
}
body.almond-theme .selectize-control.selectize-email.multi .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.almond-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.almond-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.almond-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.almond-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.almond-theme .selectize-control.plugin-remove_button [data-value] .remove {
  border-left-color: #fff;
  color: #fff;
}
body.almond-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.almond-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.almond-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.almond-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.almond-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.almond-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.almond-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.almond-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.almond-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.almond-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.almond-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.almond-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.almond-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.almond-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.almond-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.almond-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.almond-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.almond-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.almond-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.almond-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.almond-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.almond-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.almond-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.almond-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.almond-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.almond-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.almond-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.almond-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.almond-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.almond-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.almond-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.almond-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.almond-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.almond-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.almond-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.almond-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.almond-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.almond-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.almond-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.almond-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.almond-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.almond-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.almond-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.almond-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.almond-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.almond-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.almond-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.almond-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.almond-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.almond-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.almond-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.almond-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.almond-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.almond-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.almond-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.almond-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.almond-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.almond-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.almond-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.almond-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.almond-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.almond-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.almond-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.almond-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.almond-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.almond-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.almond-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.almond-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.almond-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.almond-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.almond-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.almond-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.almond-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.almond-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.almond-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.almond-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.almond-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.almond-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.almond-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.almond-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.almond-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.almond-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.almond-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.almond-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.almond-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.almond-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.almond-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.almond-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.almond-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.almond-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.almond-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.almond-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.almond-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.almond-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.almond-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.almond-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.almond-theme .contact-primary,
body.almond-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.almond-theme .contact-primary .img-block .social,
body.almond-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.almond-theme .contact-primary .img-block .social i,
body.almond-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.almond-theme .contact-primary .contact-info,
body.almond-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.almond-theme .contact-primary .contact-info .info-block,
body.almond-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.almond-theme .contact-primary .contact-info .detail,
body.almond-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.almond-theme .contact-primary .contact-info .detail.name,
body.almond-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.almond-theme .contact-primary:hover,
body.almond-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.almond-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.almond-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.almond-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.almond-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.almond-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.almond-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.almond-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.almond-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.almond-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.almond-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.almond-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.almond-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.almond-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.almond-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.almond-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.almond-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.almond-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.almond-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.almond-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.almond-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.almond-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.almond-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.almond-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.almond-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.almond-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.almond-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.almond-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.almond-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.almond-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.almond-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.almond-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.almond-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.almond-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.almond-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.almond-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.almond-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.almond-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.almond-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.almond-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.almond-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.almond-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.almond-theme .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.almond-theme .cssanimations .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.almond-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.almond-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.almond-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.almond-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.almond-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.almond-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.almond-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.almond-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.almond-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.almond-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.almond-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.almond-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #f38431;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.almond-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.almond-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.almond-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.almond-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.almond-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #f38431;
  border-color: #f38431;
}
body.almond-theme .cd-horizontal-timeline .events a.older-event::after {
  border-color: #f38431;
}
body.almond-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.almond-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.almond-theme .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.almond-theme .cd-horizontal-timeline .events-content li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.almond-theme .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.almond-theme .cd-horizontal-timeline .events-content li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.almond-theme .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.almond-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.almond-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.almond-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.almond-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.almond-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.almond-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.almond-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.almond-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.almond-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.almond-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.almond-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.almond-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.almond-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.almond-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.almond-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.almond-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.almond-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.almond-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.almond-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.almond-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.almond-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.almond-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.almond-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.almond-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.almond-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.almond-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.almond-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.almond-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.almond-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.almond-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.almond-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.almond-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.almond-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.almond-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.almond-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.almond-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.almond-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.almond-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.almond-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.almond-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.almond-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.almond-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.almond-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.almond-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.almond-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.almond-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.almond-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.almond-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.almond-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.almond-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.almond-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.almond-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.almond-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.almond-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.almond-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.almond-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.almond-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.almond-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.almond-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.almond-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.almond-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.almond-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.almond-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.almond-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.almond-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.almond-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.almond-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.almond-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.almond-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.almond-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.almond-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.almond-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.almond-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.almond-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.almond-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.almond-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.almond-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.almond-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.almond-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.almond-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.almond-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.almond-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.almond-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.almond-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.almond-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.almond-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.almond-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.almond-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.almond-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.almond-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.almond-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.almond-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.almond-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.almond-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.almond-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.almond-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.almond-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.almond-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.almond-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.almond-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.almond-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.almond-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.almond-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.almond-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.almond-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.almond-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.almond-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.almond-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.almond-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.almond-theme .product-detail .product-image-list img:first-child {
  margin-left: 0;
}
body.almond-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.almond-theme .product-detail .product-img img {
  max-width: 100%;
}
body.almond-theme .product-grid-primary,
body.almond-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.almond-theme .product-grid-primary .product-img,
body.almond-theme .product-grid-secondary .product-img {
  position: relative;
}
body.almond-theme .product-grid-primary .product-img .product-like,
body.almond-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.almond-theme .product-grid-primary .product-img .product-like:hover,
body.almond-theme .product-grid-secondary .product-img .product-like:hover {
  color: #f38431;
}
body.almond-theme .product-grid-primary .product-detail,
body.almond-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.almond-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.almond-theme .file-manager .toggle-file-menu {
  display: none;
}
body.almond-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.almond-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.almond-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.almond-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.almond-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.almond-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type {
  bottom: 0px;
  right: 5px;
}
body.almond-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.almond-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.almond-theme .file-manager .file-block .file-view .folder .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.almond-theme .file-manager .file-block .file-view .folder .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.almond-theme .file-manager .file-block .file-view .folder .file,
body.almond-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.almond-theme .file-manager .file-block .file-view .folder .file .file-type,
body.almond-theme .file-manager .file-block .file-view .doc .file .file-type {
  position: absolute;
}
body.almond-theme .file-manager .file-block .file-view .doc .file .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.almond-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.almond-theme .file-manager .file-block .file-view .doc .file .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.almond-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.almond-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.almond-theme .file-manager .file-block .file-view .doc .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.almond-theme .file-manager .file-block .file-view .doc .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.almond-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.almond-theme .file-manager .file-block.file-menu-close .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.almond-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.almond-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.almond-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.almond-theme .other-widgets-box {
  background-color: #15337e;
}
body.almond-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.almond-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.almond-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.almond-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.almond-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.almond-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.almond-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.almond-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.almond-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.almond-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.almond-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.almond-theme .social-widgets .profile .social-profile .profile-avatar {
  height: 120px;
}
body.almond-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.almond-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.almond-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.almond-theme .social-widgets .profile.profile-cover-bg {
  background: #f38431 url(../../images/login_box_bg.png);
}
body.almond-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.almond-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.almond-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.almond-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.almond-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.almond-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.almond-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.almond-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.almond-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.almond-theme .amcharts-export-menu-top-right {
  display: none;
}
body.almond-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.almond-theme .sales-performance .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.almond-theme .social-analytics .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.almond-theme .sales-performance .amcharts-graph-g3,
body.almond-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.almond-theme .sales-performance .amcharts-value-axis.value-axis-a3,
body.almond-theme .social-analytics .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.almond-theme .sales-performance .lastBullet,
body.almond-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.almond-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.almond-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.almond-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.almond-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.almond-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.almond-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.almond-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.almond-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.almond-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.almond-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.almond-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.almond-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.almond-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.almond-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.almond-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.almond-theme .theme-border-color {
  border-color: #f38431;
}
body.almond-theme .primary-border-color {
  border-color: #286090;
}
body.almond-theme .danger-border-color {
  border-color: #d73925;
}
body.almond-theme .info-border-color {
  border-color: #00acd6;
}
body.almond-theme .warning-border-color {
  border-color: #e08e0b;
}
body.almond-theme .success-border-color {
  border-color: #008d4c;
}
body.almond-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.almond-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #f38431 !important;
  border-radius: 0px;
}
body.almond-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.almond-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.almond-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.almond-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.almond-theme .material-card h2 span {
  display: block;
}
body.almond-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.almond-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.almond-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.almond-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.almond-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.almond-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.almond-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.almond-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.almond-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.almond-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.almond-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.almond-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.almond-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.almond-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.almond-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.almond-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.almond-theme .material-card.mc-active h2:before {
  top: 0;
}
body.almond-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.almond-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.almond-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.almond-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.almond-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.almond-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.almond-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.almond-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.almond-theme .material-card.theme h2 {
  background-color: #f38431;
}
body.almond-theme .material-card.theme h2:after {
  border-top-color: #f38431;
  border-right-color: #f38431;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #e4690d;
  border-bottom-color: #e4690d;
  border-left-color: transparent;
}
body.almond-theme .material-card.theme .mc-btn-action {
  background-color: #f38431;
}
body.almond-theme .material-card.theme .mc-btn-action:hover {
  background-color: #e4690d;
}
body.almond-theme .material-card.theme .mc-footer h4 {
  color: #e4690d;
}
body.almond-theme .material-card.theme .mc-footer a {
  background-color: #e4690d;
}
body.almond-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f38431;
  border-bottom-color: #f38431;
  border-left-color: transparent;
}
body.almond-theme .material-card.theme.mc-active h2:after {
  border-top-color: #e4690d;
  border-right-color: #e4690d;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.almond-theme .material-card.theme.mc-active .mc-footer {
  background-color: #f38431;
}
body.almond-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.almond-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.almond-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.almond-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.almond-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.almond-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.almond-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.almond-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.almond-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.almond-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.almond-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.almond-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.almond-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.almond-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.almond-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.almond-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.almond-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.almond-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.almond-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.almond-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.almond-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.almond-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.almond-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.almond-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.almond-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.almond-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.almond-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.almond-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.almond-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.almond-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.almond-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.almond-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.almond-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.almond-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.almond-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.almond-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.almond-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.almond-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.almond-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.almond-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.almond-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.almond-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.almond-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.almond-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.almond-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.almond-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.almond-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.almond-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.almond-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.almond-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.almond-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.almond-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.almond-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.almond-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.almond-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.almond-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.almond-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.almond-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.almond-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.almond-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.almond-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.almond-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.almond-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.almond-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.almond-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.almond-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.almond-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.almond-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.almond-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.almond-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.almond-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.almond-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.almond-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.almond-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.almond-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.almond-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.almond-theme .wrapper:after {
  display: table;
  content: " ";
}
body.almond-theme .wrapper:before {
  display: table;
  content: " ";
}
body.almond-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.almond-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.almond-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.almond-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.almond-theme .fixed-width-page .card,
body.almond-theme .card-page .card,
body.almond-theme .fixed-width-page .card-body,
body.almond-theme .card-page .card-body {
  min-height: 500px;
}
body.almond-theme .fixed-width-page .card h2,
body.almond-theme .card-page .card h2,
body.almond-theme .fixed-width-page .card-body h2,
body.almond-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.almond-theme.full-width-page .main-wrapper,
body.almond-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.almond-theme.full-width-page .logo {
  background: #1e1e1e;
}
body.almond-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.almond-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.almond-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/******************************************************
 ** fresh-apple-theme.less
 ** 
 ** Main LESS file for Fresh Apple Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.fresh-apple-theme {
  /*******************************************************
 ** fresh-apple-theme _variables.less
 ** 
 ** LESS variables for Fresh Apple Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /********************
 * Fresh-apple Theme
 ********************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.fresh-apple-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.fresh-apple-theme a {
  text-decoration: none;
}
body.fresh-apple-theme h1 {
  font-size: 36px;
}
body.fresh-apple-theme h2 {
  font-size: 30px;
}
body.fresh-apple-theme h3 {
  font-size: 24px;
}
body.fresh-apple-theme h4 {
  font-size: 18px;
}
body.fresh-apple-theme h5 {
  font-size: 14px;
}
body.fresh-apple-theme h6 {
  font-size: 12px;
}
body.fresh-apple-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.fresh-apple-theme .border-theme {
  border: 1px solid #74c52c !important;
}
body.fresh-apple-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.fresh-apple-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.fresh-apple-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.fresh-apple-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.fresh-apple-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.fresh-apple-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.fresh-apple-theme .border-r-sm {
  border-radius: 3px;
}
body.fresh-apple-theme .border-r-md {
  border-radius: 6px;
}
body.fresh-apple-theme .border-r-lg {
  border-radius: 12px;
}
body.fresh-apple-theme .border-r-xlg {
  border-radius: 24px;
}
body.fresh-apple-theme .m-xs {
  margin: 5px;
}
body.fresh-apple-theme .mt-xs {
  margin-top: 5px;
}
body.fresh-apple-theme .mr-xs {
  margin-right: 5px;
}
body.fresh-apple-theme .mb-xs {
  margin-bottom: 5px;
}
body.fresh-apple-theme .ml-xs {
  margin-left: 5px;
}
body.fresh-apple-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.fresh-apple-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.fresh-apple-theme .m-sm {
  margin: 10px;
}
body.fresh-apple-theme .mt-sm {
  margin-top: 10px;
}
body.fresh-apple-theme .mr-sm {
  margin-right: 10px;
}
body.fresh-apple-theme .mb-sm {
  margin-bottom: 10px;
}
body.fresh-apple-theme .ml-sm {
  margin-left: 10px;
}
body.fresh-apple-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.fresh-apple-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.fresh-apple-theme .m-md {
  margin: 15px;
}
body.fresh-apple-theme .mt-md {
  margin-top: 15px;
}
body.fresh-apple-theme .mr-md {
  margin-right: 15px;
}
body.fresh-apple-theme .mb-md {
  margin-bottom: 15px;
}
body.fresh-apple-theme .ml-md {
  margin-left: 15px;
}
body.fresh-apple-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.fresh-apple-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.fresh-apple-theme .m-lg {
  margin: 20px;
}
body.fresh-apple-theme .mt-lg {
  margin-top: 20px;
}
body.fresh-apple-theme .mr-lg {
  margin-right: 20px;
}
body.fresh-apple-theme .mb-lg {
  margin-bottom: 20px;
}
body.fresh-apple-theme .ml-lg {
  margin-left: 20px;
}
body.fresh-apple-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.fresh-apple-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.fresh-apple-theme .m-xlg {
  margin: 25px;
}
body.fresh-apple-theme .mt-xlg {
  margin-top: 25px;
}
body.fresh-apple-theme .mr-xlg {
  margin-right: 25px;
}
body.fresh-apple-theme .mb-xlg {
  margin-bottom: 25px;
}
body.fresh-apple-theme .ml-xlg {
  margin-left: 25px;
}
body.fresh-apple-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.fresh-apple-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.fresh-apple-theme .p-xs {
  padding: 5px;
}
body.fresh-apple-theme .pt-xs {
  padding-top: 5px;
}
body.fresh-apple-theme .pr-xs {
  padding-right: 5px;
}
body.fresh-apple-theme .pb-xs {
  padding-bottom: 5px;
}
body.fresh-apple-theme .pl-xs {
  padding-left: 5px;
}
body.fresh-apple-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.fresh-apple-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.fresh-apple-theme .p-sm {
  padding: 10px;
}
body.fresh-apple-theme .pt-sm {
  padding-top: 10px;
}
body.fresh-apple-theme .pr-sm {
  padding-right: 10px;
}
body.fresh-apple-theme .pb-sm {
  padding-bottom: 10px;
}
body.fresh-apple-theme .pl-sm {
  padding-left: 10px;
}
body.fresh-apple-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.fresh-apple-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.fresh-apple-theme .p-md {
  padding: 15px;
}
body.fresh-apple-theme .pt-md {
  padding-top: 15px;
}
body.fresh-apple-theme .pr-md {
  padding-right: 15px;
}
body.fresh-apple-theme .pb-md {
  padding-bottom: 15px;
}
body.fresh-apple-theme .pl-md {
  padding-left: 15px;
}
body.fresh-apple-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.fresh-apple-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.fresh-apple-theme .p-lg {
  padding: 20px;
}
body.fresh-apple-theme .pt-lg {
  padding-top: 20px;
}
body.fresh-apple-theme .pr-lg {
  padding-right: 20px;
}
body.fresh-apple-theme .pb-lg {
  padding-bottom: 20px;
}
body.fresh-apple-theme .pl-lg {
  padding-left: 20px;
}
body.fresh-apple-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.fresh-apple-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.fresh-apple-theme .p-xlg {
  padding: 25px;
}
body.fresh-apple-theme .pt-xlg {
  padding-top: 25px;
}
body.fresh-apple-theme .pr-xlg {
  padding-right: 25px;
}
body.fresh-apple-theme .pb-xlg {
  padding-bottom: 25px;
}
body.fresh-apple-theme .pl-xlg {
  padding-left: 25px;
}
body.fresh-apple-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.fresh-apple-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.fresh-apple-theme .text-normal {
  font-weight: 400;
}
body.fresh-apple-theme .text-bold {
  font-weight: 700;
}
body.fresh-apple-theme .text-italic {
  font-style: italic;
}
body.fresh-apple-theme .text-strike {
  text-decoration: line-through;
}
body.fresh-apple-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.fresh-apple-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.fresh-apple-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.fresh-apple-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.fresh-apple-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.fresh-apple-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.fresh-apple-theme .font-16 {
  font-size: 16px;
}
body.fresh-apple-theme .font-14 {
  font-size: 14px;
}
body.fresh-apple-theme .font-12 {
  font-size: 12px;
}
body.fresh-apple-theme .font-10 {
  font-size: 10px;
}
body.fresh-apple-theme .text-lg {
  color: #f1f1f1;
}
body.fresh-apple-theme .text-mdg {
  color: #ccc;
}
body.fresh-apple-theme .text-dg {
  color: #909190;
}
body.fresh-apple-theme .text-mb {
  color: #2c2b2b;
}
body.fresh-apple-theme .text-mg {
  color: #6e6e6e;
}
body.fresh-apple-theme .text-theme {
  color: #74c52c;
}
body.fresh-apple-theme .no-bg {
  background: transparent;
}
body.fresh-apple-theme .bg-theme {
  background-color: #74c52c;
}
body.fresh-apple-theme .bg-lg {
  background-color: #f1f1f1;
}
body.fresh-apple-theme .bg-mdg {
  background-color: #ccc;
}
body.fresh-apple-theme .bg-dg {
  background-color: #909190;
}
body.fresh-apple-theme .bg-mb {
  background-color: #2c2b2b;
}
body.fresh-apple-theme .bg-mg {
  background-color: #6e6e6e;
}
body.fresh-apple-theme .height-30 {
  min-height: 30px;
}
body.fresh-apple-theme .height-40 {
  min-height: 40px;
}
body.fresh-apple-theme .height-50 {
  min-height: 50px;
}
body.fresh-apple-theme .height-100 {
  min-height: 100px;
}
body.fresh-apple-theme .height-150 {
  min-height: 150px;
}
body.fresh-apple-theme .height-200 {
  min-height: 200px;
}
body.fresh-apple-theme .height-320 {
  min-height: 320px;
}
body.fresh-apple-theme .width-30 {
  min-width: 30px;
}
body.fresh-apple-theme .width-40 {
  min-width: 40px;
}
body.fresh-apple-theme .width-50 {
  min-width: 50px;
}
body.fresh-apple-theme .width-100 {
  min-width: 100px;
}
body.fresh-apple-theme .width-150 {
  min-width: 150px;
}
body.fresh-apple-theme .width-200 {
  min-width: 200px;
}
body.fresh-apple-theme .width-320 {
  min-width: 320px;
}
body.fresh-apple-theme .progress.progress-xxs {
  height: 2px;
}
body.fresh-apple-theme .progress.progress-xs {
  height: 5px;
}
body.fresh-apple-theme .progress.progress-sm {
  height: 10px;
}
body.fresh-apple-theme .progress.progress-lg {
  height: 20px;
}
body.fresh-apple-theme ::-moz-selection {
  color: #fff;
  background: #74c52c;
}
body.fresh-apple-theme ::selection {
  color: #fff;
  background: #74c52c;
}
body.fresh-apple-theme .avatar {
  width: 32px;
}
body.fresh-apple-theme .avatar.avatar-xxs {
  width: 16px;
}
body.fresh-apple-theme .avatar.avatar-xs {
  width: 24px;
}
body.fresh-apple-theme .avatar.avatar-sm {
  width: 32px;
}
body.fresh-apple-theme .avatar.avatar-md {
  width: 40px;
}
body.fresh-apple-theme .avatar.avatar-lg {
  width: 64px;
}
body.fresh-apple-theme .avatar.avatar-xl {
  width: 128px;
}
body.fresh-apple-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.fresh-apple-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.fresh-apple-theme .btn.btn-theme {
  background-color: #74c52c;
  color: #fff;
}
body.fresh-apple-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #5b9b23;
}
body.fresh-apple-theme .btn.btn-theme:active,
body.fresh-apple-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #86d440;
}
body.fresh-apple-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #74c52c;
}
body.fresh-apple-theme .btn.btn-outline-theme {
  color: #74c52c;
  background-color: transparent;
  border: 1px solid;
}
body.fresh-apple-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #74c52c !important;
  border-color: #5b9b23;
}
body.fresh-apple-theme .btn.btn-outline-theme:active,
body.fresh-apple-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #86d440;
}
body.fresh-apple-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.fresh-apple-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.fresh-apple-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.fresh-apple-theme input,
body.fresh-apple-theme select,
body.fresh-apple-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.fresh-apple-theme input:focus,
body.fresh-apple-theme select:focus,
body.fresh-apple-theme textarea:focus {
  border: 1px solid #74c52c;
  box-shadow: none !important;
}
body.fresh-apple-theme .badge-theme,
body.fresh-apple-theme .theme-item {
  background-color: #74c52c;
  color: #fff;
}
body.fresh-apple-theme .badge-theme *,
body.fresh-apple-theme .theme-item * {
  color: #fff;
}
body.fresh-apple-theme .theme-item:hover,
body.fresh-apple-theme .item-group:hover {
  background-color: #5b9b23;
}
body.fresh-apple-theme .theme-item:hover a,
body.fresh-apple-theme .item-group:hover a {
  background-color: #5b9b23;
}
body.fresh-apple-theme .theme-item:hover *,
body.fresh-apple-theme .item-group:hover * {
  color: #fff;
}
body.fresh-apple-theme .label.label-theme {
  background-color: #74c52c;
  color: #fff;
}
body.fresh-apple-theme table tr td,
body.fresh-apple-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.fresh-apple-theme .table-responsive table tr td,
  body.fresh-apple-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.fresh-apple-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.fresh-apple-theme .footer.fixed {
  position: fixed;
}
body.fresh-apple-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.fresh-apple-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.fresh-apple-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.fresh-apple-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.fresh-apple-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.fresh-apple-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.fresh-apple-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.fresh-apple-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.fresh-apple-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.fresh-apple-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.fresh-apple-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.fresh-apple-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.fresh-apple-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.fresh-apple-theme .ribbon.ribbon-theme span {
  background: #74c52c;
}
body.fresh-apple-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #74c52c;
  border-top: 3px solid #74c52c;
}
body.fresh-apple-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #74c52c;
  border-top: 3px solid #74c52c;
}
body.fresh-apple-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.fresh-apple-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.fresh-apple-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.fresh-apple-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.fresh-apple-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.fresh-apple-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.fresh-apple-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.fresh-apple-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.fresh-apple-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.fresh-apple-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.fresh-apple-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.fresh-apple-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.fresh-apple-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.fresh-apple-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.fresh-apple-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.fresh-apple-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.fresh-apple-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.fresh-apple-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.fresh-apple-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.fresh-apple-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.fresh-apple-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.fresh-apple-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.fresh-apple-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.fresh-apple-theme .todo-lists ul {
  padding: 0 10px;
}
body.fresh-apple-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.fresh-apple-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.fresh-apple-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.fresh-apple-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.fresh-apple-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.fresh-apple-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.fresh-apple-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.fresh-apple-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.fresh-apple-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.fresh-apple-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.fresh-apple-theme .media-block .media {
    display: block !important;
  }
  body.fresh-apple-theme .media-block .media img {
    width: 100% !important;
  }
}
body.fresh-apple-theme .select2-selection--multiple,
body.fresh-apple-theme .select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}
body.fresh-apple-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #74c52c;
}
body.fresh-apple-theme .select2-selection__choice,
body.fresh-apple-theme .select2-selection__choice__remove {
  background-color: #74c52c !important;
  border: 1px solid #74c52c !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.fresh-apple-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #74c52c;
  color: #fff;
}
body.fresh-apple-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.fresh-apple-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.fresh-apple-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.fresh-apple-theme .ui-sortable .sortable-dragging,
body.fresh-apple-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.fresh-apple-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.fresh-apple-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.fresh-apple-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.fresh-apple-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.fresh-apple-theme .context-menu-list.context-menu-root .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.fresh-apple-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.fresh-apple-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.fresh-apple-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.fresh-apple-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.fresh-apple-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.fresh-apple-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.fresh-apple-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.fresh-apple-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #74c52c;
  color: #fff;
}
body.fresh-apple-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.fresh-apple-theme
  .introjs-tooltipReferenceLayer
  .introjs-helperNumberLayer {
  left: 10px;
}
body.fresh-apple-theme .config .barcode2D {
  display: none;
}
body.fresh-apple-theme .miscCanvas {
  display: none;
}
body.fresh-apple-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.fresh-apple-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.fresh-apple-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.fresh-apple-theme .mega {
    font-size: 4rem;
  }
}
body.fresh-apple-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.fresh-apple-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.fresh-apple-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.fresh-apple-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.fresh-apple-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.fresh-apple-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.fresh-apple-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.fresh-apple-theme .fileinput-preview {
  max-height: 150px;
}
body.fresh-apple-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.fresh-apple-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .sidebar-search input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.fresh-apple-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.fresh-apple-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.fresh-apple-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.fresh-apple-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.fresh-apple-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.fresh-apple-theme
  .sidebar.sidebar-v1
  .sidebar-statistics
  .statistics-font-color {
  color: #909190;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.fresh-apple-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.fresh-apple-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #74c52c;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.fresh-apple-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .sidebar-menu li a .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #74c52c;
  padding: 10px 13px 10px 15px;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #74c52c;
}
body.fresh-apple-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a.active
  .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.fresh-apple-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #74c52c;
}
body.fresh-apple-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a {
  padding-left: 30px;
}
body.fresh-apple-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a
  i {
  margin-right: 10px;
  font-size: 15px;
}
body.fresh-apple-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu.open {
  max-height: 100%;
}
body.fresh-apple-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.fresh-apple-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #74c52c;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.fresh-apple-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.fresh-apple-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  > a
  > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.fresh-apple-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.fresh-apple-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > .treeview-menu {
  display: block;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #74c52c;
  padding-right: 0;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li {
  margin: 0;
  padding: 5px;
}
body.fresh-apple-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.fresh-apple-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.fresh-apple-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i {
  width: 25px;
}
body.fresh-apple-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.fresh-apple-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li:hover {
  padding-right: 3px;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.fresh-apple-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.fresh-apple-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.fresh-apple-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > span {
  display: table-cell;
  vertical-align: middle;
}
body.fresh-apple-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.fresh-apple-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.fresh-apple-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.fresh-apple-theme .main-wrapper {
    margin-left: 230px;
  }
  body.fresh-apple-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.fresh-apple-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.fresh-apple-theme .wrapper.sidebar-mini.sidebar-collapse .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.fresh-apple-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.fresh-apple-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li {
    position: relative;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #74c52c;
  }
  body.fresh-apple-theme .wrapper.sidebar-mini.sidebar-collapse .profile-nav {
    display: none;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.fresh-apple-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.fresh-apple-theme .menu-toggle {
    display: block !important;
  }
  body.fresh-apple-theme .sidebar-v1 {
    left: -230px;
  }
  body.fresh-apple-theme .footer {
    margin-left: 0;
  }
  body.fresh-apple-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.fresh-apple-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.fresh-apple-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.fresh-apple-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.fresh-apple-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.fresh-apple-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.fresh-apple-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.fresh-apple-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #1e1e1e;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #2c2b2b;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.fresh-apple-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #2c2b2b;
}
body.fresh-apple-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #fff;
  border: none;
  margin: 0px;
}
body.fresh-apple-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #5b9b23;
}
body.fresh-apple-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #5b9b23;
}
body.fresh-apple-theme .right-sidebar .nav-tabs li a.active {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #5b9b23;
}
body.fresh-apple-theme
  .right-sidebar
  .tab-content
  .input-group
  .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.fresh-apple-theme .right-sidebar .tab-content input {
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.fresh-apple-theme .right-sidebar .tab-content textarea {
  color: #ccc;
}
body.fresh-apple-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.fresh-apple-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.fresh-apple-theme .right-sidebar .tab-content #chat .small-badges.active {
  background-color: #00a65a;
}
body.fresh-apple-theme .right-sidebar .tab-content #chat .small-badges.offline {
  background-color: #dd4b39;
}
body.fresh-apple-theme .right-sidebar .tab-content #chat .small-badges.idle {
  background-color: #f39c12;
}
body.fresh-apple-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #ccc;
}
body.fresh-apple-theme .right-sidebar .tab-content #chat .content-body a:hover {
  background-color: #595959;
  border-radius: 50%;
  color: #fff;
}
body.fresh-apple-theme .right-sidebar .tab-content #chat h5 {
  color: #ccc;
}
body.fresh-apple-theme .right-sidebar .tab-content #chat p {
  color: #aaaaaa;
}
body.fresh-apple-theme .right-sidebar .tab-content #tasks {
  color: #ccc;
}
body.fresh-apple-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #2c2b2b;
}
body.fresh-apple-theme .right-sidebar .tab-content #tasks p,
body.fresh-apple-theme .right-sidebar .tab-content #tasks h6 {
  color: #aaaaaa;
}
body.fresh-apple-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.fresh-apple-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.fresh-apple-theme .right-sidebar .tab-content #tasks ul li a {
  color: #ccc;
}
body.fresh-apple-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #1e1e1e;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.fresh-apple-theme .right-sidebar .chat-sidebar-chat .content-chat-body h5 {
  background: #595959;
}
body.fresh-apple-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.fresh-apple-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.fresh-apple-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #595959;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.fresh-apple-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #595959;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.fresh-apple-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #74c52c;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.fresh-apple-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #74c52c transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.fresh-apple-theme
  .right-sidebar
  .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.fresh-apple-theme .right-sidebar .right-sidebar-setting label {
  color: #ccc;
}
body.fresh-apple-theme .right-sidebar .right-sidebar-setting h4 {
  color: #ccc;
  border-top: 1px solid #2c2b2b;
}
body.fresh-apple-theme .right-sidebar .right-sidebar-setting small,
body.fresh-apple-theme .right-sidebar .right-sidebar-setting p {
  color: #aaaaaa;
}
body.fresh-apple-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.fresh-apple-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.fresh-apple-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.fresh-apple-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.fresh-apple-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.fresh-apple-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.fresh-apple-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.fresh-apple-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.fresh-apple-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.fresh-apple-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.fresh-apple-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.fresh-apple-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.fresh-apple-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.fresh-apple-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.fresh-apple-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.fresh-apple-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.fresh-apple-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.fresh-apple-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.fresh-apple-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.fresh-apple-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #74c52c;
}
body.fresh-apple-theme .header .navbar {
  border: none !important;
}
body.fresh-apple-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #1e1e1e;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.fresh-apple-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.fresh-apple-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.fresh-apple-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.fresh-apple-theme .header .navbar-lg .setting-block .top-block .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.fresh-apple-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.fresh-apple-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.fresh-apple-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.fresh-apple-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.fresh-apple-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.fresh-apple-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.fresh-apple-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #ccc;
}
body.fresh-apple-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #ccc;
}
body.fresh-apple-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.fresh-apple-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.fresh-apple-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.fresh-apple-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.fresh-apple-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.fresh-apple-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.fresh-apple-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.fresh-apple-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.fresh-apple-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.fresh-apple-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.fresh-apple-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.fresh-apple-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.fresh-apple-theme .settings-menu {
  background: #1e1e1e;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #ccc;
  border: 1px solid #2c2b2b;
  overflow-y: auto;
}
body.fresh-apple-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #2c2b2b;
}
body.fresh-apple-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.fresh-apple-theme .settings-menu .setting-box {
  color: #ccc;
  background-color: #2c2b2b;
}
body.fresh-apple-theme .settings-menu-fixed {
  position: fixed !important;
}
body.fresh-apple-theme .nav-profile .nav-link span.active {
  color: #74c52c;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.fresh-apple-theme .nav-profile .dropdown-menu {
  background: #1e1e1e none repeat scroll 0 0;
  color: #fff;
  border-top: 1px solid #2c2b2b;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.fresh-apple-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.fresh-apple-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.fresh-apple-theme .nav-profile .dropdown-menu span.active {
  color: #74c52c;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.fresh-apple-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #2c2b2b;
}
body.fresh-apple-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #fff;
}
body.fresh-apple-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #595959 none repeat scroll 0 0;
  border-left: 2px solid #5b9b23;
  color: #ccc;
}
body.fresh-apple-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.fresh-apple-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #1e1e1e;
  }
  body.fresh-apple-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.fresh-apple-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.fresh-apple-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.fresh-apple-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.fresh-apple-theme .nav-profile .dropdown-menu span.active {
    color: #74c52c;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.fresh-apple-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.fresh-apple-theme .header .logo {
    width: 190px;
  }
  body.fresh-apple-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.fresh-apple-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.fresh-apple-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.fresh-apple-theme .nav-profile .dropdown-menu span.active {
    color: #74c52c;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.fresh-apple-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.fresh-apple-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.fresh-apple-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.fresh-apple-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.fresh-apple-theme .image-grid > li.main-image {
  width: 50%;
}
body.fresh-apple-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.fresh-apple-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.fresh-apple-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #74c52c;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.fresh-apple-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.fresh-apple-theme .scrollToTop:hover {
  background-color: #5b9b23;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.fresh-apple-theme .breadcrumb-page-title,
  body.fresh-apple-theme .theme-setting-icon,
  body.fresh-apple-theme .theme-setting-menu,
  body.fresh-apple-theme .scrollToTop,
  body.fresh-apple-theme .right-sidebar,
  body.fresh-apple-theme .settings-menu,
  body.fresh-apple-theme .sidebar,
  body.fresh-apple-theme .header,
  body.fresh-apple-theme .footer,
  body.fresh-apple-theme .btn {
    display: none !important;
  }
  body.fresh-apple-theme .main-wrapper {
    margin-left: 0;
  }
}
body.fresh-apple-theme .pace {
  display: none;
}
body.fresh-apple-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.fresh-apple-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.fresh-apple-theme .page-loader-container .page-loader .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.fresh-apple-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.fresh-apple-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.fresh-apple-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.fresh-apple-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.fresh-apple-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.fresh-apple-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.fresh-apple-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #74c52c;
}
body.fresh-apple-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #74c52c;
}
body.fresh-apple-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #74c52c;
}
body.fresh-apple-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #74c52c;
}
body.fresh-apple-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.fresh-apple-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.fresh-apple-theme
  .profile
  .activity
  .activity-header
  .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.fresh-apple-theme
  .profile
  .activity
  .activity-header
  .activity-header-image
  img {
  max-width: 100%;
}
body.fresh-apple-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.fresh-apple-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.fresh-apple-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.fresh-apple-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.fresh-apple-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.fresh-apple-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.fresh-apple-theme .mail ul li a {
  color: #909190;
}
body.fresh-apple-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.fresh-apple-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.fresh-apple-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.fresh-apple-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.fresh-apple-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.fresh-apple-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.fresh-apple-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.fresh-apple-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.fresh-apple-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.fresh-apple-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.fresh-apple-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.fresh-apple-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.fresh-apple-theme .readmail .filebox .file img {
  height: 148px;
}
body.fresh-apple-theme .readmail .filebox .filename {
  height: 70px;
}
body.fresh-apple-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.fresh-apple-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.fresh-apple-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.fresh-apple-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.fresh-apple-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.fresh-apple-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.fresh-apple-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group {
  margin-bottom: 0;
}
body.fresh-apple-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.fresh-apple-theme
  .mail
  .compose-mail
  .compose-message
  .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.fresh-apple-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.fresh-apple-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.fresh-apple-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.fresh-apple-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.fresh-apple-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.fresh-apple-theme .mail .compose-mail .mail-footer .right-block .send {
  width: 90px;
  height: 35px;
}
body.fresh-apple-theme
  .mail
  .compose-mail
  .mail-footer
  .right-block
  .send:focus,
body.fresh-apple-theme .mail .compose-mail .mail-footer .right-block .tool {
  color: #fff;
}
body.fresh-apple-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.fresh-apple-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.fresh-apple-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.fresh-apple-theme .mail .note-editor.note-frame.card .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.fresh-apple-theme .mail .note-resizebar {
  display: none;
}
body.fresh-apple-theme
  .selectize-control.selectize-email.multi
  .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.fresh-apple-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.fresh-apple-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.fresh-apple-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.fresh-apple-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.fresh-apple-theme
  .selectize-control.plugin-remove_button
  [data-value]
  .remove {
  border-left-color: #fff;
  color: #fff;
}
body.fresh-apple-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.fresh-apple-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.fresh-apple-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.fresh-apple-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.fresh-apple-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.fresh-apple-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.fresh-apple-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.fresh-apple-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.fresh-apple-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.fresh-apple-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.fresh-apple-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.fresh-apple-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.fresh-apple-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.fresh-apple-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.fresh-apple-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.fresh-apple-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.fresh-apple-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.fresh-apple-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.fresh-apple-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.fresh-apple-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.fresh-apple-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.fresh-apple-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.fresh-apple-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.fresh-apple-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.fresh-apple-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.fresh-apple-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.fresh-apple-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.fresh-apple-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.fresh-apple-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.fresh-apple-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.fresh-apple-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.fresh-apple-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.fresh-apple-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.fresh-apple-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.fresh-apple-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.fresh-apple-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.fresh-apple-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.fresh-apple-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.fresh-apple-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.fresh-apple-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.fresh-apple-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.fresh-apple-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.fresh-apple-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.fresh-apple-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.fresh-apple-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.fresh-apple-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.fresh-apple-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.fresh-apple-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.fresh-apple-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.fresh-apple-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.fresh-apple-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.fresh-apple-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.fresh-apple-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.fresh-apple-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.fresh-apple-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.fresh-apple-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.fresh-apple-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.fresh-apple-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.fresh-apple-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.fresh-apple-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.fresh-apple-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.fresh-apple-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.fresh-apple-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.fresh-apple-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.fresh-apple-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.fresh-apple-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.fresh-apple-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.fresh-apple-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.fresh-apple-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.fresh-apple-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.fresh-apple-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.fresh-apple-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.fresh-apple-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.fresh-apple-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.fresh-apple-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.fresh-apple-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.fresh-apple-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.fresh-apple-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.fresh-apple-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.fresh-apple-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.fresh-apple-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.fresh-apple-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.fresh-apple-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.fresh-apple-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.fresh-apple-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.fresh-apple-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.fresh-apple-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.fresh-apple-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.fresh-apple-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.fresh-apple-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.fresh-apple-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.fresh-apple-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.fresh-apple-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.fresh-apple-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.fresh-apple-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.fresh-apple-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.fresh-apple-theme .contact-primary,
body.fresh-apple-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.fresh-apple-theme .contact-primary .img-block .social,
body.fresh-apple-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.fresh-apple-theme .contact-primary .img-block .social i,
body.fresh-apple-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.fresh-apple-theme .contact-primary .contact-info,
body.fresh-apple-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.fresh-apple-theme .contact-primary .contact-info .info-block,
body.fresh-apple-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.fresh-apple-theme .contact-primary .contact-info .detail,
body.fresh-apple-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.fresh-apple-theme .contact-primary .contact-info .detail.name,
body.fresh-apple-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.fresh-apple-theme .contact-primary:hover,
body.fresh-apple-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.fresh-apple-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.fresh-apple-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.fresh-apple-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.fresh-apple-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.fresh-apple-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.fresh-apple-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.fresh-apple-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.fresh-apple-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.fresh-apple-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.fresh-apple-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.fresh-apple-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.fresh-apple-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.fresh-apple-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.fresh-apple-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.fresh-apple-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.fresh-apple-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.fresh-apple-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.fresh-apple-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.fresh-apple-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.fresh-apple-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.fresh-apple-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.fresh-apple-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.fresh-apple-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.fresh-apple-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.fresh-apple-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.fresh-apple-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.fresh-apple-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.fresh-apple-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.fresh-apple-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.fresh-apple-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.fresh-apple-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.fresh-apple-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.fresh-apple-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.fresh-apple-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.fresh-apple-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.fresh-apple-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.fresh-apple-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.fresh-apple-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.fresh-apple-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.fresh-apple-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.fresh-apple-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.fresh-apple-theme .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.fresh-apple-theme .cssanimations .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.fresh-apple-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.fresh-apple-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.fresh-apple-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.fresh-apple-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.fresh-apple-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.fresh-apple-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.fresh-apple-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.fresh-apple-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.fresh-apple-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.fresh-apple-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.fresh-apple-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.fresh-apple-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #74c52c;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.fresh-apple-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.fresh-apple-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.fresh-apple-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.fresh-apple-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.fresh-apple-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #74c52c;
  border-color: #74c52c;
}
body.fresh-apple-theme .cd-horizontal-timeline .events a.older-event::after {
  border-color: #74c52c;
}
body.fresh-apple-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.fresh-apple-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.fresh-apple-theme .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.fresh-apple-theme .cd-horizontal-timeline .events-content li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.fresh-apple-theme .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.fresh-apple-theme .cd-horizontal-timeline .events-content li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.fresh-apple-theme .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.fresh-apple-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.fresh-apple-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.fresh-apple-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.fresh-apple-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.fresh-apple-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.fresh-apple-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.fresh-apple-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.fresh-apple-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.fresh-apple-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.fresh-apple-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.fresh-apple-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.fresh-apple-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.fresh-apple-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.fresh-apple-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.fresh-apple-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.fresh-apple-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.fresh-apple-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.fresh-apple-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.fresh-apple-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.fresh-apple-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.fresh-apple-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.fresh-apple-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.fresh-apple-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.fresh-apple-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.fresh-apple-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.fresh-apple-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.fresh-apple-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.fresh-apple-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.fresh-apple-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.fresh-apple-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.fresh-apple-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.fresh-apple-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.fresh-apple-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.fresh-apple-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.fresh-apple-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.fresh-apple-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.fresh-apple-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.fresh-apple-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.fresh-apple-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.fresh-apple-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.fresh-apple-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.fresh-apple-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.fresh-apple-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.fresh-apple-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.fresh-apple-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.fresh-apple-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.fresh-apple-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.fresh-apple-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.fresh-apple-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.fresh-apple-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.fresh-apple-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.fresh-apple-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.fresh-apple-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.fresh-apple-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.fresh-apple-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.fresh-apple-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.fresh-apple-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.fresh-apple-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.fresh-apple-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.fresh-apple-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.fresh-apple-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.fresh-apple-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.fresh-apple-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.fresh-apple-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.fresh-apple-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.fresh-apple-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.fresh-apple-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.fresh-apple-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.fresh-apple-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.fresh-apple-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.fresh-apple-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.fresh-apple-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.fresh-apple-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.fresh-apple-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.fresh-apple-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.fresh-apple-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.fresh-apple-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.fresh-apple-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.fresh-apple-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.fresh-apple-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.fresh-apple-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.fresh-apple-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.fresh-apple-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.fresh-apple-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.fresh-apple-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.fresh-apple-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.fresh-apple-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.fresh-apple-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.fresh-apple-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.fresh-apple-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.fresh-apple-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.fresh-apple-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.fresh-apple-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.fresh-apple-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.fresh-apple-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.fresh-apple-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.fresh-apple-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.fresh-apple-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.fresh-apple-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.fresh-apple-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.fresh-apple-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.fresh-apple-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.fresh-apple-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.fresh-apple-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.fresh-apple-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.fresh-apple-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.fresh-apple-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.fresh-apple-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.fresh-apple-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.fresh-apple-theme .product-detail .product-image-list img:first-child {
  margin-left: 0;
}
body.fresh-apple-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.fresh-apple-theme .product-detail .product-img img {
  max-width: 100%;
}
body.fresh-apple-theme .product-grid-primary,
body.fresh-apple-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.fresh-apple-theme .product-grid-primary .product-img,
body.fresh-apple-theme .product-grid-secondary .product-img {
  position: relative;
}
body.fresh-apple-theme .product-grid-primary .product-img .product-like,
body.fresh-apple-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.fresh-apple-theme .product-grid-primary .product-img .product-like:hover,
body.fresh-apple-theme
  .product-grid-secondary
  .product-img
  .product-like:hover {
  color: #74c52c;
}
body.fresh-apple-theme .product-grid-primary .product-detail,
body.fresh-apple-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.fresh-apple-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.fresh-apple-theme .file-manager .toggle-file-menu {
  display: none;
}
body.fresh-apple-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.fresh-apple-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.fresh-apple-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.fresh-apple-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.fresh-apple-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.fresh-apple-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type {
  bottom: 0px;
  right: 5px;
}
body.fresh-apple-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.fresh-apple-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.fresh-apple-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.fresh-apple-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.fresh-apple-theme .file-manager .file-block .file-view .folder .file,
body.fresh-apple-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.fresh-apple-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type,
body.fresh-apple-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-type {
  position: absolute;
}
body.fresh-apple-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.fresh-apple-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.fresh-apple-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.fresh-apple-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.fresh-apple-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.fresh-apple-theme .file-manager .file-block .file-view .doc .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.fresh-apple-theme .file-manager .file-block .file-view .doc .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.fresh-apple-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.fresh-apple-theme .file-manager .file-block.file-menu-close .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.fresh-apple-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.fresh-apple-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.fresh-apple-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.fresh-apple-theme .other-widgets-box {
  background-color: #15337e;
}
body.fresh-apple-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.fresh-apple-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.fresh-apple-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.fresh-apple-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.fresh-apple-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.fresh-apple-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.fresh-apple-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.fresh-apple-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.fresh-apple-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.fresh-apple-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.fresh-apple-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.fresh-apple-theme
  .social-widgets
  .profile
  .social-profile
  .profile-avatar {
  height: 120px;
}
body.fresh-apple-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.fresh-apple-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.fresh-apple-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.fresh-apple-theme .social-widgets .profile.profile-cover-bg {
  background: #74c52c url(../../images/login_box_bg.png);
}
body.fresh-apple-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.fresh-apple-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.fresh-apple-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.fresh-apple-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.fresh-apple-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.fresh-apple-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.fresh-apple-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.fresh-apple-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.fresh-apple-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.fresh-apple-theme .amcharts-export-menu-top-right {
  display: none;
}
body.fresh-apple-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.fresh-apple-theme .sales-performance .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.fresh-apple-theme .social-analytics .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.fresh-apple-theme .sales-performance .amcharts-graph-g3,
body.fresh-apple-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.fresh-apple-theme .sales-performance .amcharts-value-axis.value-axis-a3,
body.fresh-apple-theme .social-analytics .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.fresh-apple-theme .sales-performance .lastBullet,
body.fresh-apple-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.fresh-apple-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.fresh-apple-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.fresh-apple-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.fresh-apple-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.fresh-apple-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.fresh-apple-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.fresh-apple-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.fresh-apple-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.fresh-apple-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.fresh-apple-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.fresh-apple-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.fresh-apple-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.fresh-apple-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.fresh-apple-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.fresh-apple-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.fresh-apple-theme .theme-border-color {
  border-color: #74c52c;
}
body.fresh-apple-theme .primary-border-color {
  border-color: #286090;
}
body.fresh-apple-theme .danger-border-color {
  border-color: #d73925;
}
body.fresh-apple-theme .info-border-color {
  border-color: #00acd6;
}
body.fresh-apple-theme .warning-border-color {
  border-color: #e08e0b;
}
body.fresh-apple-theme .success-border-color {
  border-color: #008d4c;
}
body.fresh-apple-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.fresh-apple-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #74c52c !important;
  border-radius: 0px;
}
body.fresh-apple-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.fresh-apple-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.fresh-apple-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.fresh-apple-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.fresh-apple-theme .material-card h2 span {
  display: block;
}
body.fresh-apple-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.fresh-apple-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.fresh-apple-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.fresh-apple-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.fresh-apple-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.fresh-apple-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.fresh-apple-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.fresh-apple-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.fresh-apple-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.fresh-apple-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.fresh-apple-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.fresh-apple-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.fresh-apple-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.fresh-apple-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.fresh-apple-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.fresh-apple-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.fresh-apple-theme .material-card.mc-active h2:before {
  top: 0;
}
body.fresh-apple-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.fresh-apple-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.fresh-apple-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.fresh-apple-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.fresh-apple-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.fresh-apple-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.fresh-apple-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.fresh-apple-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.fresh-apple-theme .material-card.theme h2 {
  background-color: #74c52c;
}
body.fresh-apple-theme .material-card.theme h2:after {
  border-top-color: #74c52c;
  border-right-color: #74c52c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #5b9b23;
  border-bottom-color: #5b9b23;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.theme .mc-btn-action {
  background-color: #74c52c;
}
body.fresh-apple-theme .material-card.theme .mc-btn-action:hover {
  background-color: #5b9b23;
}
body.fresh-apple-theme .material-card.theme .mc-footer h4 {
  color: #5b9b23;
}
body.fresh-apple-theme .material-card.theme .mc-footer a {
  background-color: #5b9b23;
}
body.fresh-apple-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #74c52c;
  border-bottom-color: #74c52c;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.theme.mc-active h2:after {
  border-top-color: #5b9b23;
  border-right-color: #5b9b23;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.fresh-apple-theme .material-card.theme.mc-active .mc-footer {
  background-color: #74c52c;
}
body.fresh-apple-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.fresh-apple-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.fresh-apple-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.fresh-apple-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.fresh-apple-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.fresh-apple-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.fresh-apple-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.fresh-apple-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.fresh-apple-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.fresh-apple-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.fresh-apple-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.fresh-apple-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.fresh-apple-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.fresh-apple-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.fresh-apple-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.fresh-apple-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.fresh-apple-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.fresh-apple-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.fresh-apple-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.fresh-apple-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.fresh-apple-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.fresh-apple-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.fresh-apple-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.fresh-apple-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.fresh-apple-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.fresh-apple-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.fresh-apple-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.fresh-apple-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.fresh-apple-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.fresh-apple-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.fresh-apple-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.fresh-apple-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.fresh-apple-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.fresh-apple-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.fresh-apple-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.fresh-apple-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.fresh-apple-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.fresh-apple-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.fresh-apple-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.fresh-apple-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.fresh-apple-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.fresh-apple-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.fresh-apple-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.fresh-apple-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.fresh-apple-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.fresh-apple-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.fresh-apple-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.fresh-apple-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.fresh-apple-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.fresh-apple-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.fresh-apple-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.fresh-apple-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.fresh-apple-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.fresh-apple-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.fresh-apple-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.fresh-apple-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.fresh-apple-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.fresh-apple-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.fresh-apple-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.fresh-apple-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.fresh-apple-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.fresh-apple-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.fresh-apple-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.fresh-apple-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.fresh-apple-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.fresh-apple-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.fresh-apple-theme .wrapper:after {
  display: table;
  content: " ";
}
body.fresh-apple-theme .wrapper:before {
  display: table;
  content: " ";
}
body.fresh-apple-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.fresh-apple-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.fresh-apple-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.fresh-apple-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.fresh-apple-theme .fixed-width-page .card,
body.fresh-apple-theme .card-page .card,
body.fresh-apple-theme .fixed-width-page .card-body,
body.fresh-apple-theme .card-page .card-body {
  min-height: 500px;
}
body.fresh-apple-theme .fixed-width-page .card h2,
body.fresh-apple-theme .card-page .card h2,
body.fresh-apple-theme .fixed-width-page .card-body h2,
body.fresh-apple-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.fresh-apple-theme.full-width-page .main-wrapper,
body.fresh-apple-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.fresh-apple-theme.full-width-page .logo {
  background: #1e1e1e;
}
body.fresh-apple-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.fresh-apple-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.fresh-apple-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/*******************************************************
 ** teal-theme.less
 ** 
 ** Main LESS file for Teal Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.teal-theme {
  /*******************************************************
 ** teal-theme _variables.less
 ** 
 ** LESS variables for Teal Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /*************
 * Teal Theme
 *************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.teal-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.teal-theme a {
  text-decoration: none;
}
body.teal-theme h1 {
  font-size: 36px;
}
body.teal-theme h2 {
  font-size: 30px;
}
body.teal-theme h3 {
  font-size: 24px;
}
body.teal-theme h4 {
  font-size: 18px;
}
body.teal-theme h5 {
  font-size: 14px;
}
body.teal-theme h6 {
  font-size: 12px;
}
body.teal-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.teal-theme .border-theme {
  border: 1px solid #18ba9b !important;
}
body.teal-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.teal-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.teal-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.teal-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.teal-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.teal-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.teal-theme .border-r-sm {
  border-radius: 3px;
}
body.teal-theme .border-r-md {
  border-radius: 6px;
}
body.teal-theme .border-r-lg {
  border-radius: 12px;
}
body.teal-theme .border-r-xlg {
  border-radius: 24px;
}
body.teal-theme .m-xs {
  margin: 5px;
}
body.teal-theme .mt-xs {
  margin-top: 5px;
}
body.teal-theme .mr-xs {
  margin-right: 5px;
}
body.teal-theme .mb-xs {
  margin-bottom: 5px;
}
body.teal-theme .ml-xs {
  margin-left: 5px;
}
body.teal-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.teal-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.teal-theme .m-sm {
  margin: 10px;
}
body.teal-theme .mt-sm {
  margin-top: 10px;
}
body.teal-theme .mr-sm {
  margin-right: 10px;
}
body.teal-theme .mb-sm {
  margin-bottom: 10px;
}
body.teal-theme .ml-sm {
  margin-left: 10px;
}
body.teal-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.teal-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.teal-theme .m-md {
  margin: 15px;
}
body.teal-theme .mt-md {
  margin-top: 15px;
}
body.teal-theme .mr-md {
  margin-right: 15px;
}
body.teal-theme .mb-md {
  margin-bottom: 15px;
}
body.teal-theme .ml-md {
  margin-left: 15px;
}
body.teal-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.teal-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.teal-theme .m-lg {
  margin: 20px;
}
body.teal-theme .mt-lg {
  margin-top: 20px;
}
body.teal-theme .mr-lg {
  margin-right: 20px;
}
body.teal-theme .mb-lg {
  margin-bottom: 20px;
}
body.teal-theme .ml-lg {
  margin-left: 20px;
}
body.teal-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.teal-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.teal-theme .m-xlg {
  margin: 25px;
}
body.teal-theme .mt-xlg {
  margin-top: 25px;
}
body.teal-theme .mr-xlg {
  margin-right: 25px;
}
body.teal-theme .mb-xlg {
  margin-bottom: 25px;
}
body.teal-theme .ml-xlg {
  margin-left: 25px;
}
body.teal-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.teal-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.teal-theme .p-xs {
  padding: 5px;
}
body.teal-theme .pt-xs {
  padding-top: 5px;
}
body.teal-theme .pr-xs {
  padding-right: 5px;
}
body.teal-theme .pb-xs {
  padding-bottom: 5px;
}
body.teal-theme .pl-xs {
  padding-left: 5px;
}
body.teal-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.teal-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.teal-theme .p-sm {
  padding: 10px;
}
body.teal-theme .pt-sm {
  padding-top: 10px;
}
body.teal-theme .pr-sm {
  padding-right: 10px;
}
body.teal-theme .pb-sm {
  padding-bottom: 10px;
}
body.teal-theme .pl-sm {
  padding-left: 10px;
}
body.teal-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.teal-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.teal-theme .p-md {
  padding: 15px;
}
body.teal-theme .pt-md {
  padding-top: 15px;
}
body.teal-theme .pr-md {
  padding-right: 15px;
}
body.teal-theme .pb-md {
  padding-bottom: 15px;
}
body.teal-theme .pl-md {
  padding-left: 15px;
}
body.teal-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.teal-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.teal-theme .p-lg {
  padding: 20px;
}
body.teal-theme .pt-lg {
  padding-top: 20px;
}
body.teal-theme .pr-lg {
  padding-right: 20px;
}
body.teal-theme .pb-lg {
  padding-bottom: 20px;
}
body.teal-theme .pl-lg {
  padding-left: 20px;
}
body.teal-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.teal-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.teal-theme .p-xlg {
  padding: 25px;
}
body.teal-theme .pt-xlg {
  padding-top: 25px;
}
body.teal-theme .pr-xlg {
  padding-right: 25px;
}
body.teal-theme .pb-xlg {
  padding-bottom: 25px;
}
body.teal-theme .pl-xlg {
  padding-left: 25px;
}
body.teal-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.teal-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.teal-theme .text-normal {
  font-weight: 400;
}
body.teal-theme .text-bold {
  font-weight: 700;
}
body.teal-theme .text-italic {
  font-style: italic;
}
body.teal-theme .text-strike {
  text-decoration: line-through;
}
body.teal-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.teal-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.teal-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.teal-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.teal-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.teal-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.teal-theme .font-16 {
  font-size: 16px;
}
body.teal-theme .font-14 {
  font-size: 14px;
}
body.teal-theme .font-12 {
  font-size: 12px;
}
body.teal-theme .font-10 {
  font-size: 10px;
}
body.teal-theme .text-lg {
  color: #f1f1f1;
}
body.teal-theme .text-mdg {
  color: #ccc;
}
body.teal-theme .text-dg {
  color: #909190;
}
body.teal-theme .text-mb {
  color: #2c2b2b;
}
body.teal-theme .text-mg {
  color: #6e6e6e;
}
body.teal-theme .text-theme {
  color: #18ba9b;
}
body.teal-theme .no-bg {
  background: transparent;
}
body.teal-theme .bg-theme {
  background-color: #18ba9b;
}
body.teal-theme .bg-lg {
  background-color: #f1f1f1;
}
body.teal-theme .bg-mdg {
  background-color: #ccc;
}
body.teal-theme .bg-dg {
  background-color: #909190;
}
body.teal-theme .bg-mb {
  background-color: #2c2b2b;
}
body.teal-theme .bg-mg {
  background-color: #6e6e6e;
}
body.teal-theme .height-30 {
  min-height: 30px;
}
body.teal-theme .height-40 {
  min-height: 40px;
}
body.teal-theme .height-50 {
  min-height: 50px;
}
body.teal-theme .height-100 {
  min-height: 100px;
}
body.teal-theme .height-150 {
  min-height: 150px;
}
body.teal-theme .height-200 {
  min-height: 200px;
}
body.teal-theme .height-320 {
  min-height: 320px;
}
body.teal-theme .width-30 {
  min-width: 30px;
}
body.teal-theme .width-40 {
  min-width: 40px;
}
body.teal-theme .width-50 {
  min-width: 50px;
}
body.teal-theme .width-100 {
  min-width: 100px;
}
body.teal-theme .width-150 {
  min-width: 150px;
}
body.teal-theme .width-200 {
  min-width: 200px;
}
body.teal-theme .width-320 {
  min-width: 320px;
}
body.teal-theme .progress.progress-xxs {
  height: 2px;
}
body.teal-theme .progress.progress-xs {
  height: 5px;
}
body.teal-theme .progress.progress-sm {
  height: 10px;
}
body.teal-theme .progress.progress-lg {
  height: 20px;
}
body.teal-theme ::-moz-selection {
  color: #fff;
  background: #18ba9b;
}
body.teal-theme ::selection {
  color: #fff;
  background: #18ba9b;
}
body.teal-theme .avatar {
  width: 32px;
}
body.teal-theme .avatar.avatar-xxs {
  width: 16px;
}
body.teal-theme .avatar.avatar-xs {
  width: 24px;
}
body.teal-theme .avatar.avatar-sm {
  width: 32px;
}
body.teal-theme .avatar.avatar-md {
  width: 40px;
}
body.teal-theme .avatar.avatar-lg {
  width: 64px;
}
body.teal-theme .avatar.avatar-xl {
  width: 128px;
}
body.teal-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.teal-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.teal-theme .btn.btn-theme {
  background-color: #18ba9b;
  color: #fff;
}
body.teal-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #128d75;
}
body.teal-theme .btn.btn-theme:active,
body.teal-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #1cdab5;
}
body.teal-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #18ba9b;
}
body.teal-theme .btn.btn-outline-theme {
  color: #18ba9b;
  background-color: transparent;
  border: 1px solid;
}
body.teal-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #18ba9b !important;
  border-color: #128d75;
}
body.teal-theme .btn.btn-outline-theme:active,
body.teal-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #1cdab5;
}
body.teal-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.teal-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.teal-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.teal-theme input,
body.teal-theme select,
body.teal-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.teal-theme input:focus,
body.teal-theme select:focus,
body.teal-theme textarea:focus {
  border: 1px solid #18ba9b;
  box-shadow: none !important;
}
body.teal-theme .badge-theme,
body.teal-theme .theme-item {
  background-color: #18ba9b;
  color: #fff;
}
body.teal-theme .badge-theme *,
body.teal-theme .theme-item * {
  color: #fff;
}
body.teal-theme .theme-item:hover,
body.teal-theme .item-group:hover {
  background-color: #128d75;
}
body.teal-theme .theme-item:hover a,
body.teal-theme .item-group:hover a {
  background-color: #128d75;
}
body.teal-theme .theme-item:hover *,
body.teal-theme .item-group:hover * {
  color: #fff;
}
body.teal-theme .label.label-theme {
  background-color: #18ba9b;
  color: #fff;
}
body.teal-theme table tr td,
body.teal-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.teal-theme .table-responsive table tr td,
  body.teal-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.teal-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.teal-theme .footer.fixed {
  position: fixed;
}
body.teal-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.teal-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.teal-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.teal-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.teal-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.teal-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.teal-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.teal-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.teal-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.teal-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.teal-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.teal-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.teal-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.teal-theme .ribbon.ribbon-theme span {
  background: #18ba9b;
}
body.teal-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #18ba9b;
  border-top: 3px solid #18ba9b;
}
body.teal-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #18ba9b;
  border-top: 3px solid #18ba9b;
}
body.teal-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.teal-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.teal-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.teal-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.teal-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.teal-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.teal-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.teal-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.teal-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.teal-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.teal-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.teal-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.teal-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.teal-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.teal-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.teal-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.teal-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.teal-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.teal-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.teal-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.teal-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.teal-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.teal-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.teal-theme .todo-lists ul {
  padding: 0 10px;
}
body.teal-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.teal-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.teal-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.teal-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.teal-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.teal-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.teal-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.teal-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.teal-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.teal-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.teal-theme .media-block .media {
    display: block !important;
  }
  body.teal-theme .media-block .media img {
    width: 100% !important;
  }
}
body.teal-theme .select2-selection--multiple,
body.teal-theme .select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}
body.teal-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #18ba9b;
}
body.teal-theme .select2-selection__choice,
body.teal-theme .select2-selection__choice__remove {
  background-color: #18ba9b !important;
  border: 1px solid #18ba9b !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.teal-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #18ba9b;
  color: #fff;
}
body.teal-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.teal-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.teal-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.teal-theme .ui-sortable .sortable-dragging,
body.teal-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.teal-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.teal-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.teal-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.teal-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.teal-theme .context-menu-list.context-menu-root .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.teal-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.teal-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.teal-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.teal-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.teal-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.teal-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.teal-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.teal-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #18ba9b;
  color: #fff;
}
body.teal-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.teal-theme .introjs-tooltipReferenceLayer .introjs-helperNumberLayer {
  left: 10px;
}
body.teal-theme .config .barcode2D {
  display: none;
}
body.teal-theme .miscCanvas {
  display: none;
}
body.teal-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.teal-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.teal-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.teal-theme .mega {
    font-size: 4rem;
  }
}
body.teal-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.teal-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.teal-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.teal-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.teal-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.teal-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.teal-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.teal-theme .fileinput-preview {
  max-height: 150px;
}
body.teal-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.teal-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-search input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.teal-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-mail-content .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.teal-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.teal-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.teal-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.teal-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-statistics .statistics-font-color {
  color: #909190;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.teal-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.teal-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.teal-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.teal-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.teal-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.teal-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #18ba9b;
}
body.teal-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.teal-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.teal-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-menu li a .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #18ba9b;
  padding: 10px 13px 10px 15px;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #18ba9b;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-menu li a.active .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.teal-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #18ba9b;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu .sub-list a {
  padding-left: 30px;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu .sub-list a i {
  margin-right: 10px;
  font-size: 15px;
}
body.teal-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu.open {
  max-height: 100%;
}
body.teal-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.teal-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #18ba9b;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.teal-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.teal-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu li.active > .treeview-menu {
  display: block;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #18ba9b;
  padding-right: 0;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li {
  margin: 0;
  padding: 5px;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.teal-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li > a > i {
  width: 25px;
}
body.teal-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li:hover {
  padding-right: 3px;
}
body.teal-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.teal-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.teal-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.teal-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.teal-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.teal-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.teal-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.teal-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.teal-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.teal-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.teal-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.teal-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.teal-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.teal-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.teal-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.teal-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.teal-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > span {
  display: table-cell;
  vertical-align: middle;
}
body.teal-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.teal-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.teal-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.teal-theme .main-wrapper {
    margin-left: 230px;
  }
  body.teal-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.teal-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.teal-theme .wrapper.sidebar-mini.sidebar-collapse .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.teal-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.teal-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.teal-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-menu > li {
    position: relative;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.teal-theme .wrapper.sidebar-mini.sidebar-collapse .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #18ba9b;
  }
  body.teal-theme .wrapper.sidebar-mini.sidebar-collapse .profile-nav {
    display: none;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.teal-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.teal-theme .menu-toggle {
    display: block !important;
  }
  body.teal-theme .sidebar-v1 {
    left: -230px;
  }
  body.teal-theme .footer {
    margin-left: 0;
  }
  body.teal-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.teal-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.teal-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.teal-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.teal-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.teal-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.teal-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.teal-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #1e1e1e;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #2c2b2b;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.teal-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #2c2b2b;
}
body.teal-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #fff;
  border: none;
  margin: 0px;
}
body.teal-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #128d75;
}
body.teal-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #128d75;
}
body.teal-theme .right-sidebar .nav-tabs li a.active {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #128d75;
}
body.teal-theme .right-sidebar .tab-content .input-group .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.teal-theme .right-sidebar .tab-content input {
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.teal-theme .right-sidebar .tab-content textarea {
  color: #ccc;
}
body.teal-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.teal-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.teal-theme .right-sidebar .tab-content #chat .small-badges.active {
  background-color: #00a65a;
}
body.teal-theme .right-sidebar .tab-content #chat .small-badges.offline {
  background-color: #dd4b39;
}
body.teal-theme .right-sidebar .tab-content #chat .small-badges.idle {
  background-color: #f39c12;
}
body.teal-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #ccc;
}
body.teal-theme .right-sidebar .tab-content #chat .content-body a:hover {
  background-color: #595959;
  border-radius: 50%;
  color: #fff;
}
body.teal-theme .right-sidebar .tab-content #chat h5 {
  color: #ccc;
}
body.teal-theme .right-sidebar .tab-content #chat p {
  color: #aaaaaa;
}
body.teal-theme .right-sidebar .tab-content #tasks {
  color: #ccc;
}
body.teal-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #2c2b2b;
}
body.teal-theme .right-sidebar .tab-content #tasks p,
body.teal-theme .right-sidebar .tab-content #tasks h6 {
  color: #aaaaaa;
}
body.teal-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.teal-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.teal-theme .right-sidebar .tab-content #tasks ul li a {
  color: #ccc;
}
body.teal-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #1e1e1e;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.teal-theme .right-sidebar .chat-sidebar-chat .content-chat-body h5 {
  background: #595959;
}
body.teal-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.teal-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.teal-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #595959;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.teal-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #595959;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.teal-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #18ba9b;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.teal-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #18ba9b transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.teal-theme .right-sidebar .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.teal-theme .right-sidebar .right-sidebar-setting label {
  color: #ccc;
}
body.teal-theme .right-sidebar .right-sidebar-setting h4 {
  color: #ccc;
  border-top: 1px solid #2c2b2b;
}
body.teal-theme .right-sidebar .right-sidebar-setting small,
body.teal-theme .right-sidebar .right-sidebar-setting p {
  color: #aaaaaa;
}
body.teal-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.teal-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.teal-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.teal-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.teal-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.teal-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.teal-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.teal-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.teal-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.teal-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.teal-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.teal-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.teal-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.teal-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.teal-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.teal-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.teal-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.teal-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.teal-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.teal-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #18ba9b;
}
body.teal-theme .header .navbar {
  border: none !important;
}
body.teal-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #1e1e1e;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.teal-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.teal-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.teal-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.teal-theme .header .navbar-lg .setting-block .top-block .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.teal-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.teal-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.teal-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.teal-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.teal-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.teal-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.teal-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #ccc;
}
body.teal-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #ccc;
}
body.teal-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.teal-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.teal-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.teal-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.teal-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.teal-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.teal-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.teal-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.teal-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.teal-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.teal-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.teal-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.teal-theme .settings-menu {
  background: #1e1e1e;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #ccc;
  border: 1px solid #2c2b2b;
  overflow-y: auto;
}
body.teal-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #2c2b2b;
}
body.teal-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.teal-theme .settings-menu .setting-box {
  color: #ccc;
  background-color: #2c2b2b;
}
body.teal-theme .settings-menu-fixed {
  position: fixed !important;
}
body.teal-theme .nav-profile .nav-link span.active {
  color: #18ba9b;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.teal-theme .nav-profile .dropdown-menu {
  background: #1e1e1e none repeat scroll 0 0;
  color: #fff;
  border-top: 1px solid #2c2b2b;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.teal-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.teal-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.teal-theme .nav-profile .dropdown-menu span.active {
  color: #18ba9b;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.teal-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #2c2b2b;
}
body.teal-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #fff;
}
body.teal-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #595959 none repeat scroll 0 0;
  border-left: 2px solid #128d75;
  color: #ccc;
}
body.teal-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.teal-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #1e1e1e;
  }
  body.teal-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.teal-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.teal-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.teal-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.teal-theme .nav-profile .dropdown-menu span.active {
    color: #18ba9b;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.teal-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.teal-theme .header .logo {
    width: 190px;
  }
  body.teal-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.teal-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.teal-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.teal-theme .nav-profile .dropdown-menu span.active {
    color: #18ba9b;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.teal-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.teal-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.teal-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.teal-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.teal-theme .image-grid > li.main-image {
  width: 50%;
}
body.teal-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.teal-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.teal-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #18ba9b;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.teal-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.teal-theme .scrollToTop:hover {
  background-color: #128d75;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.teal-theme .breadcrumb-page-title,
  body.teal-theme .theme-setting-icon,
  body.teal-theme .theme-setting-menu,
  body.teal-theme .scrollToTop,
  body.teal-theme .right-sidebar,
  body.teal-theme .settings-menu,
  body.teal-theme .sidebar,
  body.teal-theme .header,
  body.teal-theme .footer,
  body.teal-theme .btn {
    display: none !important;
  }
  body.teal-theme .main-wrapper {
    margin-left: 0;
  }
}
body.teal-theme .pace {
  display: none;
}
body.teal-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.teal-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.teal-theme .page-loader-container .page-loader .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.teal-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.teal-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.teal-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.teal-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.teal-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.teal-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.teal-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #18ba9b;
}
body.teal-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #18ba9b;
}
body.teal-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #18ba9b;
}
body.teal-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #18ba9b;
}
body.teal-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.teal-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.teal-theme .profile .activity .activity-header .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.teal-theme .profile .activity .activity-header .activity-header-image img {
  max-width: 100%;
}
body.teal-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.teal-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.teal-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.teal-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.teal-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.teal-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.teal-theme .mail ul li a {
  color: #909190;
}
body.teal-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.teal-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.teal-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.teal-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.teal-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.teal-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.teal-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.teal-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.teal-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.teal-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.teal-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.teal-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.teal-theme .readmail .filebox .file img {
  height: 148px;
}
body.teal-theme .readmail .filebox .filename {
  height: 70px;
}
body.teal-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.teal-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.teal-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.teal-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.teal-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.teal-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.teal-theme .mail .compose-mail .compose-message .mail-option .form-group {
  margin-bottom: 0;
}
body.teal-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.teal-theme .mail .compose-mail .compose-message .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.teal-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.teal-theme .mail .compose-mail .compose-message .mail-option .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.teal-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.teal-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.teal-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.teal-theme .mail .compose-mail .mail-footer .right-block .send {
  width: 90px;
  height: 35px;
}
body.teal-theme .mail .compose-mail .mail-footer .right-block .send:focus,
body.teal-theme .mail .compose-mail .mail-footer .right-block .tool {
  color: #fff;
}
body.teal-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.teal-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.teal-theme .mail .note-editor.note-frame.card .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.teal-theme .mail .note-editor.note-frame.card .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.teal-theme .mail .note-resizebar {
  display: none;
}
body.teal-theme .selectize-control.selectize-email.multi .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.teal-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.teal-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.teal-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.teal-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.teal-theme .selectize-control.plugin-remove_button [data-value] .remove {
  border-left-color: #fff;
  color: #fff;
}
body.teal-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.teal-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.teal-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.teal-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.teal-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.teal-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.teal-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.teal-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.teal-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.teal-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.teal-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.teal-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.teal-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.teal-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.teal-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.teal-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.teal-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.teal-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.teal-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.teal-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.teal-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.teal-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.teal-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.teal-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.teal-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.teal-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.teal-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.teal-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.teal-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.teal-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.teal-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.teal-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.teal-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.teal-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.teal-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.teal-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.teal-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.teal-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.teal-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.teal-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.teal-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.teal-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.teal-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.teal-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.teal-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.teal-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.teal-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.teal-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.teal-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.teal-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.teal-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.teal-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.teal-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.teal-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.teal-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.teal-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.teal-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.teal-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.teal-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.teal-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.teal-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.teal-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.teal-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.teal-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.teal-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.teal-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.teal-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.teal-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.teal-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.teal-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.teal-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.teal-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.teal-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.teal-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.teal-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.teal-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.teal-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.teal-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.teal-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.teal-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.teal-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.teal-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.teal-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.teal-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.teal-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.teal-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.teal-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.teal-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.teal-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.teal-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.teal-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.teal-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.teal-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.teal-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.teal-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.teal-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.teal-theme .contact-primary,
body.teal-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.teal-theme .contact-primary .img-block .social,
body.teal-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.teal-theme .contact-primary .img-block .social i,
body.teal-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.teal-theme .contact-primary .contact-info,
body.teal-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.teal-theme .contact-primary .contact-info .info-block,
body.teal-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.teal-theme .contact-primary .contact-info .detail,
body.teal-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.teal-theme .contact-primary .contact-info .detail.name,
body.teal-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.teal-theme .contact-primary:hover,
body.teal-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.teal-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.teal-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.teal-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.teal-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.teal-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.teal-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.teal-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.teal-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.teal-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.teal-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.teal-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.teal-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.teal-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.teal-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.teal-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.teal-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.teal-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.teal-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.teal-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.teal-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.teal-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.teal-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.teal-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.teal-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.teal-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.teal-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.teal-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.teal-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.teal-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.teal-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.teal-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.teal-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.teal-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.teal-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.teal-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.teal-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.teal-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.teal-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.teal-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.teal-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.teal-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.teal-theme .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.teal-theme .cssanimations .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.teal-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.teal-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.teal-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.teal-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.teal-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.teal-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.teal-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.teal-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.teal-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.teal-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.teal-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.teal-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #18ba9b;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.teal-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.teal-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.teal-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.teal-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.teal-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #18ba9b;
  border-color: #18ba9b;
}
body.teal-theme .cd-horizontal-timeline .events a.older-event::after {
  border-color: #18ba9b;
}
body.teal-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.teal-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.teal-theme .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.teal-theme .cd-horizontal-timeline .events-content li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.teal-theme .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.teal-theme .cd-horizontal-timeline .events-content li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.teal-theme .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.teal-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.teal-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.teal-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.teal-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.teal-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.teal-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.teal-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.teal-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.teal-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.teal-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.teal-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.teal-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.teal-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.teal-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.teal-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.teal-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.teal-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.teal-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.teal-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.teal-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.teal-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.teal-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.teal-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.teal-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.teal-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.teal-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.teal-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.teal-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.teal-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.teal-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.teal-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.teal-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.teal-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.teal-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.teal-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.teal-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.teal-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.teal-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.teal-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.teal-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.teal-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.teal-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.teal-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.teal-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.teal-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.teal-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.teal-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.teal-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.teal-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.teal-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.teal-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.teal-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.teal-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.teal-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.teal-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.teal-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.teal-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.teal-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.teal-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.teal-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.teal-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.teal-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.teal-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.teal-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.teal-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.teal-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.teal-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.teal-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.teal-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.teal-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.teal-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.teal-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.teal-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.teal-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.teal-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.teal-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.teal-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.teal-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.teal-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.teal-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.teal-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.teal-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.teal-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.teal-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.teal-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.teal-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.teal-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.teal-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.teal-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.teal-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.teal-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.teal-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.teal-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.teal-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.teal-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.teal-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.teal-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.teal-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.teal-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.teal-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.teal-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.teal-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.teal-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.teal-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.teal-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.teal-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.teal-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.teal-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.teal-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.teal-theme .product-detail .product-image-list img:first-child {
  margin-left: 0;
}
body.teal-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.teal-theme .product-detail .product-img img {
  max-width: 100%;
}
body.teal-theme .product-grid-primary,
body.teal-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.teal-theme .product-grid-primary .product-img,
body.teal-theme .product-grid-secondary .product-img {
  position: relative;
}
body.teal-theme .product-grid-primary .product-img .product-like,
body.teal-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.teal-theme .product-grid-primary .product-img .product-like:hover,
body.teal-theme .product-grid-secondary .product-img .product-like:hover {
  color: #18ba9b;
}
body.teal-theme .product-grid-primary .product-detail,
body.teal-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.teal-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.teal-theme .file-manager .toggle-file-menu {
  display: none;
}
body.teal-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.teal-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.teal-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.teal-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.teal-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.teal-theme .file-manager .file-block .file-view .folder .file .file-type {
  bottom: 0px;
  right: 5px;
}
body.teal-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.teal-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.teal-theme .file-manager .file-block .file-view .folder .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.teal-theme .file-manager .file-block .file-view .folder .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.teal-theme .file-manager .file-block .file-view .folder .file,
body.teal-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.teal-theme .file-manager .file-block .file-view .folder .file .file-type,
body.teal-theme .file-manager .file-block .file-view .doc .file .file-type {
  position: absolute;
}
body.teal-theme .file-manager .file-block .file-view .doc .file .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.teal-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.teal-theme .file-manager .file-block .file-view .doc .file .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.teal-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.teal-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.teal-theme .file-manager .file-block .file-view .doc .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.teal-theme .file-manager .file-block .file-view .doc .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.teal-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.teal-theme .file-manager .file-block.file-menu-close .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.teal-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.teal-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.teal-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.teal-theme .other-widgets-box {
  background-color: #15337e;
}
body.teal-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.teal-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.teal-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.teal-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.teal-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.teal-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.teal-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.teal-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.teal-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.teal-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.teal-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.teal-theme .social-widgets .profile .social-profile .profile-avatar {
  height: 120px;
}
body.teal-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.teal-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.teal-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.teal-theme .social-widgets .profile.profile-cover-bg {
  background: #18ba9b url(../../images/login_box_bg.png);
}
body.teal-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.teal-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.teal-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.teal-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.teal-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.teal-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.teal-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.teal-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.teal-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.teal-theme .amcharts-export-menu-top-right {
  display: none;
}
body.teal-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.teal-theme .sales-performance .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.teal-theme .social-analytics .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.teal-theme .sales-performance .amcharts-graph-g3,
body.teal-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.teal-theme .sales-performance .amcharts-value-axis.value-axis-a3,
body.teal-theme .social-analytics .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.teal-theme .sales-performance .lastBullet,
body.teal-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.teal-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.teal-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.teal-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.teal-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.teal-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.teal-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.teal-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.teal-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.teal-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.teal-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.teal-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.teal-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.teal-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.teal-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.teal-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.teal-theme .theme-border-color {
  border-color: #18ba9b;
}
body.teal-theme .primary-border-color {
  border-color: #286090;
}
body.teal-theme .danger-border-color {
  border-color: #d73925;
}
body.teal-theme .info-border-color {
  border-color: #00acd6;
}
body.teal-theme .warning-border-color {
  border-color: #e08e0b;
}
body.teal-theme .success-border-color {
  border-color: #008d4c;
}
body.teal-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.teal-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #18ba9b !important;
  border-radius: 0px;
}
body.teal-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.teal-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.teal-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.teal-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.teal-theme .material-card h2 span {
  display: block;
}
body.teal-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.teal-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.teal-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.teal-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.teal-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.teal-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.teal-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.teal-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.teal-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.teal-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.teal-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.teal-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.teal-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.teal-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.teal-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.teal-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.teal-theme .material-card.mc-active h2:before {
  top: 0;
}
body.teal-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.teal-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.teal-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.teal-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.teal-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.teal-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.teal-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.teal-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.teal-theme .material-card.theme h2 {
  background-color: #18ba9b;
}
body.teal-theme .material-card.theme h2:after {
  border-top-color: #18ba9b;
  border-right-color: #18ba9b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #128d75;
  border-bottom-color: #128d75;
  border-left-color: transparent;
}
body.teal-theme .material-card.theme .mc-btn-action {
  background-color: #18ba9b;
}
body.teal-theme .material-card.theme .mc-btn-action:hover {
  background-color: #128d75;
}
body.teal-theme .material-card.theme .mc-footer h4 {
  color: #128d75;
}
body.teal-theme .material-card.theme .mc-footer a {
  background-color: #128d75;
}
body.teal-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #18ba9b;
  border-bottom-color: #18ba9b;
  border-left-color: transparent;
}
body.teal-theme .material-card.theme.mc-active h2:after {
  border-top-color: #128d75;
  border-right-color: #128d75;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.teal-theme .material-card.theme.mc-active .mc-footer {
  background-color: #18ba9b;
}
body.teal-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.teal-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.teal-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.teal-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.teal-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.teal-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.teal-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.teal-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.teal-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.teal-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.teal-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.teal-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.teal-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.teal-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.teal-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.teal-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.teal-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.teal-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.teal-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.teal-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.teal-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.teal-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.teal-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.teal-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.teal-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.teal-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.teal-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.teal-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.teal-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.teal-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.teal-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.teal-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.teal-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.teal-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.teal-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.teal-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.teal-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.teal-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.teal-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.teal-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.teal-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.teal-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.teal-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.teal-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.teal-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.teal-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.teal-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.teal-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.teal-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.teal-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.teal-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.teal-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.teal-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.teal-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.teal-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.teal-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.teal-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.teal-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.teal-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.teal-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.teal-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.teal-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.teal-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.teal-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.teal-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.teal-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.teal-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.teal-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.teal-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.teal-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.teal-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.teal-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.teal-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.teal-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.teal-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.teal-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.teal-theme .wrapper:after {
  display: table;
  content: " ";
}
body.teal-theme .wrapper:before {
  display: table;
  content: " ";
}
body.teal-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.teal-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.teal-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.teal-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.teal-theme .fixed-width-page .card,
body.teal-theme .card-page .card,
body.teal-theme .fixed-width-page .card-body,
body.teal-theme .card-page .card-body {
  min-height: 500px;
}
body.teal-theme .fixed-width-page .card h2,
body.teal-theme .card-page .card h2,
body.teal-theme .fixed-width-page .card-body h2,
body.teal-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.teal-theme.full-width-page .main-wrapper,
body.teal-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.teal-theme.full-width-page .logo {
  background: #1e1e1e;
}
body.teal-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.teal-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.teal-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/*******************************************************
 ** blueberry-theme.less
 ** 
 ** Main LESS file for Blueberry Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.blueberry-theme {
  /*******************************************************
 ** blueberry-theme _variables.less
 ** 
 ** LESS variables for Blueberry Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /******************
 * Blueberry Theme
 ******************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.blueberry-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.blueberry-theme a {
  text-decoration: none;
}
body.blueberry-theme h1 {
  font-size: 36px;
}
body.blueberry-theme h2 {
  font-size: 30px;
}
body.blueberry-theme h3 {
  font-size: 24px;
}
body.blueberry-theme h4 {
  font-size: 18px;
}
body.blueberry-theme h5 {
  font-size: 14px;
}
body.blueberry-theme h6 {
  font-size: 12px;
}
body.blueberry-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.blueberry-theme .border-theme {
  border: 1px solid #26aae0 !important;
}
body.blueberry-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.blueberry-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.blueberry-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.blueberry-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.blueberry-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.blueberry-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.blueberry-theme .border-r-sm {
  border-radius: 3px;
}
body.blueberry-theme .border-r-md {
  border-radius: 6px;
}
body.blueberry-theme .border-r-lg {
  border-radius: 12px;
}
body.blueberry-theme .border-r-xlg {
  border-radius: 24px;
}
body.blueberry-theme .m-xs {
  margin: 5px;
}
body.blueberry-theme .mt-xs {
  margin-top: 5px;
}
body.blueberry-theme .mr-xs {
  margin-right: 5px;
}
body.blueberry-theme .mb-xs {
  margin-bottom: 5px;
}
body.blueberry-theme .ml-xs {
  margin-left: 5px;
}
body.blueberry-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.blueberry-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.blueberry-theme .m-sm {
  margin: 10px;
}
body.blueberry-theme .mt-sm {
  margin-top: 10px;
}
body.blueberry-theme .mr-sm {
  margin-right: 10px;
}
body.blueberry-theme .mb-sm {
  margin-bottom: 10px;
}
body.blueberry-theme .ml-sm {
  margin-left: 10px;
}
body.blueberry-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.blueberry-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.blueberry-theme .m-md {
  margin: 15px;
}
body.blueberry-theme .mt-md {
  margin-top: 15px;
}
body.blueberry-theme .mr-md {
  margin-right: 15px;
}
body.blueberry-theme .mb-md {
  margin-bottom: 15px;
}
body.blueberry-theme .ml-md {
  margin-left: 15px;
}
body.blueberry-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.blueberry-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.blueberry-theme .m-lg {
  margin: 20px;
}
body.blueberry-theme .mt-lg {
  margin-top: 20px;
}
body.blueberry-theme .mr-lg {
  margin-right: 20px;
}
body.blueberry-theme .mb-lg {
  margin-bottom: 20px;
}
body.blueberry-theme .ml-lg {
  margin-left: 20px;
}
body.blueberry-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.blueberry-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.blueberry-theme .m-xlg {
  margin: 25px;
}
body.blueberry-theme .mt-xlg {
  margin-top: 25px;
}
body.blueberry-theme .mr-xlg {
  margin-right: 25px;
}
body.blueberry-theme .mb-xlg {
  margin-bottom: 25px;
}
body.blueberry-theme .ml-xlg {
  margin-left: 25px;
}
body.blueberry-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.blueberry-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.blueberry-theme .p-xs {
  padding: 5px;
}
body.blueberry-theme .pt-xs {
  padding-top: 5px;
}
body.blueberry-theme .pr-xs {
  padding-right: 5px;
}
body.blueberry-theme .pb-xs {
  padding-bottom: 5px;
}
body.blueberry-theme .pl-xs {
  padding-left: 5px;
}
body.blueberry-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.blueberry-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.blueberry-theme .p-sm {
  padding: 10px;
}
body.blueberry-theme .pt-sm {
  padding-top: 10px;
}
body.blueberry-theme .pr-sm {
  padding-right: 10px;
}
body.blueberry-theme .pb-sm {
  padding-bottom: 10px;
}
body.blueberry-theme .pl-sm {
  padding-left: 10px;
}
body.blueberry-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.blueberry-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.blueberry-theme .p-md {
  padding: 15px;
}
body.blueberry-theme .pt-md {
  padding-top: 15px;
}
body.blueberry-theme .pr-md {
  padding-right: 15px;
}
body.blueberry-theme .pb-md {
  padding-bottom: 15px;
}
body.blueberry-theme .pl-md {
  padding-left: 15px;
}
body.blueberry-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.blueberry-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.blueberry-theme .p-lg {
  padding: 20px;
}
body.blueberry-theme .pt-lg {
  padding-top: 20px;
}
body.blueberry-theme .pr-lg {
  padding-right: 20px;
}
body.blueberry-theme .pb-lg {
  padding-bottom: 20px;
}
body.blueberry-theme .pl-lg {
  padding-left: 20px;
}
body.blueberry-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.blueberry-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.blueberry-theme .p-xlg {
  padding: 25px;
}
body.blueberry-theme .pt-xlg {
  padding-top: 25px;
}
body.blueberry-theme .pr-xlg {
  padding-right: 25px;
}
body.blueberry-theme .pb-xlg {
  padding-bottom: 25px;
}
body.blueberry-theme .pl-xlg {
  padding-left: 25px;
}
body.blueberry-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.blueberry-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.blueberry-theme .text-normal {
  font-weight: 400;
}
body.blueberry-theme .text-bold {
  font-weight: 700;
}
body.blueberry-theme .text-italic {
  font-style: italic;
}
body.blueberry-theme .text-strike {
  text-decoration: line-through;
}
body.blueberry-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.blueberry-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.blueberry-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.blueberry-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.blueberry-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.blueberry-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.blueberry-theme .font-16 {
  font-size: 16px;
}
body.blueberry-theme .font-14 {
  font-size: 14px;
}
body.blueberry-theme .font-12 {
  font-size: 12px;
}
body.blueberry-theme .font-10 {
  font-size: 10px;
}
body.blueberry-theme .text-lg {
  color: #f1f1f1;
}
body.blueberry-theme .text-mdg {
  color: #ccc;
}
body.blueberry-theme .text-dg {
  color: #909190;
}
body.blueberry-theme .text-mb {
  color: #2c2b2b;
}
body.blueberry-theme .text-mg {
  color: #6e6e6e;
}
body.blueberry-theme .text-theme {
  color: #26aae0;
}
body.blueberry-theme .no-bg {
  background: transparent;
}
body.blueberry-theme .bg-theme {
  background-color: #26aae0;
}
body.blueberry-theme .bg-lg {
  background-color: #f1f1f1;
}
body.blueberry-theme .bg-mdg {
  background-color: #ccc;
}
body.blueberry-theme .bg-dg {
  background-color: #909190;
}
body.blueberry-theme .bg-mb {
  background-color: #2c2b2b;
}
body.blueberry-theme .bg-mg {
  background-color: #6e6e6e;
}
body.blueberry-theme .height-30 {
  min-height: 30px;
}
body.blueberry-theme .height-40 {
  min-height: 40px;
}
body.blueberry-theme .height-50 {
  min-height: 50px;
}
body.blueberry-theme .height-100 {
  min-height: 100px;
}
body.blueberry-theme .height-150 {
  min-height: 150px;
}
body.blueberry-theme .height-200 {
  min-height: 200px;
}
body.blueberry-theme .height-320 {
  min-height: 320px;
}
body.blueberry-theme .width-30 {
  min-width: 30px;
}
body.blueberry-theme .width-40 {
  min-width: 40px;
}
body.blueberry-theme .width-50 {
  min-width: 50px;
}
body.blueberry-theme .width-100 {
  min-width: 100px;
}
body.blueberry-theme .width-150 {
  min-width: 150px;
}
body.blueberry-theme .width-200 {
  min-width: 200px;
}
body.blueberry-theme .width-320 {
  min-width: 320px;
}
body.blueberry-theme .progress.progress-xxs {
  height: 2px;
}
body.blueberry-theme .progress.progress-xs {
  height: 5px;
}
body.blueberry-theme .progress.progress-sm {
  height: 10px;
}
body.blueberry-theme .progress.progress-lg {
  height: 20px;
}
body.blueberry-theme ::-moz-selection {
  color: #fff;
  background: #26aae0;
}
body.blueberry-theme ::selection {
  color: #fff;
  background: #26aae0;
}
body.blueberry-theme .avatar {
  width: 32px;
}
body.blueberry-theme .avatar.avatar-xxs {
  width: 16px;
}
body.blueberry-theme .avatar.avatar-xs {
  width: 24px;
}
body.blueberry-theme .avatar.avatar-sm {
  width: 32px;
}
body.blueberry-theme .avatar.avatar-md {
  width: 40px;
}
body.blueberry-theme .avatar.avatar-lg {
  width: 64px;
}
body.blueberry-theme .avatar.avatar-xl {
  width: 128px;
}
body.blueberry-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.blueberry-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.blueberry-theme .btn.btn-theme {
  background-color: #26aae0;
  color: #fff;
}
body.blueberry-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #1a8bb9;
}
body.blueberry-theme .btn.btn-theme:active,
body.blueberry-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #45b6e4;
}
body.blueberry-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #26aae0;
}
body.blueberry-theme .btn.btn-outline-theme {
  color: #26aae0;
  background-color: transparent;
  border: 1px solid;
}
body.blueberry-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #26aae0 !important;
  border-color: #1a8bb9;
}
body.blueberry-theme .btn.btn-outline-theme:active,
body.blueberry-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #45b6e4;
}
body.blueberry-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.blueberry-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.blueberry-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.blueberry-theme input,
body.blueberry-theme select,
body.blueberry-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.blueberry-theme input:focus,
body.blueberry-theme select:focus,
body.blueberry-theme textarea:focus {
  border: 1px solid #26aae0;
  box-shadow: none !important;
}
body.blueberry-theme .badge-theme,
body.blueberry-theme .theme-item {
  background-color: #26aae0;
  color: #fff;
}
body.blueberry-theme .badge-theme *,
body.blueberry-theme .theme-item * {
  color: #fff;
}
body.blueberry-theme .theme-item:hover,
body.blueberry-theme .item-group:hover {
  background-color: #1a8bb9;
}
body.blueberry-theme .theme-item:hover a,
body.blueberry-theme .item-group:hover a {
  background-color: #1a8bb9;
}
body.blueberry-theme .theme-item:hover *,
body.blueberry-theme .item-group:hover * {
  color: #fff;
}
body.blueberry-theme .label.label-theme {
  background-color: #26aae0;
  color: #fff;
}
body.blueberry-theme table tr td,
body.blueberry-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.blueberry-theme .table-responsive table tr td,
  body.blueberry-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.blueberry-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.blueberry-theme .footer.fixed {
  position: fixed;
}
body.blueberry-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.blueberry-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.blueberry-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.blueberry-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.blueberry-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.blueberry-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.blueberry-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.blueberry-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.blueberry-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.blueberry-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.blueberry-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.blueberry-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.blueberry-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.blueberry-theme .ribbon.ribbon-theme span {
  background: #26aae0;
}
body.blueberry-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #26aae0;
  border-top: 3px solid #26aae0;
}
body.blueberry-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #26aae0;
  border-top: 3px solid #26aae0;
}
body.blueberry-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.blueberry-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.blueberry-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.blueberry-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.blueberry-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.blueberry-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.blueberry-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.blueberry-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.blueberry-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.blueberry-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.blueberry-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.blueberry-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.blueberry-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.blueberry-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.blueberry-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.blueberry-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.blueberry-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.blueberry-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.blueberry-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.blueberry-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.blueberry-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.blueberry-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.blueberry-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.blueberry-theme .todo-lists ul {
  padding: 0 10px;
}
body.blueberry-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.blueberry-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.blueberry-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.blueberry-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.blueberry-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.blueberry-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.blueberry-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.blueberry-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.blueberry-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.blueberry-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.blueberry-theme .media-block .media {
    display: block !important;
  }
  body.blueberry-theme .media-block .media img {
    width: 100% !important;
  }
}
body.blueberry-theme .select2-selection--multiple,
body.blueberry-theme .select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}
body.blueberry-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #26aae0;
}
body.blueberry-theme .select2-selection__choice,
body.blueberry-theme .select2-selection__choice__remove {
  background-color: #26aae0 !important;
  border: 1px solid #26aae0 !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.blueberry-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #26aae0;
  color: #fff;
}
body.blueberry-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.blueberry-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.blueberry-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.blueberry-theme .ui-sortable .sortable-dragging,
body.blueberry-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.blueberry-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.blueberry-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.blueberry-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.blueberry-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.blueberry-theme .context-menu-list.context-menu-root .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.blueberry-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.blueberry-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.blueberry-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.blueberry-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.blueberry-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.blueberry-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.blueberry-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.blueberry-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #26aae0;
  color: #fff;
}
body.blueberry-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.blueberry-theme .introjs-tooltipReferenceLayer .introjs-helperNumberLayer {
  left: 10px;
}
body.blueberry-theme .config .barcode2D {
  display: none;
}
body.blueberry-theme .miscCanvas {
  display: none;
}
body.blueberry-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.blueberry-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.blueberry-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.blueberry-theme .mega {
    font-size: 4rem;
  }
}
body.blueberry-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.blueberry-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.blueberry-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.blueberry-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.blueberry-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.blueberry-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.blueberry-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.blueberry-theme .fileinput-preview {
  max-height: 150px;
}
body.blueberry-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.blueberry-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.blueberry-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.blueberry-theme .sidebar.sidebar-v1 .sidebar-search input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.blueberry-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.blueberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.blueberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.blueberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.blueberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.blueberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.blueberry-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.blueberry-theme
  .sidebar.sidebar-v1
  .sidebar-statistics
  .statistics-font-color {
  color: #909190;
}
body.blueberry-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.blueberry-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.blueberry-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.blueberry-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.blueberry-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.blueberry-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.blueberry-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.blueberry-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #26aae0;
}
body.blueberry-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.blueberry-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.blueberry-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.blueberry-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.blueberry-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.blueberry-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.blueberry-theme .sidebar.sidebar-v1 .sidebar-menu li a .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.blueberry-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #26aae0;
  padding: 10px 13px 10px 15px;
}
body.blueberry-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #26aae0;
}
body.blueberry-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a.active
  .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.blueberry-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.blueberry-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #26aae0;
}
body.blueberry-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a {
  padding-left: 30px;
}
body.blueberry-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a
  i {
  margin-right: 10px;
  font-size: 15px;
}
body.blueberry-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu.open {
  max-height: 100%;
}
body.blueberry-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.blueberry-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #26aae0;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.blueberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.blueberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  > a
  > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.blueberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.blueberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > .treeview-menu {
  display: block;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #26aae0;
  padding-right: 0;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li {
  margin: 0;
  padding: 5px;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.blueberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.blueberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i {
  width: 25px;
}
body.blueberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.blueberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li:hover {
  padding-right: 3px;
}
body.blueberry-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.blueberry-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.blueberry-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.blueberry-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.blueberry-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.blueberry-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.blueberry-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.blueberry-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.blueberry-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.blueberry-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.blueberry-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.blueberry-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.blueberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.blueberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.blueberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.blueberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.blueberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > span {
  display: table-cell;
  vertical-align: middle;
}
body.blueberry-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.blueberry-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.blueberry-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.blueberry-theme .main-wrapper {
    margin-left: 230px;
  }
  body.blueberry-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.blueberry-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.blueberry-theme .wrapper.sidebar-mini.sidebar-collapse .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.blueberry-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.blueberry-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li {
    position: relative;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #26aae0;
  }
  body.blueberry-theme .wrapper.sidebar-mini.sidebar-collapse .profile-nav {
    display: none;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.blueberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.blueberry-theme .menu-toggle {
    display: block !important;
  }
  body.blueberry-theme .sidebar-v1 {
    left: -230px;
  }
  body.blueberry-theme .footer {
    margin-left: 0;
  }
  body.blueberry-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.blueberry-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.blueberry-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.blueberry-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.blueberry-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.blueberry-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.blueberry-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.blueberry-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #1e1e1e;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #2c2b2b;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.blueberry-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #2c2b2b;
}
body.blueberry-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #fff;
  border: none;
  margin: 0px;
}
body.blueberry-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #1a8bb9;
}
body.blueberry-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #1a8bb9;
}
body.blueberry-theme .right-sidebar .nav-tabs li a.active {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #1a8bb9;
}
body.blueberry-theme
  .right-sidebar
  .tab-content
  .input-group
  .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.blueberry-theme .right-sidebar .tab-content input {
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.blueberry-theme .right-sidebar .tab-content textarea {
  color: #ccc;
}
body.blueberry-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.blueberry-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.blueberry-theme .right-sidebar .tab-content #chat .small-badges.active {
  background-color: #00a65a;
}
body.blueberry-theme .right-sidebar .tab-content #chat .small-badges.offline {
  background-color: #dd4b39;
}
body.blueberry-theme .right-sidebar .tab-content #chat .small-badges.idle {
  background-color: #f39c12;
}
body.blueberry-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #ccc;
}
body.blueberry-theme .right-sidebar .tab-content #chat .content-body a:hover {
  background-color: #595959;
  border-radius: 50%;
  color: #fff;
}
body.blueberry-theme .right-sidebar .tab-content #chat h5 {
  color: #ccc;
}
body.blueberry-theme .right-sidebar .tab-content #chat p {
  color: #aaaaaa;
}
body.blueberry-theme .right-sidebar .tab-content #tasks {
  color: #ccc;
}
body.blueberry-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #2c2b2b;
}
body.blueberry-theme .right-sidebar .tab-content #tasks p,
body.blueberry-theme .right-sidebar .tab-content #tasks h6 {
  color: #aaaaaa;
}
body.blueberry-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.blueberry-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.blueberry-theme .right-sidebar .tab-content #tasks ul li a {
  color: #ccc;
}
body.blueberry-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #1e1e1e;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.blueberry-theme .right-sidebar .chat-sidebar-chat .content-chat-body h5 {
  background: #595959;
}
body.blueberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.blueberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.blueberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #595959;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.blueberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #595959;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.blueberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #26aae0;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.blueberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #26aae0 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.blueberry-theme .right-sidebar .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.blueberry-theme .right-sidebar .right-sidebar-setting label {
  color: #ccc;
}
body.blueberry-theme .right-sidebar .right-sidebar-setting h4 {
  color: #ccc;
  border-top: 1px solid #2c2b2b;
}
body.blueberry-theme .right-sidebar .right-sidebar-setting small,
body.blueberry-theme .right-sidebar .right-sidebar-setting p {
  color: #aaaaaa;
}
body.blueberry-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.blueberry-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.blueberry-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.blueberry-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.blueberry-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.blueberry-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.blueberry-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.blueberry-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.blueberry-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.blueberry-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.blueberry-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.blueberry-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.blueberry-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.blueberry-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.blueberry-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.blueberry-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.blueberry-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.blueberry-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.blueberry-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.blueberry-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #26aae0;
}
body.blueberry-theme .header .navbar {
  border: none !important;
}
body.blueberry-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #1e1e1e;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.blueberry-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.blueberry-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.blueberry-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.blueberry-theme .header .navbar-lg .setting-block .top-block .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.blueberry-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.blueberry-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.blueberry-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.blueberry-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.blueberry-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.blueberry-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.blueberry-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #ccc;
}
body.blueberry-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #ccc;
}
body.blueberry-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.blueberry-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.blueberry-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.blueberry-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.blueberry-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.blueberry-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.blueberry-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.blueberry-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.blueberry-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.blueberry-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.blueberry-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.blueberry-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.blueberry-theme .settings-menu {
  background: #1e1e1e;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #ccc;
  border: 1px solid #2c2b2b;
  overflow-y: auto;
}
body.blueberry-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #2c2b2b;
}
body.blueberry-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.blueberry-theme .settings-menu .setting-box {
  color: #ccc;
  background-color: #2c2b2b;
}
body.blueberry-theme .settings-menu-fixed {
  position: fixed !important;
}
body.blueberry-theme .nav-profile .nav-link span.active {
  color: #26aae0;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.blueberry-theme .nav-profile .dropdown-menu {
  background: #1e1e1e none repeat scroll 0 0;
  color: #fff;
  border-top: 1px solid #2c2b2b;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.blueberry-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.blueberry-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.blueberry-theme .nav-profile .dropdown-menu span.active {
  color: #26aae0;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.blueberry-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #2c2b2b;
}
body.blueberry-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #fff;
}
body.blueberry-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #595959 none repeat scroll 0 0;
  border-left: 2px solid #1a8bb9;
  color: #ccc;
}
body.blueberry-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.blueberry-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #1e1e1e;
  }
  body.blueberry-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.blueberry-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.blueberry-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.blueberry-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.blueberry-theme .nav-profile .dropdown-menu span.active {
    color: #26aae0;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.blueberry-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.blueberry-theme .header .logo {
    width: 190px;
  }
  body.blueberry-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.blueberry-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.blueberry-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.blueberry-theme .nav-profile .dropdown-menu span.active {
    color: #26aae0;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.blueberry-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.blueberry-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.blueberry-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.blueberry-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.blueberry-theme .image-grid > li.main-image {
  width: 50%;
}
body.blueberry-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.blueberry-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.blueberry-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #26aae0;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.blueberry-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.blueberry-theme .scrollToTop:hover {
  background-color: #1a8bb9;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.blueberry-theme .breadcrumb-page-title,
  body.blueberry-theme .theme-setting-icon,
  body.blueberry-theme .theme-setting-menu,
  body.blueberry-theme .scrollToTop,
  body.blueberry-theme .right-sidebar,
  body.blueberry-theme .settings-menu,
  body.blueberry-theme .sidebar,
  body.blueberry-theme .header,
  body.blueberry-theme .footer,
  body.blueberry-theme .btn {
    display: none !important;
  }
  body.blueberry-theme .main-wrapper {
    margin-left: 0;
  }
}
body.blueberry-theme .pace {
  display: none;
}
body.blueberry-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.blueberry-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.blueberry-theme .page-loader-container .page-loader .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.blueberry-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.blueberry-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.blueberry-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.blueberry-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.blueberry-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.blueberry-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.blueberry-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #26aae0;
}
body.blueberry-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #26aae0;
}
body.blueberry-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #26aae0;
}
body.blueberry-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #26aae0;
}
body.blueberry-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.blueberry-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.blueberry-theme
  .profile
  .activity
  .activity-header
  .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.blueberry-theme
  .profile
  .activity
  .activity-header
  .activity-header-image
  img {
  max-width: 100%;
}
body.blueberry-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.blueberry-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.blueberry-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.blueberry-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.blueberry-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.blueberry-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.blueberry-theme .mail ul li a {
  color: #909190;
}
body.blueberry-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.blueberry-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.blueberry-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.blueberry-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.blueberry-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.blueberry-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.blueberry-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.blueberry-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.blueberry-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.blueberry-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.blueberry-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.blueberry-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.blueberry-theme .readmail .filebox .file img {
  height: 148px;
}
body.blueberry-theme .readmail .filebox .filename {
  height: 70px;
}
body.blueberry-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.blueberry-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.blueberry-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.blueberry-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.blueberry-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.blueberry-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.blueberry-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group {
  margin-bottom: 0;
}
body.blueberry-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.blueberry-theme .mail .compose-mail .compose-message .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.blueberry-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.blueberry-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.blueberry-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.blueberry-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.blueberry-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.blueberry-theme .mail .compose-mail .mail-footer .right-block .send {
  width: 90px;
  height: 35px;
}
body.blueberry-theme .mail .compose-mail .mail-footer .right-block .send:focus,
body.blueberry-theme .mail .compose-mail .mail-footer .right-block .tool {
  color: #fff;
}
body.blueberry-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.blueberry-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.blueberry-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.blueberry-theme .mail .note-editor.note-frame.card .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.blueberry-theme .mail .note-resizebar {
  display: none;
}
body.blueberry-theme .selectize-control.selectize-email.multi .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.blueberry-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.blueberry-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.blueberry-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.blueberry-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.blueberry-theme
  .selectize-control.plugin-remove_button
  [data-value]
  .remove {
  border-left-color: #fff;
  color: #fff;
}
body.blueberry-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.blueberry-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.blueberry-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.blueberry-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.blueberry-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.blueberry-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.blueberry-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.blueberry-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.blueberry-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.blueberry-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.blueberry-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.blueberry-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.blueberry-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.blueberry-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.blueberry-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.blueberry-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.blueberry-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.blueberry-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.blueberry-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.blueberry-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.blueberry-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.blueberry-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.blueberry-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.blueberry-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.blueberry-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.blueberry-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.blueberry-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.blueberry-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.blueberry-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.blueberry-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.blueberry-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.blueberry-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.blueberry-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.blueberry-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.blueberry-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.blueberry-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.blueberry-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.blueberry-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.blueberry-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.blueberry-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.blueberry-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.blueberry-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.blueberry-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.blueberry-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.blueberry-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.blueberry-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.blueberry-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.blueberry-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.blueberry-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.blueberry-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.blueberry-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.blueberry-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.blueberry-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.blueberry-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.blueberry-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.blueberry-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.blueberry-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.blueberry-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.blueberry-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.blueberry-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.blueberry-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.blueberry-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.blueberry-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.blueberry-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.blueberry-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.blueberry-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.blueberry-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.blueberry-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.blueberry-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.blueberry-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.blueberry-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.blueberry-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.blueberry-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.blueberry-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.blueberry-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.blueberry-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.blueberry-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.blueberry-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.blueberry-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.blueberry-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.blueberry-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.blueberry-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.blueberry-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.blueberry-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.blueberry-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.blueberry-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.blueberry-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.blueberry-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.blueberry-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.blueberry-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.blueberry-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.blueberry-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.blueberry-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.blueberry-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.blueberry-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.blueberry-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.blueberry-theme .contact-primary,
body.blueberry-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.blueberry-theme .contact-primary .img-block .social,
body.blueberry-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.blueberry-theme .contact-primary .img-block .social i,
body.blueberry-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.blueberry-theme .contact-primary .contact-info,
body.blueberry-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.blueberry-theme .contact-primary .contact-info .info-block,
body.blueberry-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.blueberry-theme .contact-primary .contact-info .detail,
body.blueberry-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.blueberry-theme .contact-primary .contact-info .detail.name,
body.blueberry-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.blueberry-theme .contact-primary:hover,
body.blueberry-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.blueberry-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.blueberry-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.blueberry-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.blueberry-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.blueberry-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.blueberry-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.blueberry-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.blueberry-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.blueberry-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.blueberry-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.blueberry-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.blueberry-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.blueberry-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.blueberry-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.blueberry-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.blueberry-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.blueberry-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.blueberry-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.blueberry-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.blueberry-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.blueberry-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.blueberry-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.blueberry-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.blueberry-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.blueberry-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.blueberry-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.blueberry-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.blueberry-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.blueberry-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.blueberry-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.blueberry-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.blueberry-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.blueberry-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.blueberry-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.blueberry-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.blueberry-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.blueberry-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.blueberry-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.blueberry-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.blueberry-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.blueberry-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.blueberry-theme .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.blueberry-theme .cssanimations .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.blueberry-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.blueberry-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.blueberry-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.blueberry-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.blueberry-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.blueberry-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.blueberry-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.blueberry-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.blueberry-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.blueberry-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.blueberry-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.blueberry-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #26aae0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.blueberry-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.blueberry-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.blueberry-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.blueberry-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.blueberry-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #26aae0;
  border-color: #26aae0;
}
body.blueberry-theme .cd-horizontal-timeline .events a.older-event::after {
  border-color: #26aae0;
}
body.blueberry-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.blueberry-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.blueberry-theme .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.blueberry-theme .cd-horizontal-timeline .events-content li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.blueberry-theme .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.blueberry-theme .cd-horizontal-timeline .events-content li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.blueberry-theme .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.blueberry-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.blueberry-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.blueberry-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.blueberry-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.blueberry-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.blueberry-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.blueberry-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.blueberry-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.blueberry-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.blueberry-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.blueberry-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.blueberry-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.blueberry-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.blueberry-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.blueberry-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.blueberry-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.blueberry-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.blueberry-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.blueberry-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.blueberry-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.blueberry-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.blueberry-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.blueberry-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.blueberry-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.blueberry-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.blueberry-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.blueberry-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.blueberry-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.blueberry-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.blueberry-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.blueberry-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.blueberry-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.blueberry-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.blueberry-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.blueberry-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.blueberry-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.blueberry-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.blueberry-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.blueberry-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.blueberry-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.blueberry-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.blueberry-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.blueberry-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.blueberry-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.blueberry-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.blueberry-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.blueberry-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.blueberry-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.blueberry-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.blueberry-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.blueberry-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.blueberry-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.blueberry-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.blueberry-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.blueberry-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.blueberry-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.blueberry-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.blueberry-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.blueberry-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.blueberry-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.blueberry-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.blueberry-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.blueberry-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.blueberry-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.blueberry-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.blueberry-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.blueberry-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.blueberry-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.blueberry-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.blueberry-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.blueberry-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.blueberry-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.blueberry-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.blueberry-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.blueberry-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.blueberry-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.blueberry-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.blueberry-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.blueberry-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.blueberry-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.blueberry-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.blueberry-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.blueberry-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.blueberry-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.blueberry-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.blueberry-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.blueberry-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.blueberry-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.blueberry-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.blueberry-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.blueberry-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.blueberry-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.blueberry-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.blueberry-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.blueberry-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.blueberry-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.blueberry-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.blueberry-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.blueberry-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.blueberry-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.blueberry-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.blueberry-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.blueberry-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.blueberry-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.blueberry-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.blueberry-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.blueberry-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.blueberry-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.blueberry-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.blueberry-theme .product-detail .product-image-list img:first-child {
  margin-left: 0;
}
body.blueberry-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.blueberry-theme .product-detail .product-img img {
  max-width: 100%;
}
body.blueberry-theme .product-grid-primary,
body.blueberry-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.blueberry-theme .product-grid-primary .product-img,
body.blueberry-theme .product-grid-secondary .product-img {
  position: relative;
}
body.blueberry-theme .product-grid-primary .product-img .product-like,
body.blueberry-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.blueberry-theme .product-grid-primary .product-img .product-like:hover,
body.blueberry-theme .product-grid-secondary .product-img .product-like:hover {
  color: #26aae0;
}
body.blueberry-theme .product-grid-primary .product-detail,
body.blueberry-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.blueberry-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.blueberry-theme .file-manager .toggle-file-menu {
  display: none;
}
body.blueberry-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.blueberry-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.blueberry-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.blueberry-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.blueberry-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.blueberry-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type {
  bottom: 0px;
  right: 5px;
}
body.blueberry-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.blueberry-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.blueberry-theme .file-manager .file-block .file-view .folder .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.blueberry-theme .file-manager .file-block .file-view .folder .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.blueberry-theme .file-manager .file-block .file-view .folder .file,
body.blueberry-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.blueberry-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type,
body.blueberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-type {
  position: absolute;
}
body.blueberry-theme .file-manager .file-block .file-view .doc .file .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.blueberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.blueberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.blueberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.blueberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.blueberry-theme .file-manager .file-block .file-view .doc .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.blueberry-theme .file-manager .file-block .file-view .doc .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.blueberry-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.blueberry-theme .file-manager .file-block.file-menu-close .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.blueberry-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.blueberry-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.blueberry-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.blueberry-theme .other-widgets-box {
  background-color: #15337e;
}
body.blueberry-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.blueberry-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.blueberry-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.blueberry-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.blueberry-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.blueberry-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.blueberry-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.blueberry-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.blueberry-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.blueberry-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.blueberry-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.blueberry-theme .social-widgets .profile .social-profile .profile-avatar {
  height: 120px;
}
body.blueberry-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.blueberry-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.blueberry-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.blueberry-theme .social-widgets .profile.profile-cover-bg {
  background: #26aae0 url(../../images/login_box_bg.png);
}
body.blueberry-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.blueberry-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.blueberry-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.blueberry-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.blueberry-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.blueberry-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.blueberry-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.blueberry-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.blueberry-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.blueberry-theme .amcharts-export-menu-top-right {
  display: none;
}
body.blueberry-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.blueberry-theme .sales-performance .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.blueberry-theme .social-analytics .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.blueberry-theme .sales-performance .amcharts-graph-g3,
body.blueberry-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.blueberry-theme .sales-performance .amcharts-value-axis.value-axis-a3,
body.blueberry-theme .social-analytics .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.blueberry-theme .sales-performance .lastBullet,
body.blueberry-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.blueberry-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.blueberry-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.blueberry-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.blueberry-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.blueberry-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.blueberry-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.blueberry-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.blueberry-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.blueberry-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.blueberry-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.blueberry-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.blueberry-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.blueberry-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.blueberry-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.blueberry-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.blueberry-theme .theme-border-color {
  border-color: #26aae0;
}
body.blueberry-theme .primary-border-color {
  border-color: #286090;
}
body.blueberry-theme .danger-border-color {
  border-color: #d73925;
}
body.blueberry-theme .info-border-color {
  border-color: #00acd6;
}
body.blueberry-theme .warning-border-color {
  border-color: #e08e0b;
}
body.blueberry-theme .success-border-color {
  border-color: #008d4c;
}
body.blueberry-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.blueberry-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #26aae0 !important;
  border-radius: 0px;
}
body.blueberry-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.blueberry-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.blueberry-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.blueberry-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.blueberry-theme .material-card h2 span {
  display: block;
}
body.blueberry-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.blueberry-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.blueberry-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.blueberry-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.blueberry-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.blueberry-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.blueberry-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.blueberry-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.blueberry-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.blueberry-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.blueberry-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.blueberry-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.blueberry-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.blueberry-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.blueberry-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.blueberry-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.blueberry-theme .material-card.mc-active h2:before {
  top: 0;
}
body.blueberry-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.blueberry-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.blueberry-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.blueberry-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.blueberry-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.blueberry-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.blueberry-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.blueberry-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.blueberry-theme .material-card.theme h2 {
  background-color: #26aae0;
}
body.blueberry-theme .material-card.theme h2:after {
  border-top-color: #26aae0;
  border-right-color: #26aae0;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #1a8bb9;
  border-bottom-color: #1a8bb9;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.theme .mc-btn-action {
  background-color: #26aae0;
}
body.blueberry-theme .material-card.theme .mc-btn-action:hover {
  background-color: #1a8bb9;
}
body.blueberry-theme .material-card.theme .mc-footer h4 {
  color: #1a8bb9;
}
body.blueberry-theme .material-card.theme .mc-footer a {
  background-color: #1a8bb9;
}
body.blueberry-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #26aae0;
  border-bottom-color: #26aae0;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.theme.mc-active h2:after {
  border-top-color: #1a8bb9;
  border-right-color: #1a8bb9;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.blueberry-theme .material-card.theme.mc-active .mc-footer {
  background-color: #26aae0;
}
body.blueberry-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.blueberry-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.blueberry-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.blueberry-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.blueberry-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.blueberry-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.blueberry-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.blueberry-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.blueberry-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.blueberry-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.blueberry-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.blueberry-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.blueberry-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.blueberry-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.blueberry-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.blueberry-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.blueberry-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.blueberry-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.blueberry-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.blueberry-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.blueberry-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.blueberry-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.blueberry-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.blueberry-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.blueberry-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.blueberry-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.blueberry-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.blueberry-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.blueberry-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.blueberry-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.blueberry-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.blueberry-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.blueberry-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.blueberry-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.blueberry-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.blueberry-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.blueberry-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.blueberry-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.blueberry-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.blueberry-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.blueberry-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.blueberry-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.blueberry-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.blueberry-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.blueberry-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.blueberry-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.blueberry-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.blueberry-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.blueberry-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.blueberry-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.blueberry-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.blueberry-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.blueberry-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.blueberry-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.blueberry-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.blueberry-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.blueberry-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.blueberry-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.blueberry-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.blueberry-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.blueberry-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.blueberry-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.blueberry-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.blueberry-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.blueberry-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.blueberry-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.blueberry-theme .wrapper:after {
  display: table;
  content: " ";
}
body.blueberry-theme .wrapper:before {
  display: table;
  content: " ";
}
body.blueberry-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.blueberry-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.blueberry-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.blueberry-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.blueberry-theme .fixed-width-page .card,
body.blueberry-theme .card-page .card,
body.blueberry-theme .fixed-width-page .card-body,
body.blueberry-theme .card-page .card-body {
  min-height: 500px;
}
body.blueberry-theme .fixed-width-page .card h2,
body.blueberry-theme .card-page .card h2,
body.blueberry-theme .fixed-width-page .card-body h2,
body.blueberry-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.blueberry-theme.full-width-page .main-wrapper,
body.blueberry-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.blueberry-theme.full-width-page .logo {
  background: #1e1e1e;
}
body.blueberry-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.blueberry-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.blueberry-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/*******************************************************
 ** elderberry-theme.less
 ** 
 ** Main LESS file for Elderberry Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.elderberry-theme {
  /*******************************************************
 ** elderberry-theme _variables.less
 ** 
 ** LESS variables for Elderberry Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /*******************
 * Elderberry Theme
 *******************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.elderberry-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.elderberry-theme a {
  text-decoration: none;
}
body.elderberry-theme h1 {
  font-size: 36px;
}
body.elderberry-theme h2 {
  font-size: 30px;
}
body.elderberry-theme h3 {
  font-size: 24px;
}
body.elderberry-theme h4 {
  font-size: 18px;
}
body.elderberry-theme h5 {
  font-size: 14px;
}
body.elderberry-theme h6 {
  font-size: 12px;
}
body.elderberry-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.elderberry-theme .border-theme {
  border: 1px solid #7847b5 !important;
}
body.elderberry-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.elderberry-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.elderberry-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.elderberry-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.elderberry-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.elderberry-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.elderberry-theme .border-r-sm {
  border-radius: 3px;
}
body.elderberry-theme .border-r-md {
  border-radius: 6px;
}
body.elderberry-theme .border-r-lg {
  border-radius: 12px;
}
body.elderberry-theme .border-r-xlg {
  border-radius: 24px;
}
body.elderberry-theme .m-xs {
  margin: 5px;
}
body.elderberry-theme .mt-xs {
  margin-top: 5px;
}
body.elderberry-theme .mr-xs {
  margin-right: 5px;
}
body.elderberry-theme .mb-xs {
  margin-bottom: 5px;
}
body.elderberry-theme .ml-xs {
  margin-left: 5px;
}
body.elderberry-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.elderberry-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.elderberry-theme .m-sm {
  margin: 10px;
}
body.elderberry-theme .mt-sm {
  margin-top: 10px;
}
body.elderberry-theme .mr-sm {
  margin-right: 10px;
}
body.elderberry-theme .mb-sm {
  margin-bottom: 10px;
}
body.elderberry-theme .ml-sm {
  margin-left: 10px;
}
body.elderberry-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.elderberry-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.elderberry-theme .m-md {
  margin: 15px;
}
body.elderberry-theme .mt-md {
  margin-top: 15px;
}
body.elderberry-theme .mr-md {
  margin-right: 15px;
}
body.elderberry-theme .mb-md {
  margin-bottom: 15px;
}
body.elderberry-theme .ml-md {
  margin-left: 15px;
}
body.elderberry-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.elderberry-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.elderberry-theme .m-lg {
  margin: 20px;
}
body.elderberry-theme .mt-lg {
  margin-top: 20px;
}
body.elderberry-theme .mr-lg {
  margin-right: 20px;
}
body.elderberry-theme .mb-lg {
  margin-bottom: 20px;
}
body.elderberry-theme .ml-lg {
  margin-left: 20px;
}
body.elderberry-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.elderberry-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.elderberry-theme .m-xlg {
  margin: 25px;
}
body.elderberry-theme .mt-xlg {
  margin-top: 25px;
}
body.elderberry-theme .mr-xlg {
  margin-right: 25px;
}
body.elderberry-theme .mb-xlg {
  margin-bottom: 25px;
}
body.elderberry-theme .ml-xlg {
  margin-left: 25px;
}
body.elderberry-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.elderberry-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.elderberry-theme .p-xs {
  padding: 5px;
}
body.elderberry-theme .pt-xs {
  padding-top: 5px;
}
body.elderberry-theme .pr-xs {
  padding-right: 5px;
}
body.elderberry-theme .pb-xs {
  padding-bottom: 5px;
}
body.elderberry-theme .pl-xs {
  padding-left: 5px;
}
body.elderberry-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.elderberry-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.elderberry-theme .p-sm {
  padding: 10px;
}
body.elderberry-theme .pt-sm {
  padding-top: 10px;
}
body.elderberry-theme .pr-sm {
  padding-right: 10px;
}
body.elderberry-theme .pb-sm {
  padding-bottom: 10px;
}
body.elderberry-theme .pl-sm {
  padding-left: 10px;
}
body.elderberry-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.elderberry-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.elderberry-theme .p-md {
  padding: 15px;
}
body.elderberry-theme .pt-md {
  padding-top: 15px;
}
body.elderberry-theme .pr-md {
  padding-right: 15px;
}
body.elderberry-theme .pb-md {
  padding-bottom: 15px;
}
body.elderberry-theme .pl-md {
  padding-left: 15px;
}
body.elderberry-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.elderberry-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.elderberry-theme .p-lg {
  padding: 20px;
}
body.elderberry-theme .pt-lg {
  padding-top: 20px;
}
body.elderberry-theme .pr-lg {
  padding-right: 20px;
}
body.elderberry-theme .pb-lg {
  padding-bottom: 20px;
}
body.elderberry-theme .pl-lg {
  padding-left: 20px;
}
body.elderberry-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.elderberry-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.elderberry-theme .p-xlg {
  padding: 25px;
}
body.elderberry-theme .pt-xlg {
  padding-top: 25px;
}
body.elderberry-theme .pr-xlg {
  padding-right: 25px;
}
body.elderberry-theme .pb-xlg {
  padding-bottom: 25px;
}
body.elderberry-theme .pl-xlg {
  padding-left: 25px;
}
body.elderberry-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.elderberry-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.elderberry-theme .text-normal {
  font-weight: 400;
}
body.elderberry-theme .text-bold {
  font-weight: 700;
}
body.elderberry-theme .text-italic {
  font-style: italic;
}
body.elderberry-theme .text-strike {
  text-decoration: line-through;
}
body.elderberry-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.elderberry-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.elderberry-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.elderberry-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.elderberry-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.elderberry-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.elderberry-theme .font-16 {
  font-size: 16px;
}
body.elderberry-theme .font-14 {
  font-size: 14px;
}
body.elderberry-theme .font-12 {
  font-size: 12px;
}
body.elderberry-theme .font-10 {
  font-size: 10px;
}
body.elderberry-theme .text-lg {
  color: #f1f1f1;
}
body.elderberry-theme .text-mdg {
  color: #ccc;
}
body.elderberry-theme .text-dg {
  color: #909190;
}
body.elderberry-theme .text-mb {
  color: #2c2b2b;
}
body.elderberry-theme .text-mg {
  color: #6e6e6e;
}
body.elderberry-theme .text-theme {
  color: #7847b5;
}
body.elderberry-theme .no-bg {
  background: transparent;
}
body.elderberry-theme .bg-theme {
  background-color: #7847b5;
}
body.elderberry-theme .bg-lg {
  background-color: #f1f1f1;
}
body.elderberry-theme .bg-mdg {
  background-color: #ccc;
}
body.elderberry-theme .bg-dg {
  background-color: #909190;
}
body.elderberry-theme .bg-mb {
  background-color: #2c2b2b;
}
body.elderberry-theme .bg-mg {
  background-color: #6e6e6e;
}
body.elderberry-theme .height-30 {
  min-height: 30px;
}
body.elderberry-theme .height-40 {
  min-height: 40px;
}
body.elderberry-theme .height-50 {
  min-height: 50px;
}
body.elderberry-theme .height-100 {
  min-height: 100px;
}
body.elderberry-theme .height-150 {
  min-height: 150px;
}
body.elderberry-theme .height-200 {
  min-height: 200px;
}
body.elderberry-theme .height-320 {
  min-height: 320px;
}
body.elderberry-theme .width-30 {
  min-width: 30px;
}
body.elderberry-theme .width-40 {
  min-width: 40px;
}
body.elderberry-theme .width-50 {
  min-width: 50px;
}
body.elderberry-theme .width-100 {
  min-width: 100px;
}
body.elderberry-theme .width-150 {
  min-width: 150px;
}
body.elderberry-theme .width-200 {
  min-width: 200px;
}
body.elderberry-theme .width-320 {
  min-width: 320px;
}
body.elderberry-theme .progress.progress-xxs {
  height: 2px;
}
body.elderberry-theme .progress.progress-xs {
  height: 5px;
}
body.elderberry-theme .progress.progress-sm {
  height: 10px;
}
body.elderberry-theme .progress.progress-lg {
  height: 20px;
}
body.elderberry-theme ::-moz-selection {
  color: #fff;
  background: #7847b5;
}
body.elderberry-theme ::selection {
  color: #fff;
  background: #7847b5;
}
body.elderberry-theme .avatar {
  width: 32px;
}
body.elderberry-theme .avatar.avatar-xxs {
  width: 16px;
}
body.elderberry-theme .avatar.avatar-xs {
  width: 24px;
}
body.elderberry-theme .avatar.avatar-sm {
  width: 32px;
}
body.elderberry-theme .avatar.avatar-md {
  width: 40px;
}
body.elderberry-theme .avatar.avatar-lg {
  width: 64px;
}
body.elderberry-theme .avatar.avatar-xl {
  width: 128px;
}
body.elderberry-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.elderberry-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.elderberry-theme .btn.btn-theme {
  background-color: #7847b5;
  color: #fff;
}
body.elderberry-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #603990;
}
body.elderberry-theme .btn.btn-theme:active,
body.elderberry-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #8b5fc0;
}
body.elderberry-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #7847b5;
}
body.elderberry-theme .btn.btn-outline-theme {
  color: #7847b5;
  background-color: transparent;
  border: 1px solid;
}
body.elderberry-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #7847b5 !important;
  border-color: #603990;
}
body.elderberry-theme .btn.btn-outline-theme:active,
body.elderberry-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #8b5fc0;
}
body.elderberry-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.elderberry-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.elderberry-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.elderberry-theme input,
body.elderberry-theme select,
body.elderberry-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.elderberry-theme input:focus,
body.elderberry-theme select:focus,
body.elderberry-theme textarea:focus {
  border: 1px solid #7847b5;
  box-shadow: none !important;
}
body.elderberry-theme .badge-theme,
body.elderberry-theme .theme-item {
  background-color: #7847b5;
  color: #fff;
}
body.elderberry-theme .badge-theme *,
body.elderberry-theme .theme-item * {
  color: #fff;
}
body.elderberry-theme .theme-item:hover,
body.elderberry-theme .item-group:hover {
  background-color: #603990;
}
body.elderberry-theme .theme-item:hover a,
body.elderberry-theme .item-group:hover a {
  background-color: #603990;
}
body.elderberry-theme .theme-item:hover *,
body.elderberry-theme .item-group:hover * {
  color: #fff;
}
body.elderberry-theme .label.label-theme {
  background-color: #7847b5;
  color: #fff;
}
body.elderberry-theme table tr td,
body.elderberry-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.elderberry-theme .table-responsive table tr td,
  body.elderberry-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.elderberry-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.elderberry-theme .footer.fixed {
  position: fixed;
}
body.elderberry-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.elderberry-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.elderberry-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.elderberry-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.elderberry-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.elderberry-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.elderberry-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.elderberry-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.elderberry-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.elderberry-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.elderberry-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.elderberry-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.elderberry-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.elderberry-theme .ribbon.ribbon-theme span {
  background: #7847b5;
}
body.elderberry-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #7847b5;
  border-top: 3px solid #7847b5;
}
body.elderberry-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #7847b5;
  border-top: 3px solid #7847b5;
}
body.elderberry-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.elderberry-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.elderberry-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.elderberry-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.elderberry-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.elderberry-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.elderberry-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.elderberry-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.elderberry-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.elderberry-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.elderberry-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.elderberry-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.elderberry-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.elderberry-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.elderberry-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.elderberry-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.elderberry-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.elderberry-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.elderberry-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.elderberry-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.elderberry-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.elderberry-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.elderberry-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.elderberry-theme .todo-lists ul {
  padding: 0 10px;
}
body.elderberry-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.elderberry-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.elderberry-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.elderberry-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.elderberry-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.elderberry-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.elderberry-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.elderberry-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.elderberry-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.elderberry-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.elderberry-theme .media-block .media {
    display: block !important;
  }
  body.elderberry-theme .media-block .media img {
    width: 100% !important;
  }
}
body.elderberry-theme .select2-selection--multiple,
body.elderberry-theme .select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}
body.elderberry-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #7847b5;
}
body.elderberry-theme .select2-selection__choice,
body.elderberry-theme .select2-selection__choice__remove {
  background-color: #7847b5 !important;
  border: 1px solid #7847b5 !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.elderberry-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #7847b5;
  color: #fff;
}
body.elderberry-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.elderberry-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.elderberry-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.elderberry-theme .ui-sortable .sortable-dragging,
body.elderberry-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.elderberry-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.elderberry-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.elderberry-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.elderberry-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.elderberry-theme .context-menu-list.context-menu-root .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.elderberry-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.elderberry-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.elderberry-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.elderberry-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.elderberry-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.elderberry-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.elderberry-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.elderberry-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #7847b5;
  color: #fff;
}
body.elderberry-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.elderberry-theme
  .introjs-tooltipReferenceLayer
  .introjs-helperNumberLayer {
  left: 10px;
}
body.elderberry-theme .config .barcode2D {
  display: none;
}
body.elderberry-theme .miscCanvas {
  display: none;
}
body.elderberry-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.elderberry-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.elderberry-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.elderberry-theme .mega {
    font-size: 4rem;
  }
}
body.elderberry-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.elderberry-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.elderberry-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.elderberry-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.elderberry-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.elderberry-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.elderberry-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.elderberry-theme .fileinput-preview {
  max-height: 150px;
}
body.elderberry-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.elderberry-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.elderberry-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.elderberry-theme .sidebar.sidebar-v1 .sidebar-search input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.elderberry-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.elderberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.elderberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.elderberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.elderberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.elderberry-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.elderberry-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.elderberry-theme
  .sidebar.sidebar-v1
  .sidebar-statistics
  .statistics-font-color {
  color: #909190;
}
body.elderberry-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.elderberry-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.elderberry-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.elderberry-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.elderberry-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.elderberry-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.elderberry-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.elderberry-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #7847b5;
}
body.elderberry-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.elderberry-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.elderberry-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.elderberry-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.elderberry-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.elderberry-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.elderberry-theme .sidebar.sidebar-v1 .sidebar-menu li a .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.elderberry-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #7847b5;
  padding: 10px 13px 10px 15px;
}
body.elderberry-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #7847b5;
}
body.elderberry-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a.active
  .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.elderberry-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.elderberry-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #7847b5;
}
body.elderberry-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a {
  padding-left: 30px;
}
body.elderberry-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a
  i {
  margin-right: 10px;
  font-size: 15px;
}
body.elderberry-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu.open {
  max-height: 100%;
}
body.elderberry-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.elderberry-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.elderberry-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.elderberry-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #7847b5;
}
body.elderberry-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.elderberry-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.elderberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.elderberry-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.elderberry-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.elderberry-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.elderberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  > a
  > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.elderberry-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.elderberry-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.elderberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.elderberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > .treeview-menu {
  display: block;
}
body.elderberry-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.elderberry-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #7847b5;
  padding-right: 0;
}
body.elderberry-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.elderberry-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li {
  margin: 0;
  padding: 5px;
}
body.elderberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.elderberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.elderberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i {
  width: 25px;
}
body.elderberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.elderberry-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li:hover {
  padding-right: 3px;
}
body.elderberry-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.elderberry-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.elderberry-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.elderberry-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.elderberry-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.elderberry-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.elderberry-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.elderberry-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.elderberry-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.elderberry-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.elderberry-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.elderberry-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.elderberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.elderberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.elderberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.elderberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.elderberry-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > span {
  display: table-cell;
  vertical-align: middle;
}
body.elderberry-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.elderberry-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.elderberry-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.elderberry-theme .main-wrapper {
    margin-left: 230px;
  }
  body.elderberry-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.elderberry-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.elderberry-theme .wrapper.sidebar-mini.sidebar-collapse .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.elderberry-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.elderberry-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li {
    position: relative;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #7847b5;
  }
  body.elderberry-theme .wrapper.sidebar-mini.sidebar-collapse .profile-nav {
    display: none;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.elderberry-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.elderberry-theme .menu-toggle {
    display: block !important;
  }
  body.elderberry-theme .sidebar-v1 {
    left: -230px;
  }
  body.elderberry-theme .footer {
    margin-left: 0;
  }
  body.elderberry-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.elderberry-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.elderberry-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.elderberry-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.elderberry-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.elderberry-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.elderberry-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.elderberry-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #1e1e1e;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #2c2b2b;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.elderberry-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #2c2b2b;
}
body.elderberry-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #fff;
  border: none;
  margin: 0px;
}
body.elderberry-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #603990;
}
body.elderberry-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #603990;
}
body.elderberry-theme .right-sidebar .nav-tabs li a.active {
  background-color: #595959;
  color: #fff;
  border-bottom: 2px solid #603990;
}
body.elderberry-theme
  .right-sidebar
  .tab-content
  .input-group
  .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.elderberry-theme .right-sidebar .tab-content input {
  border: 1px solid #2c2b2b;
  color: #ccc;
}
body.elderberry-theme .right-sidebar .tab-content textarea {
  color: #ccc;
}
body.elderberry-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.elderberry-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.elderberry-theme .right-sidebar .tab-content #chat .small-badges.active {
  background-color: #00a65a;
}
body.elderberry-theme .right-sidebar .tab-content #chat .small-badges.offline {
  background-color: #dd4b39;
}
body.elderberry-theme .right-sidebar .tab-content #chat .small-badges.idle {
  background-color: #f39c12;
}
body.elderberry-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #ccc;
}
body.elderberry-theme .right-sidebar .tab-content #chat .content-body a:hover {
  background-color: #595959;
  border-radius: 50%;
  color: #fff;
}
body.elderberry-theme .right-sidebar .tab-content #chat h5 {
  color: #ccc;
}
body.elderberry-theme .right-sidebar .tab-content #chat p {
  color: #aaaaaa;
}
body.elderberry-theme .right-sidebar .tab-content #tasks {
  color: #ccc;
}
body.elderberry-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #2c2b2b;
}
body.elderberry-theme .right-sidebar .tab-content #tasks p,
body.elderberry-theme .right-sidebar .tab-content #tasks h6 {
  color: #aaaaaa;
}
body.elderberry-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.elderberry-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.elderberry-theme .right-sidebar .tab-content #tasks ul li a {
  color: #ccc;
}
body.elderberry-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #1e1e1e;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.elderberry-theme .right-sidebar .chat-sidebar-chat .content-chat-body h5 {
  background: #595959;
}
body.elderberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.elderberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.elderberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #595959;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.elderberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #595959;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.elderberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #7847b5;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.elderberry-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #7847b5 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.elderberry-theme .right-sidebar .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.elderberry-theme .right-sidebar .right-sidebar-setting label {
  color: #ccc;
}
body.elderberry-theme .right-sidebar .right-sidebar-setting h4 {
  color: #ccc;
  border-top: 1px solid #2c2b2b;
}
body.elderberry-theme .right-sidebar .right-sidebar-setting small,
body.elderberry-theme .right-sidebar .right-sidebar-setting p {
  color: #aaaaaa;
}
body.elderberry-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.elderberry-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.elderberry-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.elderberry-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.elderberry-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.elderberry-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.elderberry-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.elderberry-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.elderberry-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.elderberry-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.elderberry-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.elderberry-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.elderberry-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.elderberry-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.elderberry-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.elderberry-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.elderberry-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.elderberry-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.elderberry-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.elderberry-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #7847b5;
}
body.elderberry-theme .header .navbar {
  border: none !important;
}
body.elderberry-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #1e1e1e;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.elderberry-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.elderberry-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.elderberry-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.elderberry-theme .header .navbar-lg .setting-block .top-block .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.elderberry-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.elderberry-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.elderberry-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.elderberry-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.elderberry-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.elderberry-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.elderberry-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #ccc;
}
body.elderberry-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #ccc;
}
body.elderberry-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.elderberry-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #595959;
  color: #ccc;
}
body.elderberry-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.elderberry-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.elderberry-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.elderberry-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.elderberry-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.elderberry-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.elderberry-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.elderberry-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.elderberry-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.elderberry-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.elderberry-theme .settings-menu {
  background: #1e1e1e;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #ccc;
  border: 1px solid #2c2b2b;
  overflow-y: auto;
}
body.elderberry-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #2c2b2b;
}
body.elderberry-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.elderberry-theme .settings-menu .setting-box {
  color: #ccc;
  background-color: #2c2b2b;
}
body.elderberry-theme .settings-menu-fixed {
  position: fixed !important;
}
body.elderberry-theme .nav-profile .nav-link span.active {
  color: #7847b5;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.elderberry-theme .nav-profile .dropdown-menu {
  background: #1e1e1e none repeat scroll 0 0;
  color: #fff;
  border-top: 1px solid #2c2b2b;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.elderberry-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.elderberry-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.elderberry-theme .nav-profile .dropdown-menu span.active {
  color: #7847b5;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.elderberry-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #2c2b2b;
}
body.elderberry-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #fff;
}
body.elderberry-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #595959 none repeat scroll 0 0;
  border-left: 2px solid #603990;
  color: #ccc;
}
body.elderberry-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.elderberry-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #1e1e1e;
  }
  body.elderberry-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.elderberry-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.elderberry-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.elderberry-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.elderberry-theme .nav-profile .dropdown-menu span.active {
    color: #7847b5;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.elderberry-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.elderberry-theme .header .logo {
    width: 190px;
  }
  body.elderberry-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.elderberry-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.elderberry-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.elderberry-theme .nav-profile .dropdown-menu span.active {
    color: #7847b5;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.elderberry-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.elderberry-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.elderberry-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.elderberry-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.elderberry-theme .image-grid > li.main-image {
  width: 50%;
}
body.elderberry-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.elderberry-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.elderberry-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #7847b5;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.elderberry-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.elderberry-theme .scrollToTop:hover {
  background-color: #603990;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.elderberry-theme .breadcrumb-page-title,
  body.elderberry-theme .theme-setting-icon,
  body.elderberry-theme .theme-setting-menu,
  body.elderberry-theme .scrollToTop,
  body.elderberry-theme .right-sidebar,
  body.elderberry-theme .settings-menu,
  body.elderberry-theme .sidebar,
  body.elderberry-theme .header,
  body.elderberry-theme .footer,
  body.elderberry-theme .btn {
    display: none !important;
  }
  body.elderberry-theme .main-wrapper {
    margin-left: 0;
  }
}
body.elderberry-theme .pace {
  display: none;
}
body.elderberry-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.elderberry-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.elderberry-theme .page-loader-container .page-loader .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.elderberry-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.elderberry-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.elderberry-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.elderberry-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.elderberry-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.elderberry-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.elderberry-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #7847b5;
}
body.elderberry-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #7847b5;
}
body.elderberry-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #7847b5;
}
body.elderberry-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #7847b5;
}
body.elderberry-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.elderberry-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.elderberry-theme
  .profile
  .activity
  .activity-header
  .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.elderberry-theme
  .profile
  .activity
  .activity-header
  .activity-header-image
  img {
  max-width: 100%;
}
body.elderberry-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.elderberry-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.elderberry-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.elderberry-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.elderberry-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.elderberry-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.elderberry-theme .mail ul li a {
  color: #909190;
}
body.elderberry-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.elderberry-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.elderberry-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.elderberry-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.elderberry-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.elderberry-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.elderberry-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.elderberry-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.elderberry-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.elderberry-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.elderberry-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.elderberry-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.elderberry-theme .readmail .filebox .file img {
  height: 148px;
}
body.elderberry-theme .readmail .filebox .filename {
  height: 70px;
}
body.elderberry-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.elderberry-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.elderberry-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.elderberry-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.elderberry-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.elderberry-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.elderberry-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group {
  margin-bottom: 0;
}
body.elderberry-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.elderberry-theme .mail .compose-mail .compose-message .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.elderberry-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.elderberry-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.elderberry-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.elderberry-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.elderberry-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.elderberry-theme .mail .compose-mail .mail-footer .right-block .send {
  width: 90px;
  height: 35px;
}
body.elderberry-theme .mail .compose-mail .mail-footer .right-block .send:focus,
body.elderberry-theme .mail .compose-mail .mail-footer .right-block .tool {
  color: #fff;
}
body.elderberry-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.elderberry-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.elderberry-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.elderberry-theme .mail .note-editor.note-frame.card .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.elderberry-theme .mail .note-resizebar {
  display: none;
}
body.elderberry-theme
  .selectize-control.selectize-email.multi
  .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.elderberry-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.elderberry-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.elderberry-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.elderberry-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.elderberry-theme
  .selectize-control.plugin-remove_button
  [data-value]
  .remove {
  border-left-color: #fff;
  color: #fff;
}
body.elderberry-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.elderberry-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.elderberry-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.elderberry-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.elderberry-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.elderberry-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.elderberry-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.elderberry-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.elderberry-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.elderberry-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.elderberry-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.elderberry-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.elderberry-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.elderberry-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.elderberry-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.elderberry-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.elderberry-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.elderberry-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.elderberry-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.elderberry-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.elderberry-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.elderberry-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.elderberry-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.elderberry-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.elderberry-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.elderberry-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.elderberry-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.elderberry-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.elderberry-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.elderberry-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.elderberry-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.elderberry-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.elderberry-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.elderberry-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.elderberry-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.elderberry-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.elderberry-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.elderberry-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.elderberry-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.elderberry-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.elderberry-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.elderberry-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.elderberry-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.elderberry-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.elderberry-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.elderberry-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.elderberry-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.elderberry-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.elderberry-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.elderberry-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.elderberry-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.elderberry-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.elderberry-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.elderberry-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.elderberry-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.elderberry-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.elderberry-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.elderberry-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.elderberry-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.elderberry-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.elderberry-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.elderberry-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.elderberry-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.elderberry-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.elderberry-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.elderberry-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.elderberry-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.elderberry-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.elderberry-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.elderberry-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.elderberry-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.elderberry-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.elderberry-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.elderberry-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.elderberry-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.elderberry-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.elderberry-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.elderberry-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.elderberry-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.elderberry-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.elderberry-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.elderberry-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.elderberry-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.elderberry-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.elderberry-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.elderberry-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.elderberry-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.elderberry-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.elderberry-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.elderberry-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.elderberry-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.elderberry-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.elderberry-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.elderberry-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.elderberry-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.elderberry-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.elderberry-theme .contact-primary,
body.elderberry-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.elderberry-theme .contact-primary .img-block .social,
body.elderberry-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.elderberry-theme .contact-primary .img-block .social i,
body.elderberry-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.elderberry-theme .contact-primary .contact-info,
body.elderberry-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.elderberry-theme .contact-primary .contact-info .info-block,
body.elderberry-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.elderberry-theme .contact-primary .contact-info .detail,
body.elderberry-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.elderberry-theme .contact-primary .contact-info .detail.name,
body.elderberry-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.elderberry-theme .contact-primary:hover,
body.elderberry-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.elderberry-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.elderberry-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.elderberry-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.elderberry-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.elderberry-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.elderberry-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.elderberry-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.elderberry-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.elderberry-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.elderberry-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.elderberry-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.elderberry-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.elderberry-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.elderberry-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.elderberry-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.elderberry-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.elderberry-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.elderberry-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.elderberry-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.elderberry-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.elderberry-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.elderberry-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.elderberry-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.elderberry-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.elderberry-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.elderberry-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.elderberry-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.elderberry-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.elderberry-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.elderberry-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.elderberry-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.elderberry-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.elderberry-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.elderberry-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.elderberry-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.elderberry-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.elderberry-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.elderberry-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.elderberry-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.elderberry-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.elderberry-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.elderberry-theme .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.elderberry-theme .cssanimations .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.elderberry-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.elderberry-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.elderberry-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.elderberry-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.elderberry-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.elderberry-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.elderberry-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.elderberry-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.elderberry-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.elderberry-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.elderberry-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.elderberry-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #7847b5;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.elderberry-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.elderberry-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.elderberry-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.elderberry-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.elderberry-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #7847b5;
  border-color: #7847b5;
}
body.elderberry-theme .cd-horizontal-timeline .events a.older-event::after {
  border-color: #7847b5;
}
body.elderberry-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.elderberry-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.elderberry-theme .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.elderberry-theme .cd-horizontal-timeline .events-content li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.elderberry-theme .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.elderberry-theme .cd-horizontal-timeline .events-content li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.elderberry-theme .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.elderberry-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.elderberry-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.elderberry-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.elderberry-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.elderberry-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.elderberry-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.elderberry-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.elderberry-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.elderberry-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.elderberry-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.elderberry-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.elderberry-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.elderberry-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.elderberry-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.elderberry-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.elderberry-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.elderberry-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.elderberry-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.elderberry-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.elderberry-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.elderberry-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.elderberry-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.elderberry-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.elderberry-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.elderberry-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.elderberry-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.elderberry-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.elderberry-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.elderberry-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.elderberry-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.elderberry-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.elderberry-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.elderberry-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.elderberry-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.elderberry-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.elderberry-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.elderberry-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.elderberry-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.elderberry-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.elderberry-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.elderberry-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.elderberry-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.elderberry-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.elderberry-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.elderberry-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.elderberry-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.elderberry-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.elderberry-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.elderberry-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.elderberry-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.elderberry-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.elderberry-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.elderberry-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.elderberry-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.elderberry-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.elderberry-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.elderberry-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.elderberry-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.elderberry-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.elderberry-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.elderberry-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.elderberry-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.elderberry-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.elderberry-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.elderberry-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.elderberry-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.elderberry-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.elderberry-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.elderberry-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.elderberry-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.elderberry-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.elderberry-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.elderberry-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.elderberry-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.elderberry-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.elderberry-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.elderberry-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.elderberry-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.elderberry-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.elderberry-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.elderberry-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.elderberry-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.elderberry-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.elderberry-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.elderberry-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.elderberry-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.elderberry-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.elderberry-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.elderberry-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.elderberry-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.elderberry-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.elderberry-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.elderberry-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.elderberry-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.elderberry-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.elderberry-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.elderberry-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.elderberry-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.elderberry-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.elderberry-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.elderberry-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.elderberry-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.elderberry-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.elderberry-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.elderberry-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.elderberry-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.elderberry-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.elderberry-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.elderberry-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.elderberry-theme .product-detail .product-image-list img:first-child {
  margin-left: 0;
}
body.elderberry-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.elderberry-theme .product-detail .product-img img {
  max-width: 100%;
}
body.elderberry-theme .product-grid-primary,
body.elderberry-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.elderberry-theme .product-grid-primary .product-img,
body.elderberry-theme .product-grid-secondary .product-img {
  position: relative;
}
body.elderberry-theme .product-grid-primary .product-img .product-like,
body.elderberry-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.elderberry-theme .product-grid-primary .product-img .product-like:hover,
body.elderberry-theme .product-grid-secondary .product-img .product-like:hover {
  color: #7847b5;
}
body.elderberry-theme .product-grid-primary .product-detail,
body.elderberry-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.elderberry-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.elderberry-theme .file-manager .toggle-file-menu {
  display: none;
}
body.elderberry-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.elderberry-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.elderberry-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.elderberry-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.elderberry-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.elderberry-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type {
  bottom: 0px;
  right: 5px;
}
body.elderberry-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.elderberry-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.elderberry-theme .file-manager .file-block .file-view .folder .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.elderberry-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.elderberry-theme .file-manager .file-block .file-view .folder .file,
body.elderberry-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.elderberry-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type,
body.elderberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-type {
  position: absolute;
}
body.elderberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.elderberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.elderberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.elderberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.elderberry-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.elderberry-theme .file-manager .file-block .file-view .doc .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.elderberry-theme .file-manager .file-block .file-view .doc .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.elderberry-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.elderberry-theme .file-manager .file-block.file-menu-close .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.elderberry-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.elderberry-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.elderberry-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.elderberry-theme .other-widgets-box {
  background-color: #15337e;
}
body.elderberry-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.elderberry-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.elderberry-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.elderberry-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.elderberry-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.elderberry-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.elderberry-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.elderberry-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.elderberry-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.elderberry-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.elderberry-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.elderberry-theme .social-widgets .profile .social-profile .profile-avatar {
  height: 120px;
}
body.elderberry-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.elderberry-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.elderberry-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.elderberry-theme .social-widgets .profile.profile-cover-bg {
  background: #7847b5 url(../../images/login_box_bg.png);
}
body.elderberry-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.elderberry-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.elderberry-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.elderberry-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.elderberry-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.elderberry-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.elderberry-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.elderberry-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.elderberry-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.elderberry-theme .amcharts-export-menu-top-right {
  display: none;
}
body.elderberry-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.elderberry-theme .sales-performance .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.elderberry-theme .social-analytics .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.elderberry-theme .sales-performance .amcharts-graph-g3,
body.elderberry-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.elderberry-theme .sales-performance .amcharts-value-axis.value-axis-a3,
body.elderberry-theme .social-analytics .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.elderberry-theme .sales-performance .lastBullet,
body.elderberry-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.elderberry-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.elderberry-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.elderberry-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.elderberry-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.elderberry-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.elderberry-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.elderberry-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.elderberry-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.elderberry-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.elderberry-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.elderberry-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.elderberry-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.elderberry-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.elderberry-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.elderberry-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.elderberry-theme .theme-border-color {
  border-color: #7847b5;
}
body.elderberry-theme .primary-border-color {
  border-color: #286090;
}
body.elderberry-theme .danger-border-color {
  border-color: #d73925;
}
body.elderberry-theme .info-border-color {
  border-color: #00acd6;
}
body.elderberry-theme .warning-border-color {
  border-color: #e08e0b;
}
body.elderberry-theme .success-border-color {
  border-color: #008d4c;
}
body.elderberry-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.elderberry-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #7847b5 !important;
  border-radius: 0px;
}
body.elderberry-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.elderberry-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.elderberry-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.elderberry-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.elderberry-theme .material-card h2 span {
  display: block;
}
body.elderberry-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.elderberry-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.elderberry-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.elderberry-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.elderberry-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.elderberry-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.elderberry-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.elderberry-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.elderberry-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.elderberry-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.elderberry-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.elderberry-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.elderberry-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.elderberry-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.elderberry-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.elderberry-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.elderberry-theme .material-card.mc-active h2:before {
  top: 0;
}
body.elderberry-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.elderberry-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.elderberry-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.elderberry-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.elderberry-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.elderberry-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.elderberry-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.elderberry-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.elderberry-theme .material-card.theme h2 {
  background-color: #7847b5;
}
body.elderberry-theme .material-card.theme h2:after {
  border-top-color: #7847b5;
  border-right-color: #7847b5;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #603990;
  border-bottom-color: #603990;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.theme .mc-btn-action {
  background-color: #7847b5;
}
body.elderberry-theme .material-card.theme .mc-btn-action:hover {
  background-color: #603990;
}
body.elderberry-theme .material-card.theme .mc-footer h4 {
  color: #603990;
}
body.elderberry-theme .material-card.theme .mc-footer a {
  background-color: #603990;
}
body.elderberry-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #7847b5;
  border-bottom-color: #7847b5;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.theme.mc-active h2:after {
  border-top-color: #603990;
  border-right-color: #603990;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.elderberry-theme .material-card.theme.mc-active .mc-footer {
  background-color: #7847b5;
}
body.elderberry-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.elderberry-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.elderberry-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.elderberry-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.elderberry-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.elderberry-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.elderberry-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.elderberry-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.elderberry-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.elderberry-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.elderberry-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.elderberry-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.elderberry-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.elderberry-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.elderberry-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.elderberry-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.elderberry-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.elderberry-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.elderberry-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.elderberry-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.elderberry-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.elderberry-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.elderberry-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.elderberry-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.elderberry-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.elderberry-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.elderberry-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.elderberry-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.elderberry-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.elderberry-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.elderberry-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.elderberry-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.elderberry-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.elderberry-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.elderberry-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.elderberry-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.elderberry-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.elderberry-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.elderberry-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.elderberry-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.elderberry-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.elderberry-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.elderberry-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.elderberry-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.elderberry-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.elderberry-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.elderberry-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.elderberry-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.elderberry-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.elderberry-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.elderberry-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.elderberry-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.elderberry-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.elderberry-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.elderberry-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.elderberry-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.elderberry-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.elderberry-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.elderberry-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.elderberry-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.elderberry-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.elderberry-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.elderberry-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.elderberry-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.elderberry-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.elderberry-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.elderberry-theme .wrapper:after {
  display: table;
  content: " ";
}
body.elderberry-theme .wrapper:before {
  display: table;
  content: " ";
}
body.elderberry-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.elderberry-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.elderberry-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.elderberry-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.elderberry-theme .fixed-width-page .card,
body.elderberry-theme .card-page .card,
body.elderberry-theme .fixed-width-page .card-body,
body.elderberry-theme .card-page .card-body {
  min-height: 500px;
}
body.elderberry-theme .fixed-width-page .card h2,
body.elderberry-theme .card-page .card h2,
body.elderberry-theme .fixed-width-page .card-body h2,
body.elderberry-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.elderberry-theme.full-width-page .main-wrapper,
body.elderberry-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.elderberry-theme.full-width-page .logo {
  background: #1e1e1e;
}
body.elderberry-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.elderberry-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.elderberry-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/*******************************************************
 ** strawberry-light-theme.less
 ** 
 ** Main LESS file for Strawberry Light Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.strawberry-light-theme {
  /*******************************************************
 ** strawberry-light-theme _variables.less
 ** 
 ** LESS variables for Strawberry Light Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /*************************
 * Strawberry Light Theme
 *************************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.strawberry-light-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.strawberry-light-theme a {
  text-decoration: none;
}
body.strawberry-light-theme h1 {
  font-size: 36px;
}
body.strawberry-light-theme h2 {
  font-size: 30px;
}
body.strawberry-light-theme h3 {
  font-size: 24px;
}
body.strawberry-light-theme h4 {
  font-size: 18px;
}
body.strawberry-light-theme h5 {
  font-size: 14px;
}
body.strawberry-light-theme h6 {
  font-size: 12px;
}
body.strawberry-light-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.strawberry-light-theme .border-theme {
  border: 1px solid #15337e !important;
}
body.strawberry-light-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.strawberry-light-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.strawberry-light-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.strawberry-light-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.strawberry-light-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.strawberry-light-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.strawberry-light-theme .border-r-sm {
  border-radius: 3px;
}
body.strawberry-light-theme .border-r-md {
  border-radius: 6px;
}
body.strawberry-light-theme .border-r-lg {
  border-radius: 12px;
}
body.strawberry-light-theme .border-r-xlg {
  border-radius: 24px;
}
body.strawberry-light-theme .m-xs {
  margin: 5px;
}
body.strawberry-light-theme .mt-xs {
  margin-top: 5px;
}
body.strawberry-light-theme .mr-xs {
  margin-right: 5px;
}
body.strawberry-light-theme .mb-xs {
  margin-bottom: 5px;
}
body.strawberry-light-theme .ml-xs {
  margin-left: 5px;
}
body.strawberry-light-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.strawberry-light-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.strawberry-light-theme .m-sm {
  margin: 10px;
}
body.strawberry-light-theme .mt-sm {
  margin-top: 10px;
}
body.strawberry-light-theme .mr-sm {
  margin-right: 10px;
}
body.strawberry-light-theme .mb-sm {
  margin-bottom: 10px;
}
body.strawberry-light-theme .ml-sm {
  margin-left: 10px;
}
body.strawberry-light-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.strawberry-light-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.strawberry-light-theme .m-md {
  margin: 15px;
}
body.strawberry-light-theme .mt-md {
  margin-top: 15px;
}
body.strawberry-light-theme .mr-md {
  margin-right: 15px;
}
body.strawberry-light-theme .mb-md {
  margin-bottom: 15px;
}
body.strawberry-light-theme .ml-md {
  margin-left: 15px;
}
body.strawberry-light-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.strawberry-light-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.strawberry-light-theme .m-lg {
  margin: 20px;
}
body.strawberry-light-theme .mt-lg {
  margin-top: 20px;
}
body.strawberry-light-theme .mr-lg {
  margin-right: 20px;
}
body.strawberry-light-theme .mb-lg {
  margin-bottom: 20px;
}
body.strawberry-light-theme .ml-lg {
  margin-left: 20px;
}
body.strawberry-light-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.strawberry-light-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.strawberry-light-theme .m-xlg {
  margin: 25px;
}
body.strawberry-light-theme .mt-xlg {
  margin-top: 25px;
}
body.strawberry-light-theme .mr-xlg {
  margin-right: 25px;
}
body.strawberry-light-theme .mb-xlg {
  margin-bottom: 25px;
}
body.strawberry-light-theme .ml-xlg {
  margin-left: 25px;
}
body.strawberry-light-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.strawberry-light-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.strawberry-light-theme .p-xs {
  padding: 5px;
}
body.strawberry-light-theme .pt-xs {
  padding-top: 5px;
}
body.strawberry-light-theme .pr-xs {
  padding-right: 5px;
}
body.strawberry-light-theme .pb-xs {
  padding-bottom: 5px;
}
body.strawberry-light-theme .pl-xs {
  padding-left: 5px;
}
body.strawberry-light-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.strawberry-light-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.strawberry-light-theme .p-sm {
  padding: 10px;
}
body.strawberry-light-theme .pt-sm {
  padding-top: 10px;
}
body.strawberry-light-theme .pr-sm {
  padding-right: 10px;
}
body.strawberry-light-theme .pb-sm {
  padding-bottom: 10px;
}
body.strawberry-light-theme .pl-sm {
  padding-left: 10px;
}
body.strawberry-light-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.strawberry-light-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.strawberry-light-theme .p-md {
  padding: 15px;
}
body.strawberry-light-theme .pt-md {
  padding-top: 15px;
}
body.strawberry-light-theme .pr-md {
  padding-right: 15px;
}
body.strawberry-light-theme .pb-md {
  padding-bottom: 15px;
}
body.strawberry-light-theme .pl-md {
  padding-left: 15px;
}
body.strawberry-light-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.strawberry-light-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.strawberry-light-theme .p-lg {
  padding: 20px;
}
body.strawberry-light-theme .pt-lg {
  padding-top: 20px;
}
body.strawberry-light-theme .pr-lg {
  padding-right: 20px;
}
body.strawberry-light-theme .pb-lg {
  padding-bottom: 20px;
}
body.strawberry-light-theme .pl-lg {
  padding-left: 20px;
}
body.strawberry-light-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.strawberry-light-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.strawberry-light-theme .p-xlg {
  padding: 25px;
}
body.strawberry-light-theme .pt-xlg {
  padding-top: 25px;
}
body.strawberry-light-theme .pr-xlg {
  padding-right: 25px;
}
body.strawberry-light-theme .pb-xlg {
  padding-bottom: 25px;
}
body.strawberry-light-theme .pl-xlg {
  padding-left: 25px;
}
body.strawberry-light-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.strawberry-light-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.strawberry-light-theme .text-normal {
  font-weight: 400;
}
body.strawberry-light-theme .text-bold {
  font-weight: 700;
}
body.strawberry-light-theme .text-italic {
  font-style: italic;
}
body.strawberry-light-theme .text-strike {
  text-decoration: line-through;
}
body.strawberry-light-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.strawberry-light-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.strawberry-light-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.strawberry-light-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.strawberry-light-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.strawberry-light-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.strawberry-light-theme .font-16 {
  font-size: 16px;
}
body.strawberry-light-theme .font-14 {
  font-size: 14px;
}
body.strawberry-light-theme .font-12 {
  font-size: 12px;
}
body.strawberry-light-theme .font-10 {
  font-size: 10px;
}
body.strawberry-light-theme .text-lg {
  color: #f1f1f1;
}
body.strawberry-light-theme .text-mdg {
  color: #ccc;
}
body.strawberry-light-theme .text-dg {
  color: #909190;
}
body.strawberry-light-theme .text-mb {
  color: #2c2b2b;
}
body.strawberry-light-theme .text-mg {
  color: #6e6e6e;
}
body.strawberry-light-theme .text-theme {
  color: #15337e;
}
body.strawberry-light-theme .no-bg {
  background: transparent;
}
body.strawberry-light-theme .bg-theme {
  background-color: #15337e;
}
body.strawberry-light-theme .bg-lg {
  background-color: #f1f1f1;
}
body.strawberry-light-theme .bg-mdg {
  background-color: #ccc;
}
body.strawberry-light-theme .bg-dg {
  background-color: #909190;
}
body.strawberry-light-theme .bg-mb {
  background-color: #2c2b2b;
}
body.strawberry-light-theme .bg-mg {
  background-color: #6e6e6e;
}
body.strawberry-light-theme .height-30 {
  min-height: 30px;
}
body.strawberry-light-theme .height-40 {
  min-height: 40px;
}
body.strawberry-light-theme .height-50 {
  min-height: 50px;
}
body.strawberry-light-theme .height-100 {
  min-height: 100px;
}
body.strawberry-light-theme .height-150 {
  min-height: 150px;
}
body.strawberry-light-theme .height-200 {
  min-height: 200px;
}
body.strawberry-light-theme .height-320 {
  min-height: 320px;
}
body.strawberry-light-theme .width-30 {
  min-width: 30px;
}
body.strawberry-light-theme .width-40 {
  min-width: 40px;
}
body.strawberry-light-theme .width-50 {
  min-width: 50px;
}
body.strawberry-light-theme .width-100 {
  min-width: 100px;
}
body.strawberry-light-theme .width-150 {
  min-width: 150px;
}
body.strawberry-light-theme .width-200 {
  min-width: 200px;
}
body.strawberry-light-theme .width-320 {
  min-width: 320px;
}
body.strawberry-light-theme .progress.progress-xxs {
  height: 2px;
}
body.strawberry-light-theme .progress.progress-xs {
  height: 5px;
}
body.strawberry-light-theme .progress.progress-sm {
  height: 10px;
}
body.strawberry-light-theme .progress.progress-lg {
  height: 20px;
}
body.strawberry-light-theme ::-moz-selection {
  color: #fff;
  background: #15337e;
}
body.strawberry-light-theme ::selection {
  color: #fff;
  background: #15337e;
}
body.strawberry-light-theme .avatar {
  width: 32px;
}
body.strawberry-light-theme .avatar.avatar-xxs {
  width: 16px;
}
body.strawberry-light-theme .avatar.avatar-xs {
  width: 24px;
}
body.strawberry-light-theme .avatar.avatar-sm {
  width: 32px;
}
body.strawberry-light-theme .avatar.avatar-md {
  width: 40px;
}
body.strawberry-light-theme .avatar.avatar-lg {
  width: 64px;
}
body.strawberry-light-theme .avatar.avatar-xl {
  width: 128px;
}
body.strawberry-light-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.strawberry-light-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.strawberry-light-theme .btn.btn-theme {
  background-color: #15337e;
  color: #fff;
}
body.strawberry-light-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #c20f3b;
}
body.strawberry-light-theme .btn.btn-theme:active,
body.strawberry-light-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #f03866;
}
body.strawberry-light-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #15337e;
}
body.strawberry-light-theme .btn.btn-outline-theme {
  color: #15337e;
  background-color: transparent;
  border: 1px solid;
}
body.strawberry-light-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #15337e !important;
  border-color: #c20f3b;
}
body.strawberry-light-theme .btn.btn-outline-theme:active,
body.strawberry-light-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #f03866;
}
body.strawberry-light-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.strawberry-light-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.strawberry-light-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.strawberry-light-theme input,
body.strawberry-light-theme select,
body.strawberry-light-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.strawberry-light-theme input:focus,
body.strawberry-light-theme select:focus,
body.strawberry-light-theme textarea:focus {
  border: 1px solid #15337e;
  box-shadow: none !important;
}
body.strawberry-light-theme .badge-theme,
body.strawberry-light-theme .theme-item {
  background-color: #15337e;
  color: #fff;
}
body.strawberry-light-theme .badge-theme *,
body.strawberry-light-theme .theme-item * {
  color: #fff;
}
body.strawberry-light-theme .theme-item:hover,
body.strawberry-light-theme .item-group:hover {
  background-color: #c20f3b;
}
body.strawberry-light-theme .theme-item:hover a,
body.strawberry-light-theme .item-group:hover a {
  background-color: #c20f3b;
}
body.strawberry-light-theme .theme-item:hover *,
body.strawberry-light-theme .item-group:hover * {
  color: #fff;
}
body.strawberry-light-theme .label.label-theme {
  background-color: #15337e;
  color: #fff;
}
body.strawberry-light-theme table tr td,
body.strawberry-light-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.strawberry-light-theme .table-responsive table tr td,
  body.strawberry-light-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.strawberry-light-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.strawberry-light-theme .footer.fixed {
  position: fixed;
}
body.strawberry-light-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.strawberry-light-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.strawberry-light-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.strawberry-light-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.strawberry-light-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.strawberry-light-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.strawberry-light-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.strawberry-light-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.strawberry-light-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.strawberry-light-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.strawberry-light-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.strawberry-light-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.strawberry-light-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.strawberry-light-theme .ribbon.ribbon-theme span {
  background: #15337e;
}
body.strawberry-light-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #15337e;
  border-top: 3px solid #15337e;
}
body.strawberry-light-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #15337e;
  border-top: 3px solid #15337e;
}
body.strawberry-light-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.strawberry-light-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.strawberry-light-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.strawberry-light-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.strawberry-light-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.strawberry-light-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.strawberry-light-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.strawberry-light-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.strawberry-light-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.strawberry-light-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.strawberry-light-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.strawberry-light-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.strawberry-light-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.strawberry-light-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.strawberry-light-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.strawberry-light-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.strawberry-light-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.strawberry-light-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.strawberry-light-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.strawberry-light-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.strawberry-light-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.strawberry-light-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.strawberry-light-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.strawberry-light-theme .todo-lists ul {
  padding: 0 10px;
}
body.strawberry-light-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.strawberry-light-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.strawberry-light-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.strawberry-light-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.strawberry-light-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.strawberry-light-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.strawberry-light-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.strawberry-light-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.strawberry-light-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.strawberry-light-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.strawberry-light-theme .media-block .media {
    display: block !important;
  }
  body.strawberry-light-theme .media-block .media img {
    width: 100% !important;
  }
}
body.strawberry-light-theme .select2-selection--multiple,
body.strawberry-light-theme
  .select2-container--default
  .select2-selection--single {
  border-radius: 0px !important;
}
body.strawberry-light-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #15337e;
}
body.strawberry-light-theme .select2-selection__choice,
body.strawberry-light-theme .select2-selection__choice__remove {
  background-color: #15337e !important;
  border: 1px solid #15337e !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.strawberry-light-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #15337e;
  color: #fff;
}
body.strawberry-light-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.strawberry-light-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.strawberry-light-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.strawberry-light-theme .ui-sortable .sortable-dragging,
body.strawberry-light-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.strawberry-light-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.strawberry-light-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.strawberry-light-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.strawberry-light-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.strawberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.strawberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.strawberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.strawberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.strawberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.strawberry-light-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.strawberry-light-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.strawberry-light-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.strawberry-light-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #15337e;
  color: #fff;
}
body.strawberry-light-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.strawberry-light-theme
  .introjs-tooltipReferenceLayer
  .introjs-helperNumberLayer {
  left: 10px;
}
body.strawberry-light-theme .config .barcode2D {
  display: none;
}
body.strawberry-light-theme .miscCanvas {
  display: none;
}
body.strawberry-light-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.strawberry-light-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.strawberry-light-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.strawberry-light-theme .mega {
    font-size: 4rem;
  }
}
body.strawberry-light-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.strawberry-light-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.strawberry-light-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.strawberry-light-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.strawberry-light-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.strawberry-light-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.strawberry-light-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.strawberry-light-theme .fileinput-preview {
  max-height: 150px;
}
body.strawberry-light-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.strawberry-light-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.strawberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-search
  input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.strawberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.strawberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.strawberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.strawberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.strawberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.strawberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-statistics
  .statistics-font-color {
  color: #909190;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.strawberry-light-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.strawberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #15337e;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.strawberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.strawberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a
  .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #15337e;
  padding: 10px 13px 10px 15px;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #15337e;
}
body.strawberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a.active
  .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.strawberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.strawberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #15337e;
}
body.strawberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a {
  padding-left: 30px;
}
body.strawberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a
  i {
  margin-right: 10px;
  font-size: 15px;
}
body.strawberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu.open {
  max-height: 100%;
}
body.strawberry-light-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.strawberry-light-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #15337e;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.strawberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.strawberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  > a
  > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.strawberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.strawberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > .treeview-menu {
  display: block;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #15337e;
  padding-right: 0;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.strawberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li {
  margin: 0;
  padding: 5px;
}
body.strawberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.strawberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.strawberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i {
  width: 25px;
}
body.strawberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.strawberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li:hover {
  padding-right: 3px;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.strawberry-light-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.strawberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.strawberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.strawberry-light-theme
  .sidebar.sidebar-v2
  .mainnav-shortcut
  ul
  li
  a
  > span {
  display: table-cell;
  vertical-align: middle;
}
body.strawberry-light-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.strawberry-light-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.strawberry-light-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.strawberry-light-theme .main-wrapper {
    margin-left: 230px;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-open.sidebar-collapse
    .main-wrapper {
    margin-left: 0;
  }
  body.strawberry-light-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.strawberry-light-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li {
    position: relative;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #15337e;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .profile-nav {
    display: none;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.strawberry-light-theme .menu-toggle {
    display: block !important;
  }
  body.strawberry-light-theme .sidebar-v1 {
    left: -230px;
  }
  body.strawberry-light-theme .footer {
    margin-left: 0;
  }
  body.strawberry-light-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.strawberry-light-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.strawberry-light-theme
    .wrapper.sidebar-open.sidebar-collapse
    .main-wrapper {
    margin-left: 0;
  }
  body.strawberry-light-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.strawberry-light-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.strawberry-light-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.strawberry-light-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.strawberry-light-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #fff;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #f1f1f1;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.strawberry-light-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #f1f1f1;
}
body.strawberry-light-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #1e1e1e;
  border: none;
  margin: 0px;
}
body.strawberry-light-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #15337e;
  color: #fff;
  border-bottom: 2px solid #c20f3b;
}
body.strawberry-light-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #15337e;
  color: #fff;
  border-bottom: 2px solid #c20f3b;
}
body.strawberry-light-theme .right-sidebar .nav-tabs li a.active {
  background-color: #15337e;
  color: #fff;
  border-bottom: 2px solid #c20f3b;
}
body.strawberry-light-theme
  .right-sidebar
  .tab-content
  .input-group
  .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.strawberry-light-theme .right-sidebar .tab-content input {
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.strawberry-light-theme .right-sidebar .tab-content textarea {
  color: #6e6e6e;
}
body.strawberry-light-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.strawberry-light-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.strawberry-light-theme
  .right-sidebar
  .tab-content
  #chat
  .small-badges.active {
  background-color: #00a65a;
}
body.strawberry-light-theme
  .right-sidebar
  .tab-content
  #chat
  .small-badges.offline {
  background-color: #dd4b39;
}
body.strawberry-light-theme
  .right-sidebar
  .tab-content
  #chat
  .small-badges.idle {
  background-color: #f39c12;
}
body.strawberry-light-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #6e6e6e;
}
body.strawberry-light-theme
  .right-sidebar
  .tab-content
  #chat
  .content-body
  a:hover {
  background-color: #15337e;
  border-radius: 50%;
  color: #fff;
}
body.strawberry-light-theme .right-sidebar .tab-content #chat h5 {
  color: #6e6e6e;
}
body.strawberry-light-theme .right-sidebar .tab-content #chat p {
  color: #909190;
}
body.strawberry-light-theme .right-sidebar .tab-content #tasks {
  color: #6e6e6e;
}
body.strawberry-light-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #f1f1f1;
}
body.strawberry-light-theme .right-sidebar .tab-content #tasks p,
body.strawberry-light-theme .right-sidebar .tab-content #tasks h6 {
  color: #909190;
}
body.strawberry-light-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.strawberry-light-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.strawberry-light-theme .right-sidebar .tab-content #tasks ul li a {
  color: #6e6e6e;
}
body.strawberry-light-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #fff;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.strawberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  h5 {
  background: #b7b7b7;
}
body.strawberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.strawberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.strawberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #b7b7b7;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.strawberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #b7b7b7;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.strawberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #15337e;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.strawberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #15337e transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.strawberry-light-theme
  .right-sidebar
  .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.strawberry-light-theme .right-sidebar .right-sidebar-setting label {
  color: #6e6e6e;
}
body.strawberry-light-theme .right-sidebar .right-sidebar-setting h4 {
  color: #6e6e6e;
  border-top: 1px solid #f1f1f1;
}
body.strawberry-light-theme .right-sidebar .right-sidebar-setting small,
body.strawberry-light-theme .right-sidebar .right-sidebar-setting p {
  color: #909190;
}
body.strawberry-light-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.strawberry-light-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.strawberry-light-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.strawberry-light-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.strawberry-light-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.strawberry-light-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.strawberry-light-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.strawberry-light-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.strawberry-light-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.strawberry-light-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.strawberry-light-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.strawberry-light-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.strawberry-light-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.strawberry-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.strawberry-light-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.strawberry-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.strawberry-light-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.strawberry-light-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.strawberry-light-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.strawberry-light-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #15337e;
}
body.strawberry-light-theme .header .navbar {
  border: none !important;
}
body.strawberry-light-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.strawberry-light-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.strawberry-light-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.strawberry-light-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.strawberry-light-theme
  .header
  .navbar-lg
  .setting-block
  .top-block
  .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.strawberry-light-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.strawberry-light-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.strawberry-light-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.strawberry-light-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.strawberry-light-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.strawberry-light-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.strawberry-light-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #1e1e1e;
}
body.strawberry-light-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #1e1e1e;
}
body.strawberry-light-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #15337e;
  color: #fff;
}
body.strawberry-light-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #15337e;
  color: #fff;
}
body.strawberry-light-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.strawberry-light-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.strawberry-light-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.strawberry-light-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.strawberry-light-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.strawberry-light-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.strawberry-light-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.strawberry-light-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.strawberry-light-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.strawberry-light-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.strawberry-light-theme .settings-menu {
  background: #fff;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #1e1e1e;
  border: 1px solid #ccc;
  overflow-y: auto;
}
body.strawberry-light-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #ccc;
}
body.strawberry-light-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.strawberry-light-theme .settings-menu .setting-box {
  color: #2c2b2b;
  background-color: #f1f1f1;
}
body.strawberry-light-theme .settings-menu-fixed {
  position: fixed !important;
}
body.strawberry-light-theme .nav-profile .nav-link span.active {
  color: #15337e;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.strawberry-light-theme .nav-profile .dropdown-menu {
  background: #fff none repeat scroll 0 0;
  color: #1e1e1e;
  border-top: 1px solid #f1f1f1;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.strawberry-light-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.strawberry-light-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.strawberry-light-theme .nav-profile .dropdown-menu span.active {
  color: #15337e;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.strawberry-light-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #f1f1f1;
}
body.strawberry-light-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #1e1e1e;
}
body.strawberry-light-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #15337e none repeat scroll 0 0;
  border-left: 2px solid #c20f3b;
  color: #fff;
}
body.strawberry-light-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.strawberry-light-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
  }
  body.strawberry-light-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.strawberry-light-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.strawberry-light-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.strawberry-light-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.strawberry-light-theme .nav-profile .dropdown-menu span.active {
    color: #15337e;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.strawberry-light-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.strawberry-light-theme .header .logo {
    width: 190px;
  }
  body.strawberry-light-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.strawberry-light-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.strawberry-light-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.strawberry-light-theme .nav-profile .dropdown-menu span.active {
    color: #15337e;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.strawberry-light-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.strawberry-light-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.strawberry-light-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.strawberry-light-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.strawberry-light-theme .image-grid > li.main-image {
  width: 50%;
}
body.strawberry-light-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.strawberry-light-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.strawberry-light-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #15337e;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.strawberry-light-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.strawberry-light-theme .scrollToTop:hover {
  background-color: #c20f3b;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.strawberry-light-theme .breadcrumb-page-title,
  body.strawberry-light-theme .theme-setting-icon,
  body.strawberry-light-theme .theme-setting-menu,
  body.strawberry-light-theme .scrollToTop,
  body.strawberry-light-theme .right-sidebar,
  body.strawberry-light-theme .settings-menu,
  body.strawberry-light-theme .sidebar,
  body.strawberry-light-theme .header,
  body.strawberry-light-theme .footer,
  body.strawberry-light-theme .btn {
    display: none !important;
  }
  body.strawberry-light-theme .main-wrapper {
    margin-left: 0;
  }
}
body.strawberry-light-theme .pace {
  display: none;
}
body.strawberry-light-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.strawberry-light-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.strawberry-light-theme
  .page-loader-container
  .page-loader
  .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.strawberry-light-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.strawberry-light-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.strawberry-light-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.strawberry-light-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.strawberry-light-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.strawberry-light-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.strawberry-light-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #15337e;
}
body.strawberry-light-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #15337e;
}
body.strawberry-light-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #15337e;
}
body.strawberry-light-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #15337e;
}
body.strawberry-light-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.strawberry-light-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.strawberry-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.strawberry-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image
  img {
  max-width: 100%;
}
body.strawberry-light-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.strawberry-light-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.strawberry-light-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.strawberry-light-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.strawberry-light-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.strawberry-light-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.strawberry-light-theme .mail ul li a {
  color: #909190;
}
body.strawberry-light-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.strawberry-light-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.strawberry-light-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.strawberry-light-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.strawberry-light-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.strawberry-light-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.strawberry-light-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.strawberry-light-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.strawberry-light-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.strawberry-light-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.strawberry-light-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.strawberry-light-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.strawberry-light-theme .readmail .filebox .file img {
  height: 148px;
}
body.strawberry-light-theme .readmail .filebox .filename {
  height: 70px;
}
body.strawberry-light-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.strawberry-light-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.strawberry-light-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.strawberry-light-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.strawberry-light-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.strawberry-light-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.strawberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group {
  margin-bottom: 0;
}
body.strawberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.strawberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.strawberry-light-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.strawberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.strawberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.strawberry-light-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.strawberry-light-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.strawberry-light-theme
  .mail
  .compose-mail
  .mail-footer
  .right-block
  .send {
  width: 90px;
  height: 35px;
}
body.strawberry-light-theme
  .mail
  .compose-mail
  .mail-footer
  .right-block
  .send:focus,
body.strawberry-light-theme
  .mail
  .compose-mail
  .mail-footer
  .right-block
  .tool {
  color: #fff;
}
body.strawberry-light-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.strawberry-light-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.strawberry-light-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.strawberry-light-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.strawberry-light-theme .mail .note-resizebar {
  display: none;
}
body.strawberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.strawberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.strawberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.strawberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.strawberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.strawberry-light-theme
  .selectize-control.plugin-remove_button
  [data-value]
  .remove {
  border-left-color: #fff;
  color: #fff;
}
body.strawberry-light-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.strawberry-light-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.strawberry-light-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.strawberry-light-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.strawberry-light-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.strawberry-light-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.strawberry-light-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.strawberry-light-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.strawberry-light-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.strawberry-light-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.strawberry-light-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.strawberry-light-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.strawberry-light-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.strawberry-light-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.strawberry-light-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.strawberry-light-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.strawberry-light-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.strawberry-light-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.strawberry-light-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.strawberry-light-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.strawberry-light-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.strawberry-light-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.strawberry-light-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.strawberry-light-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.strawberry-light-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.strawberry-light-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.strawberry-light-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.strawberry-light-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.strawberry-light-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.strawberry-light-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.strawberry-light-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.strawberry-light-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.strawberry-light-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.strawberry-light-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.strawberry-light-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.strawberry-light-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.strawberry-light-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.strawberry-light-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.strawberry-light-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.strawberry-light-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.strawberry-light-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.strawberry-light-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.strawberry-light-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.strawberry-light-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.strawberry-light-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.strawberry-light-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.strawberry-light-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.strawberry-light-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.strawberry-light-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.strawberry-light-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.strawberry-light-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.strawberry-light-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.strawberry-light-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.strawberry-light-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.strawberry-light-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.strawberry-light-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.strawberry-light-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.strawberry-light-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.strawberry-light-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.strawberry-light-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.strawberry-light-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.strawberry-light-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.strawberry-light-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.strawberry-light-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.strawberry-light-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.strawberry-light-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.strawberry-light-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.strawberry-light-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.strawberry-light-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.strawberry-light-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.strawberry-light-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.strawberry-light-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.strawberry-light-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.strawberry-light-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.strawberry-light-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.strawberry-light-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.strawberry-light-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.strawberry-light-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.strawberry-light-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.strawberry-light-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.strawberry-light-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.strawberry-light-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.strawberry-light-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.strawberry-light-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.strawberry-light-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.strawberry-light-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.strawberry-light-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.strawberry-light-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.strawberry-light-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.strawberry-light-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.strawberry-light-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.strawberry-light-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.strawberry-light-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.strawberry-light-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.strawberry-light-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.strawberry-light-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.strawberry-light-theme .contact-primary,
body.strawberry-light-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.strawberry-light-theme .contact-primary .img-block .social,
body.strawberry-light-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.strawberry-light-theme .contact-primary .img-block .social i,
body.strawberry-light-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.strawberry-light-theme .contact-primary .contact-info,
body.strawberry-light-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.strawberry-light-theme .contact-primary .contact-info .info-block,
body.strawberry-light-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.strawberry-light-theme .contact-primary .contact-info .detail,
body.strawberry-light-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.strawberry-light-theme .contact-primary .contact-info .detail.name,
body.strawberry-light-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.strawberry-light-theme .contact-primary:hover,
body.strawberry-light-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.strawberry-light-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.strawberry-light-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.strawberry-light-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.strawberry-light-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.strawberry-light-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.strawberry-light-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.strawberry-light-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.strawberry-light-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.strawberry-light-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.strawberry-light-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.strawberry-light-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.strawberry-light-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.strawberry-light-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.strawberry-light-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.strawberry-light-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.strawberry-light-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.strawberry-light-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.strawberry-light-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.strawberry-light-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.strawberry-light-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.strawberry-light-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.strawberry-light-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.strawberry-light-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.strawberry-light-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.strawberry-light-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.strawberry-light-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.strawberry-light-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.strawberry-light-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.strawberry-light-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.strawberry-light-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.strawberry-light-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.strawberry-light-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.strawberry-light-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.strawberry-light-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.strawberry-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.strawberry-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.strawberry-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.strawberry-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.strawberry-light-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.strawberry-light-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.strawberry-light-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.strawberry-light-theme
    .cssanimations
    .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.strawberry-light-theme
    .cssanimations
    .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.strawberry-light-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.strawberry-light-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.strawberry-light-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.strawberry-light-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.strawberry-light-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.strawberry-light-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.strawberry-light-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.strawberry-light-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.strawberry-light-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.strawberry-light-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.strawberry-light-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.strawberry-light-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #15337e;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.strawberry-light-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.strawberry-light-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.strawberry-light-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.strawberry-light-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.strawberry-light-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #15337e;
  border-color: #15337e;
}
body.strawberry-light-theme
  .cd-horizontal-timeline
  .events
  a.older-event::after {
  border-color: #15337e;
}
body.strawberry-light-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.strawberry-light-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.strawberry-light-theme
  .cd-horizontal-timeline
  .events-content
  li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.strawberry-light-theme
  .cd-horizontal-timeline
  .events-content
  li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.strawberry-light-theme
  .cd-horizontal-timeline
  .events-content
  li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.strawberry-light-theme
  .cd-horizontal-timeline
  .events-content
  li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.strawberry-light-theme
  .cd-horizontal-timeline
  .events-content
  li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.strawberry-light-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.strawberry-light-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.strawberry-light-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.strawberry-light-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.strawberry-light-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.strawberry-light-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.strawberry-light-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.strawberry-light-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.strawberry-light-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.strawberry-light-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.strawberry-light-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.strawberry-light-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.strawberry-light-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.strawberry-light-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.strawberry-light-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.strawberry-light-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.strawberry-light-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.strawberry-light-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.strawberry-light-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.strawberry-light-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.strawberry-light-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.strawberry-light-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.strawberry-light-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.strawberry-light-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.strawberry-light-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.strawberry-light-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.strawberry-light-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.strawberry-light-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.strawberry-light-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.strawberry-light-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.strawberry-light-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.strawberry-light-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.strawberry-light-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.strawberry-light-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.strawberry-light-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.strawberry-light-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.strawberry-light-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.strawberry-light-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.strawberry-light-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.strawberry-light-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.strawberry-light-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.strawberry-light-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.strawberry-light-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.strawberry-light-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.strawberry-light-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.strawberry-light-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.strawberry-light-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.strawberry-light-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.strawberry-light-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.strawberry-light-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.strawberry-light-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.strawberry-light-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.strawberry-light-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.strawberry-light-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.strawberry-light-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.strawberry-light-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.strawberry-light-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.strawberry-light-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.strawberry-light-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.strawberry-light-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.strawberry-light-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.strawberry-light-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.strawberry-light-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.strawberry-light-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.strawberry-light-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.strawberry-light-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.strawberry-light-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.strawberry-light-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.strawberry-light-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.strawberry-light-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.strawberry-light-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.strawberry-light-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.strawberry-light-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.strawberry-light-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.strawberry-light-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.strawberry-light-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.strawberry-light-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.strawberry-light-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.strawberry-light-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.strawberry-light-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.strawberry-light-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.strawberry-light-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.strawberry-light-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.strawberry-light-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.strawberry-light-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.strawberry-light-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.strawberry-light-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.strawberry-light-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.strawberry-light-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.strawberry-light-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.strawberry-light-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.strawberry-light-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.strawberry-light-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.strawberry-light-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.strawberry-light-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.strawberry-light-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.strawberry-light-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.strawberry-light-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.strawberry-light-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.strawberry-light-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.strawberry-light-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.strawberry-light-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.strawberry-light-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.strawberry-light-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.strawberry-light-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.strawberry-light-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.strawberry-light-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.strawberry-light-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.strawberry-light-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.strawberry-light-theme
  .product-detail
  .product-image-list
  img:first-child {
  margin-left: 0;
}
body.strawberry-light-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.strawberry-light-theme .product-detail .product-img img {
  max-width: 100%;
}
body.strawberry-light-theme .product-grid-primary,
body.strawberry-light-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.strawberry-light-theme .product-grid-primary .product-img,
body.strawberry-light-theme .product-grid-secondary .product-img {
  position: relative;
}
body.strawberry-light-theme .product-grid-primary .product-img .product-like,
body.strawberry-light-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.strawberry-light-theme
  .product-grid-primary
  .product-img
  .product-like:hover,
body.strawberry-light-theme
  .product-grid-secondary
  .product-img
  .product-like:hover {
  color: #15337e;
}
body.strawberry-light-theme .product-grid-primary .product-detail,
body.strawberry-light-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.strawberry-light-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.strawberry-light-theme .file-manager .toggle-file-menu {
  display: none;
}
body.strawberry-light-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.strawberry-light-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.strawberry-light-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.strawberry-light-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.strawberry-light-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.strawberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type {
  bottom: 0px;
  right: 5px;
}
body.strawberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.strawberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.strawberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.strawberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.strawberry-light-theme .file-manager .file-block .file-view .folder .file,
body.strawberry-light-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.strawberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type,
body.strawberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-type {
  position: absolute;
}
body.strawberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.strawberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.strawberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.strawberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.strawberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.strawberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.strawberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.strawberry-light-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.strawberry-light-theme
  .file-manager
  .file-block.file-menu-close
  .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.strawberry-light-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.strawberry-light-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.strawberry-light-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.strawberry-light-theme .other-widgets-box {
  background-color: #15337e;
}
body.strawberry-light-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.strawberry-light-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.strawberry-light-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.strawberry-light-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.strawberry-light-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.strawberry-light-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.strawberry-light-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.strawberry-light-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.strawberry-light-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.strawberry-light-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.strawberry-light-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.strawberry-light-theme
  .social-widgets
  .profile
  .social-profile
  .profile-avatar {
  height: 120px;
}
body.strawberry-light-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.strawberry-light-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.strawberry-light-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.strawberry-light-theme .social-widgets .profile.profile-cover-bg {
  background: #15337e url(../../images/login_box_bg.png);
}
body.strawberry-light-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.strawberry-light-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.strawberry-light-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.strawberry-light-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.strawberry-light-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.strawberry-light-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.strawberry-light-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.strawberry-light-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.strawberry-light-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.strawberry-light-theme .amcharts-export-menu-top-right {
  display: none;
}
body.strawberry-light-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.strawberry-light-theme
  .sales-performance
  .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.strawberry-light-theme
  .social-analytics
  .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.strawberry-light-theme .sales-performance .amcharts-graph-g3,
body.strawberry-light-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.strawberry-light-theme
  .sales-performance
  .amcharts-value-axis.value-axis-a3,
body.strawberry-light-theme
  .social-analytics
  .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.strawberry-light-theme .sales-performance .lastBullet,
body.strawberry-light-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.strawberry-light-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.strawberry-light-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.strawberry-light-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.strawberry-light-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.strawberry-light-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.strawberry-light-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.strawberry-light-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.strawberry-light-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.strawberry-light-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.strawberry-light-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.strawberry-light-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.strawberry-light-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.strawberry-light-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.strawberry-light-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.strawberry-light-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.strawberry-light-theme .theme-border-color {
  border-color: #15337e;
}
body.strawberry-light-theme .primary-border-color {
  border-color: #286090;
}
body.strawberry-light-theme .danger-border-color {
  border-color: #d73925;
}
body.strawberry-light-theme .info-border-color {
  border-color: #00acd6;
}
body.strawberry-light-theme .warning-border-color {
  border-color: #e08e0b;
}
body.strawberry-light-theme .success-border-color {
  border-color: #008d4c;
}
body.strawberry-light-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.strawberry-light-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #15337e !important;
  border-radius: 0px;
}
body.strawberry-light-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.strawberry-light-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.strawberry-light-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.strawberry-light-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.strawberry-light-theme .material-card h2 span {
  display: block;
}
body.strawberry-light-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.strawberry-light-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.strawberry-light-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.strawberry-light-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.strawberry-light-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.strawberry-light-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.strawberry-light-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.strawberry-light-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.strawberry-light-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.strawberry-light-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.strawberry-light-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.strawberry-light-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.strawberry-light-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.strawberry-light-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.strawberry-light-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.strawberry-light-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.strawberry-light-theme .material-card.mc-active h2:before {
  top: 0;
}
body.strawberry-light-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.strawberry-light-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.strawberry-light-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.strawberry-light-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.strawberry-light-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.strawberry-light-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.strawberry-light-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.strawberry-light-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.strawberry-light-theme .material-card.theme h2 {
  background-color: #15337e;
}
body.strawberry-light-theme .material-card.theme h2:after {
  border-top-color: #15337e;
  border-right-color: #15337e;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #c20f3b;
  border-bottom-color: #c20f3b;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.theme .mc-btn-action {
  background-color: #15337e;
}
body.strawberry-light-theme .material-card.theme .mc-btn-action:hover {
  background-color: #c20f3b;
}
body.strawberry-light-theme .material-card.theme .mc-footer h4 {
  color: #c20f3b;
}
body.strawberry-light-theme .material-card.theme .mc-footer a {
  background-color: #c20f3b;
}
body.strawberry-light-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #15337e;
  border-bottom-color: #15337e;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.theme.mc-active h2:after {
  border-top-color: #c20f3b;
  border-right-color: #c20f3b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.strawberry-light-theme .material-card.theme.mc-active .mc-footer {
  background-color: #15337e;
}
body.strawberry-light-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.strawberry-light-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.strawberry-light-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.strawberry-light-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.strawberry-light-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.strawberry-light-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.strawberry-light-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.strawberry-light-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.strawberry-light-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.strawberry-light-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.strawberry-light-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.strawberry-light-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.strawberry-light-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.strawberry-light-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.strawberry-light-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.strawberry-light-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.strawberry-light-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.strawberry-light-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.strawberry-light-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.strawberry-light-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.strawberry-light-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.strawberry-light-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.strawberry-light-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.strawberry-light-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.strawberry-light-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.strawberry-light-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.strawberry-light-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.strawberry-light-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.strawberry-light-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.strawberry-light-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.strawberry-light-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.strawberry-light-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.strawberry-light-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.strawberry-light-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.strawberry-light-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.strawberry-light-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.strawberry-light-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.strawberry-light-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.strawberry-light-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.strawberry-light-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.strawberry-light-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.strawberry-light-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.strawberry-light-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.strawberry-light-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.strawberry-light-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.strawberry-light-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.strawberry-light-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.strawberry-light-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.strawberry-light-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.strawberry-light-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.strawberry-light-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.strawberry-light-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.strawberry-light-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.strawberry-light-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.strawberry-light-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.strawberry-light-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.strawberry-light-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.strawberry-light-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.strawberry-light-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.strawberry-light-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.strawberry-light-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.strawberry-light-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.strawberry-light-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.strawberry-light-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.strawberry-light-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.strawberry-light-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.strawberry-light-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.strawberry-light-theme .wrapper:after {
  display: table;
  content: " ";
}
body.strawberry-light-theme .wrapper:before {
  display: table;
  content: " ";
}
body.strawberry-light-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.strawberry-light-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.strawberry-light-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.strawberry-light-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.strawberry-light-theme .fixed-width-page .card,
body.strawberry-light-theme .card-page .card,
body.strawberry-light-theme .fixed-width-page .card-body,
body.strawberry-light-theme .card-page .card-body {
  min-height: 500px;
}
body.strawberry-light-theme .fixed-width-page .card h2,
body.strawberry-light-theme .card-page .card h2,
body.strawberry-light-theme .fixed-width-page .card-body h2,
body.strawberry-light-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.strawberry-light-theme.full-width-page .main-wrapper,
body.strawberry-light-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.strawberry-light-theme.full-width-page .logo {
  background: #fff;
}
body.strawberry-light-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.strawberry-light-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.strawberry-light-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/*******************************************************
 ** teal-light-theme.less
 ** 
 ** Main LESS file for Teal Light Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.teal-light-theme {
  /*******************************************************
 ** teal-light-theme _variables.less
 ** 
 ** LESS variables for Teal Light Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /*******************
 * Teal Light Theme
 *******************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.teal-light-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.teal-light-theme a {
  text-decoration: none;
}
body.teal-light-theme h1 {
  font-size: 36px;
}
body.teal-light-theme h2 {
  font-size: 30px;
}
body.teal-light-theme h3 {
  font-size: 24px;
}
body.teal-light-theme h4 {
  font-size: 18px;
}
body.teal-light-theme h5 {
  font-size: 14px;
}
body.teal-light-theme h6 {
  font-size: 12px;
}
body.teal-light-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.teal-light-theme .border-theme {
  border: 1px solid #18ba9b !important;
}
body.teal-light-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.teal-light-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.teal-light-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.teal-light-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.teal-light-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.teal-light-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.teal-light-theme .border-r-sm {
  border-radius: 3px;
}
body.teal-light-theme .border-r-md {
  border-radius: 6px;
}
body.teal-light-theme .border-r-lg {
  border-radius: 12px;
}
body.teal-light-theme .border-r-xlg {
  border-radius: 24px;
}
body.teal-light-theme .m-xs {
  margin: 5px;
}
body.teal-light-theme .mt-xs {
  margin-top: 5px;
}
body.teal-light-theme .mr-xs {
  margin-right: 5px;
}
body.teal-light-theme .mb-xs {
  margin-bottom: 5px;
}
body.teal-light-theme .ml-xs {
  margin-left: 5px;
}
body.teal-light-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.teal-light-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.teal-light-theme .m-sm {
  margin: 10px;
}
body.teal-light-theme .mt-sm {
  margin-top: 10px;
}
body.teal-light-theme .mr-sm {
  margin-right: 10px;
}
body.teal-light-theme .mb-sm {
  margin-bottom: 10px;
}
body.teal-light-theme .ml-sm {
  margin-left: 10px;
}
body.teal-light-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.teal-light-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.teal-light-theme .m-md {
  margin: 15px;
}
body.teal-light-theme .mt-md {
  margin-top: 15px;
}
body.teal-light-theme .mr-md {
  margin-right: 15px;
}
body.teal-light-theme .mb-md {
  margin-bottom: 15px;
}
body.teal-light-theme .ml-md {
  margin-left: 15px;
}
body.teal-light-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.teal-light-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.teal-light-theme .m-lg {
  margin: 20px;
}
body.teal-light-theme .mt-lg {
  margin-top: 20px;
}
body.teal-light-theme .mr-lg {
  margin-right: 20px;
}
body.teal-light-theme .mb-lg {
  margin-bottom: 20px;
}
body.teal-light-theme .ml-lg {
  margin-left: 20px;
}
body.teal-light-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.teal-light-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.teal-light-theme .m-xlg {
  margin: 25px;
}
body.teal-light-theme .mt-xlg {
  margin-top: 25px;
}
body.teal-light-theme .mr-xlg {
  margin-right: 25px;
}
body.teal-light-theme .mb-xlg {
  margin-bottom: 25px;
}
body.teal-light-theme .ml-xlg {
  margin-left: 25px;
}
body.teal-light-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.teal-light-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.teal-light-theme .p-xs {
  padding: 5px;
}
body.teal-light-theme .pt-xs {
  padding-top: 5px;
}
body.teal-light-theme .pr-xs {
  padding-right: 5px;
}
body.teal-light-theme .pb-xs {
  padding-bottom: 5px;
}
body.teal-light-theme .pl-xs {
  padding-left: 5px;
}
body.teal-light-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.teal-light-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.teal-light-theme .p-sm {
  padding: 10px;
}
body.teal-light-theme .pt-sm {
  padding-top: 10px;
}
body.teal-light-theme .pr-sm {
  padding-right: 10px;
}
body.teal-light-theme .pb-sm {
  padding-bottom: 10px;
}
body.teal-light-theme .pl-sm {
  padding-left: 10px;
}
body.teal-light-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.teal-light-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.teal-light-theme .p-md {
  padding: 15px;
}
body.teal-light-theme .pt-md {
  padding-top: 15px;
}
body.teal-light-theme .pr-md {
  padding-right: 15px;
}
body.teal-light-theme .pb-md {
  padding-bottom: 15px;
}
body.teal-light-theme .pl-md {
  padding-left: 15px;
}
body.teal-light-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.teal-light-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.teal-light-theme .p-lg {
  padding: 20px;
}
body.teal-light-theme .pt-lg {
  padding-top: 20px;
}
body.teal-light-theme .pr-lg {
  padding-right: 20px;
}
body.teal-light-theme .pb-lg {
  padding-bottom: 20px;
}
body.teal-light-theme .pl-lg {
  padding-left: 20px;
}
body.teal-light-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.teal-light-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.teal-light-theme .p-xlg {
  padding: 25px;
}
body.teal-light-theme .pt-xlg {
  padding-top: 25px;
}
body.teal-light-theme .pr-xlg {
  padding-right: 25px;
}
body.teal-light-theme .pb-xlg {
  padding-bottom: 25px;
}
body.teal-light-theme .pl-xlg {
  padding-left: 25px;
}
body.teal-light-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.teal-light-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.teal-light-theme .text-normal {
  font-weight: 400;
}
body.teal-light-theme .text-bold {
  font-weight: 700;
}
body.teal-light-theme .text-italic {
  font-style: italic;
}
body.teal-light-theme .text-strike {
  text-decoration: line-through;
}
body.teal-light-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.teal-light-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.teal-light-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.teal-light-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.teal-light-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.teal-light-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.teal-light-theme .font-16 {
  font-size: 16px;
}
body.teal-light-theme .font-14 {
  font-size: 14px;
}
body.teal-light-theme .font-12 {
  font-size: 12px;
}
body.teal-light-theme .font-10 {
  font-size: 10px;
}
body.teal-light-theme .text-lg {
  color: #f1f1f1;
}
body.teal-light-theme .text-mdg {
  color: #ccc;
}
body.teal-light-theme .text-dg {
  color: #909190;
}
body.teal-light-theme .text-mb {
  color: #2c2b2b;
}
body.teal-light-theme .text-mg {
  color: #6e6e6e;
}
body.teal-light-theme .text-theme {
  color: #18ba9b;
}
body.teal-light-theme .no-bg {
  background: transparent;
}
body.teal-light-theme .bg-theme {
  background-color: #18ba9b;
}
body.teal-light-theme .bg-lg {
  background-color: #f1f1f1;
}
body.teal-light-theme .bg-mdg {
  background-color: #ccc;
}
body.teal-light-theme .bg-dg {
  background-color: #909190;
}
body.teal-light-theme .bg-mb {
  background-color: #2c2b2b;
}
body.teal-light-theme .bg-mg {
  background-color: #6e6e6e;
}
body.teal-light-theme .height-30 {
  min-height: 30px;
}
body.teal-light-theme .height-40 {
  min-height: 40px;
}
body.teal-light-theme .height-50 {
  min-height: 50px;
}
body.teal-light-theme .height-100 {
  min-height: 100px;
}
body.teal-light-theme .height-150 {
  min-height: 150px;
}
body.teal-light-theme .height-200 {
  min-height: 200px;
}
body.teal-light-theme .height-320 {
  min-height: 320px;
}
body.teal-light-theme .width-30 {
  min-width: 30px;
}
body.teal-light-theme .width-40 {
  min-width: 40px;
}
body.teal-light-theme .width-50 {
  min-width: 50px;
}
body.teal-light-theme .width-100 {
  min-width: 100px;
}
body.teal-light-theme .width-150 {
  min-width: 150px;
}
body.teal-light-theme .width-200 {
  min-width: 200px;
}
body.teal-light-theme .width-320 {
  min-width: 320px;
}
body.teal-light-theme .progress.progress-xxs {
  height: 2px;
}
body.teal-light-theme .progress.progress-xs {
  height: 5px;
}
body.teal-light-theme .progress.progress-sm {
  height: 10px;
}
body.teal-light-theme .progress.progress-lg {
  height: 20px;
}
body.teal-light-theme ::-moz-selection {
  color: #fff;
  background: #18ba9b;
}
body.teal-light-theme ::selection {
  color: #fff;
  background: #18ba9b;
}
body.teal-light-theme .avatar {
  width: 32px;
}
body.teal-light-theme .avatar.avatar-xxs {
  width: 16px;
}
body.teal-light-theme .avatar.avatar-xs {
  width: 24px;
}
body.teal-light-theme .avatar.avatar-sm {
  width: 32px;
}
body.teal-light-theme .avatar.avatar-md {
  width: 40px;
}
body.teal-light-theme .avatar.avatar-lg {
  width: 64px;
}
body.teal-light-theme .avatar.avatar-xl {
  width: 128px;
}
body.teal-light-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.teal-light-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.teal-light-theme .btn.btn-theme {
  background-color: #18ba9b;
  color: #fff;
}
body.teal-light-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #128d75;
}
body.teal-light-theme .btn.btn-theme:active,
body.teal-light-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #1cdab5;
}
body.teal-light-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #18ba9b;
}
body.teal-light-theme .btn.btn-outline-theme {
  color: #18ba9b;
  background-color: transparent;
  border: 1px solid;
}
body.teal-light-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #18ba9b !important;
  border-color: #128d75;
}
body.teal-light-theme .btn.btn-outline-theme:active,
body.teal-light-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #1cdab5;
}
body.teal-light-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.teal-light-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.teal-light-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.teal-light-theme input,
body.teal-light-theme select,
body.teal-light-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.teal-light-theme input:focus,
body.teal-light-theme select:focus,
body.teal-light-theme textarea:focus {
  border: 1px solid #18ba9b;
  box-shadow: none !important;
}
body.teal-light-theme .badge-theme,
body.teal-light-theme .theme-item {
  background-color: #18ba9b;
  color: #fff;
}
body.teal-light-theme .badge-theme *,
body.teal-light-theme .theme-item * {
  color: #fff;
}
body.teal-light-theme .theme-item:hover,
body.teal-light-theme .item-group:hover {
  background-color: #128d75;
}
body.teal-light-theme .theme-item:hover a,
body.teal-light-theme .item-group:hover a {
  background-color: #128d75;
}
body.teal-light-theme .theme-item:hover *,
body.teal-light-theme .item-group:hover * {
  color: #fff;
}
body.teal-light-theme .label.label-theme {
  background-color: #18ba9b;
  color: #fff;
}
body.teal-light-theme table tr td,
body.teal-light-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.teal-light-theme .table-responsive table tr td,
  body.teal-light-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.teal-light-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.teal-light-theme .footer.fixed {
  position: fixed;
}
body.teal-light-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.teal-light-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.teal-light-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.teal-light-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.teal-light-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.teal-light-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.teal-light-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.teal-light-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.teal-light-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.teal-light-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.teal-light-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.teal-light-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.teal-light-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.teal-light-theme .ribbon.ribbon-theme span {
  background: #18ba9b;
}
body.teal-light-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #18ba9b;
  border-top: 3px solid #18ba9b;
}
body.teal-light-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #18ba9b;
  border-top: 3px solid #18ba9b;
}
body.teal-light-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.teal-light-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.teal-light-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.teal-light-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.teal-light-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.teal-light-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.teal-light-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.teal-light-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.teal-light-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.teal-light-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.teal-light-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.teal-light-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.teal-light-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.teal-light-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.teal-light-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.teal-light-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.teal-light-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.teal-light-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.teal-light-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.teal-light-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.teal-light-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.teal-light-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.teal-light-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.teal-light-theme .todo-lists ul {
  padding: 0 10px;
}
body.teal-light-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.teal-light-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.teal-light-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.teal-light-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.teal-light-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.teal-light-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.teal-light-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.teal-light-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.teal-light-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.teal-light-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.teal-light-theme .media-block .media {
    display: block !important;
  }
  body.teal-light-theme .media-block .media img {
    width: 100% !important;
  }
}
body.teal-light-theme .select2-selection--multiple,
body.teal-light-theme .select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}
body.teal-light-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #18ba9b;
}
body.teal-light-theme .select2-selection__choice,
body.teal-light-theme .select2-selection__choice__remove {
  background-color: #18ba9b !important;
  border: 1px solid #18ba9b !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.teal-light-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #18ba9b;
  color: #fff;
}
body.teal-light-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.teal-light-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.teal-light-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.teal-light-theme .ui-sortable .sortable-dragging,
body.teal-light-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.teal-light-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.teal-light-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.teal-light-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.teal-light-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.teal-light-theme .context-menu-list.context-menu-root .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.teal-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.teal-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.teal-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.teal-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.teal-light-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.teal-light-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.teal-light-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.teal-light-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #18ba9b;
  color: #fff;
}
body.teal-light-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.teal-light-theme
  .introjs-tooltipReferenceLayer
  .introjs-helperNumberLayer {
  left: 10px;
}
body.teal-light-theme .config .barcode2D {
  display: none;
}
body.teal-light-theme .miscCanvas {
  display: none;
}
body.teal-light-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.teal-light-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.teal-light-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.teal-light-theme .mega {
    font-size: 4rem;
  }
}
body.teal-light-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.teal-light-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.teal-light-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.teal-light-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.teal-light-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.teal-light-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.teal-light-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.teal-light-theme .fileinput-preview {
  max-height: 150px;
}
body.teal-light-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.teal-light-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.teal-light-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.teal-light-theme .sidebar.sidebar-v1 .sidebar-search input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.teal-light-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.teal-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.teal-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.teal-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.teal-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.teal-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.teal-light-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.teal-light-theme
  .sidebar.sidebar-v1
  .sidebar-statistics
  .statistics-font-color {
  color: #909190;
}
body.teal-light-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.teal-light-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.teal-light-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.teal-light-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.teal-light-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.teal-light-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.teal-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.teal-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #18ba9b;
}
body.teal-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.teal-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.teal-light-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.teal-light-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.teal-light-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.teal-light-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.teal-light-theme .sidebar.sidebar-v1 .sidebar-menu li a .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.teal-light-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #18ba9b;
  padding: 10px 13px 10px 15px;
}
body.teal-light-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #18ba9b;
}
body.teal-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a.active
  .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.teal-light-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.teal-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #18ba9b;
}
body.teal-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a {
  padding-left: 30px;
}
body.teal-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a
  i {
  margin-right: 10px;
  font-size: 15px;
}
body.teal-light-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu.open {
  max-height: 100%;
}
body.teal-light-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.teal-light-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.teal-light-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.teal-light-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #18ba9b;
}
body.teal-light-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.teal-light-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.teal-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.teal-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.teal-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.teal-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.teal-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  > a
  > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.teal-light-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.teal-light-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.teal-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.teal-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > .treeview-menu {
  display: block;
}
body.teal-light-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.teal-light-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #18ba9b;
  padding-right: 0;
}
body.teal-light-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.teal-light-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li {
  margin: 0;
  padding: 5px;
}
body.teal-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.teal-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.teal-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i {
  width: 25px;
}
body.teal-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.teal-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li:hover {
  padding-right: 3px;
}
body.teal-light-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.teal-light-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.teal-light-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.teal-light-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.teal-light-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.teal-light-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.teal-light-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.teal-light-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.teal-light-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.teal-light-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.teal-light-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.teal-light-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.teal-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.teal-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.teal-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.teal-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.teal-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > span {
  display: table-cell;
  vertical-align: middle;
}
body.teal-light-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.teal-light-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.teal-light-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.teal-light-theme .main-wrapper {
    margin-left: 230px;
  }
  body.teal-light-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.teal-light-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.teal-light-theme .wrapper.sidebar-mini.sidebar-collapse .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.teal-light-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.teal-light-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li {
    position: relative;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #18ba9b;
  }
  body.teal-light-theme .wrapper.sidebar-mini.sidebar-collapse .profile-nav {
    display: none;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.teal-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.teal-light-theme .menu-toggle {
    display: block !important;
  }
  body.teal-light-theme .sidebar-v1 {
    left: -230px;
  }
  body.teal-light-theme .footer {
    margin-left: 0;
  }
  body.teal-light-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.teal-light-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.teal-light-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.teal-light-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.teal-light-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.teal-light-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.teal-light-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.teal-light-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #fff;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #f1f1f1;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.teal-light-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #f1f1f1;
}
body.teal-light-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #1e1e1e;
  border: none;
  margin: 0px;
}
body.teal-light-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #18ba9b;
  color: #fff;
  border-bottom: 2px solid #128d75;
}
body.teal-light-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #18ba9b;
  color: #fff;
  border-bottom: 2px solid #128d75;
}
body.teal-light-theme .right-sidebar .nav-tabs li a.active {
  background-color: #18ba9b;
  color: #fff;
  border-bottom: 2px solid #128d75;
}
body.teal-light-theme
  .right-sidebar
  .tab-content
  .input-group
  .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.teal-light-theme .right-sidebar .tab-content input {
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.teal-light-theme .right-sidebar .tab-content textarea {
  color: #6e6e6e;
}
body.teal-light-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.teal-light-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.teal-light-theme .right-sidebar .tab-content #chat .small-badges.active {
  background-color: #00a65a;
}
body.teal-light-theme .right-sidebar .tab-content #chat .small-badges.offline {
  background-color: #dd4b39;
}
body.teal-light-theme .right-sidebar .tab-content #chat .small-badges.idle {
  background-color: #f39c12;
}
body.teal-light-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #6e6e6e;
}
body.teal-light-theme .right-sidebar .tab-content #chat .content-body a:hover {
  background-color: #18ba9b;
  border-radius: 50%;
  color: #fff;
}
body.teal-light-theme .right-sidebar .tab-content #chat h5 {
  color: #6e6e6e;
}
body.teal-light-theme .right-sidebar .tab-content #chat p {
  color: #909190;
}
body.teal-light-theme .right-sidebar .tab-content #tasks {
  color: #6e6e6e;
}
body.teal-light-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #f1f1f1;
}
body.teal-light-theme .right-sidebar .tab-content #tasks p,
body.teal-light-theme .right-sidebar .tab-content #tasks h6 {
  color: #909190;
}
body.teal-light-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.teal-light-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.teal-light-theme .right-sidebar .tab-content #tasks ul li a {
  color: #6e6e6e;
}
body.teal-light-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #fff;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.teal-light-theme .right-sidebar .chat-sidebar-chat .content-chat-body h5 {
  background: #b7b7b7;
}
body.teal-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.teal-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.teal-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #b7b7b7;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.teal-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #b7b7b7;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.teal-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #18ba9b;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.teal-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #18ba9b transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.teal-light-theme .right-sidebar .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.teal-light-theme .right-sidebar .right-sidebar-setting label {
  color: #6e6e6e;
}
body.teal-light-theme .right-sidebar .right-sidebar-setting h4 {
  color: #6e6e6e;
  border-top: 1px solid #f1f1f1;
}
body.teal-light-theme .right-sidebar .right-sidebar-setting small,
body.teal-light-theme .right-sidebar .right-sidebar-setting p {
  color: #909190;
}
body.teal-light-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.teal-light-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.teal-light-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.teal-light-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.teal-light-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.teal-light-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.teal-light-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.teal-light-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.teal-light-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.teal-light-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.teal-light-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.teal-light-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.teal-light-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.teal-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.teal-light-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.teal-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.teal-light-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.teal-light-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.teal-light-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.teal-light-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #18ba9b;
}
body.teal-light-theme .header .navbar {
  border: none !important;
}
body.teal-light-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.teal-light-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.teal-light-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.teal-light-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.teal-light-theme .header .navbar-lg .setting-block .top-block .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.teal-light-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.teal-light-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.teal-light-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.teal-light-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.teal-light-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.teal-light-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.teal-light-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #1e1e1e;
}
body.teal-light-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #1e1e1e;
}
body.teal-light-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #18ba9b;
  color: #fff;
}
body.teal-light-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #18ba9b;
  color: #fff;
}
body.teal-light-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.teal-light-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.teal-light-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.teal-light-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.teal-light-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.teal-light-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.teal-light-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.teal-light-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.teal-light-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.teal-light-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.teal-light-theme .settings-menu {
  background: #fff;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #1e1e1e;
  border: 1px solid #ccc;
  overflow-y: auto;
}
body.teal-light-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #ccc;
}
body.teal-light-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.teal-light-theme .settings-menu .setting-box {
  color: #2c2b2b;
  background-color: #f1f1f1;
}
body.teal-light-theme .settings-menu-fixed {
  position: fixed !important;
}
body.teal-light-theme .nav-profile .nav-link span.active {
  color: #18ba9b;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.teal-light-theme .nav-profile .dropdown-menu {
  background: #fff none repeat scroll 0 0;
  color: #1e1e1e;
  border-top: 1px solid #f1f1f1;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.teal-light-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.teal-light-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.teal-light-theme .nav-profile .dropdown-menu span.active {
  color: #18ba9b;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.teal-light-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #f1f1f1;
}
body.teal-light-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #1e1e1e;
}
body.teal-light-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #18ba9b none repeat scroll 0 0;
  border-left: 2px solid #128d75;
  color: #fff;
}
body.teal-light-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.teal-light-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
  }
  body.teal-light-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.teal-light-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.teal-light-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.teal-light-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.teal-light-theme .nav-profile .dropdown-menu span.active {
    color: #18ba9b;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.teal-light-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.teal-light-theme .header .logo {
    width: 190px;
  }
  body.teal-light-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.teal-light-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.teal-light-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.teal-light-theme .nav-profile .dropdown-menu span.active {
    color: #18ba9b;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.teal-light-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.teal-light-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.teal-light-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.teal-light-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.teal-light-theme .image-grid > li.main-image {
  width: 50%;
}
body.teal-light-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.teal-light-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.teal-light-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #18ba9b;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.teal-light-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.teal-light-theme .scrollToTop:hover {
  background-color: #128d75;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.teal-light-theme .breadcrumb-page-title,
  body.teal-light-theme .theme-setting-icon,
  body.teal-light-theme .theme-setting-menu,
  body.teal-light-theme .scrollToTop,
  body.teal-light-theme .right-sidebar,
  body.teal-light-theme .settings-menu,
  body.teal-light-theme .sidebar,
  body.teal-light-theme .header,
  body.teal-light-theme .footer,
  body.teal-light-theme .btn {
    display: none !important;
  }
  body.teal-light-theme .main-wrapper {
    margin-left: 0;
  }
}
body.teal-light-theme .pace {
  display: none;
}
body.teal-light-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.teal-light-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.teal-light-theme .page-loader-container .page-loader .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.teal-light-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.teal-light-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.teal-light-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.teal-light-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.teal-light-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.teal-light-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.teal-light-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #18ba9b;
}
body.teal-light-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #18ba9b;
}
body.teal-light-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #18ba9b;
}
body.teal-light-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #18ba9b;
}
body.teal-light-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.teal-light-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.teal-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.teal-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image
  img {
  max-width: 100%;
}
body.teal-light-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.teal-light-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.teal-light-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.teal-light-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.teal-light-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.teal-light-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.teal-light-theme .mail ul li a {
  color: #909190;
}
body.teal-light-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.teal-light-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.teal-light-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.teal-light-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.teal-light-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.teal-light-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.teal-light-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.teal-light-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.teal-light-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.teal-light-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.teal-light-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.teal-light-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.teal-light-theme .readmail .filebox .file img {
  height: 148px;
}
body.teal-light-theme .readmail .filebox .filename {
  height: 70px;
}
body.teal-light-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.teal-light-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.teal-light-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.teal-light-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.teal-light-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.teal-light-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.teal-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group {
  margin-bottom: 0;
}
body.teal-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.teal-light-theme .mail .compose-mail .compose-message .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.teal-light-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.teal-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.teal-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.teal-light-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.teal-light-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.teal-light-theme .mail .compose-mail .mail-footer .right-block .send {
  width: 90px;
  height: 35px;
}
body.teal-light-theme .mail .compose-mail .mail-footer .right-block .send:focus,
body.teal-light-theme .mail .compose-mail .mail-footer .right-block .tool {
  color: #fff;
}
body.teal-light-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.teal-light-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.teal-light-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.teal-light-theme .mail .note-editor.note-frame.card .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.teal-light-theme .mail .note-resizebar {
  display: none;
}
body.teal-light-theme
  .selectize-control.selectize-email.multi
  .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.teal-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.teal-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.teal-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.teal-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.teal-light-theme
  .selectize-control.plugin-remove_button
  [data-value]
  .remove {
  border-left-color: #fff;
  color: #fff;
}
body.teal-light-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.teal-light-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.teal-light-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.teal-light-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.teal-light-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.teal-light-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.teal-light-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.teal-light-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.teal-light-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.teal-light-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.teal-light-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.teal-light-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.teal-light-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.teal-light-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.teal-light-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.teal-light-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.teal-light-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.teal-light-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.teal-light-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.teal-light-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.teal-light-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.teal-light-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.teal-light-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.teal-light-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.teal-light-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.teal-light-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.teal-light-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.teal-light-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.teal-light-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.teal-light-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.teal-light-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.teal-light-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.teal-light-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.teal-light-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.teal-light-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.teal-light-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.teal-light-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.teal-light-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.teal-light-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.teal-light-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.teal-light-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.teal-light-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.teal-light-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.teal-light-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.teal-light-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.teal-light-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.teal-light-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.teal-light-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.teal-light-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.teal-light-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.teal-light-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.teal-light-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.teal-light-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.teal-light-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.teal-light-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.teal-light-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.teal-light-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.teal-light-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.teal-light-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.teal-light-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.teal-light-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.teal-light-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.teal-light-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.teal-light-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.teal-light-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.teal-light-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.teal-light-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.teal-light-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.teal-light-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.teal-light-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.teal-light-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.teal-light-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.teal-light-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.teal-light-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.teal-light-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.teal-light-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.teal-light-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.teal-light-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.teal-light-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.teal-light-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.teal-light-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.teal-light-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.teal-light-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.teal-light-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.teal-light-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.teal-light-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.teal-light-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.teal-light-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.teal-light-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.teal-light-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.teal-light-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.teal-light-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.teal-light-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.teal-light-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.teal-light-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.teal-light-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.teal-light-theme .contact-primary,
body.teal-light-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.teal-light-theme .contact-primary .img-block .social,
body.teal-light-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.teal-light-theme .contact-primary .img-block .social i,
body.teal-light-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.teal-light-theme .contact-primary .contact-info,
body.teal-light-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.teal-light-theme .contact-primary .contact-info .info-block,
body.teal-light-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.teal-light-theme .contact-primary .contact-info .detail,
body.teal-light-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.teal-light-theme .contact-primary .contact-info .detail.name,
body.teal-light-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.teal-light-theme .contact-primary:hover,
body.teal-light-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.teal-light-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.teal-light-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.teal-light-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.teal-light-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.teal-light-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.teal-light-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.teal-light-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.teal-light-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.teal-light-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.teal-light-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.teal-light-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.teal-light-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.teal-light-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.teal-light-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.teal-light-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.teal-light-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.teal-light-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.teal-light-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.teal-light-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.teal-light-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.teal-light-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.teal-light-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.teal-light-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.teal-light-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.teal-light-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.teal-light-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.teal-light-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.teal-light-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.teal-light-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.teal-light-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.teal-light-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.teal-light-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.teal-light-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.teal-light-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.teal-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.teal-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.teal-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.teal-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.teal-light-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.teal-light-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.teal-light-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.teal-light-theme .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.teal-light-theme .cssanimations .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.teal-light-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.teal-light-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.teal-light-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.teal-light-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.teal-light-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.teal-light-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.teal-light-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.teal-light-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.teal-light-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.teal-light-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.teal-light-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.teal-light-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #18ba9b;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.teal-light-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.teal-light-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.teal-light-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.teal-light-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.teal-light-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #18ba9b;
  border-color: #18ba9b;
}
body.teal-light-theme .cd-horizontal-timeline .events a.older-event::after {
  border-color: #18ba9b;
}
body.teal-light-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.teal-light-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.teal-light-theme .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.teal-light-theme .cd-horizontal-timeline .events-content li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.teal-light-theme .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.teal-light-theme .cd-horizontal-timeline .events-content li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.teal-light-theme .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.teal-light-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.teal-light-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.teal-light-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.teal-light-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.teal-light-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.teal-light-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.teal-light-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.teal-light-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.teal-light-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.teal-light-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.teal-light-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.teal-light-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.teal-light-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.teal-light-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.teal-light-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.teal-light-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.teal-light-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.teal-light-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.teal-light-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.teal-light-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.teal-light-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.teal-light-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.teal-light-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.teal-light-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.teal-light-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.teal-light-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.teal-light-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.teal-light-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.teal-light-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.teal-light-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.teal-light-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.teal-light-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.teal-light-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.teal-light-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.teal-light-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.teal-light-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.teal-light-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.teal-light-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.teal-light-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.teal-light-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.teal-light-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.teal-light-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.teal-light-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.teal-light-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.teal-light-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.teal-light-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.teal-light-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.teal-light-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.teal-light-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.teal-light-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.teal-light-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.teal-light-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.teal-light-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.teal-light-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.teal-light-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.teal-light-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.teal-light-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.teal-light-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.teal-light-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.teal-light-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.teal-light-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.teal-light-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.teal-light-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.teal-light-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.teal-light-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.teal-light-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.teal-light-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.teal-light-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.teal-light-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.teal-light-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.teal-light-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.teal-light-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.teal-light-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.teal-light-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.teal-light-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.teal-light-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.teal-light-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.teal-light-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.teal-light-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.teal-light-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.teal-light-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.teal-light-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.teal-light-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.teal-light-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.teal-light-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.teal-light-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.teal-light-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.teal-light-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.teal-light-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.teal-light-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.teal-light-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.teal-light-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.teal-light-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.teal-light-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.teal-light-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.teal-light-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.teal-light-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.teal-light-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.teal-light-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.teal-light-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.teal-light-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.teal-light-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.teal-light-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.teal-light-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.teal-light-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.teal-light-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.teal-light-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.teal-light-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.teal-light-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.teal-light-theme .product-detail .product-image-list img:first-child {
  margin-left: 0;
}
body.teal-light-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.teal-light-theme .product-detail .product-img img {
  max-width: 100%;
}
body.teal-light-theme .product-grid-primary,
body.teal-light-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.teal-light-theme .product-grid-primary .product-img,
body.teal-light-theme .product-grid-secondary .product-img {
  position: relative;
}
body.teal-light-theme .product-grid-primary .product-img .product-like,
body.teal-light-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.teal-light-theme .product-grid-primary .product-img .product-like:hover,
body.teal-light-theme .product-grid-secondary .product-img .product-like:hover {
  color: #18ba9b;
}
body.teal-light-theme .product-grid-primary .product-detail,
body.teal-light-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.teal-light-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.teal-light-theme .file-manager .toggle-file-menu {
  display: none;
}
body.teal-light-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.teal-light-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.teal-light-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.teal-light-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.teal-light-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.teal-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type {
  bottom: 0px;
  right: 5px;
}
body.teal-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.teal-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.teal-light-theme .file-manager .file-block .file-view .folder .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.teal-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.teal-light-theme .file-manager .file-block .file-view .folder .file,
body.teal-light-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.teal-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type,
body.teal-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-type {
  position: absolute;
}
body.teal-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.teal-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.teal-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.teal-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.teal-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.teal-light-theme .file-manager .file-block .file-view .doc .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.teal-light-theme .file-manager .file-block .file-view .doc .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.teal-light-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.teal-light-theme .file-manager .file-block.file-menu-close .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.teal-light-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.teal-light-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.teal-light-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.teal-light-theme .other-widgets-box {
  background-color: #15337e;
}
body.teal-light-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.teal-light-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.teal-light-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.teal-light-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.teal-light-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.teal-light-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.teal-light-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.teal-light-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.teal-light-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.teal-light-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.teal-light-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.teal-light-theme .social-widgets .profile .social-profile .profile-avatar {
  height: 120px;
}
body.teal-light-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.teal-light-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.teal-light-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.teal-light-theme .social-widgets .profile.profile-cover-bg {
  background: #18ba9b url(../../images/login_box_bg.png);
}
body.teal-light-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.teal-light-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.teal-light-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.teal-light-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.teal-light-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.teal-light-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.teal-light-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.teal-light-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.teal-light-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.teal-light-theme .amcharts-export-menu-top-right {
  display: none;
}
body.teal-light-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.teal-light-theme .sales-performance .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.teal-light-theme .social-analytics .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.teal-light-theme .sales-performance .amcharts-graph-g3,
body.teal-light-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.teal-light-theme .sales-performance .amcharts-value-axis.value-axis-a3,
body.teal-light-theme .social-analytics .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.teal-light-theme .sales-performance .lastBullet,
body.teal-light-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.teal-light-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.teal-light-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.teal-light-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.teal-light-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.teal-light-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.teal-light-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.teal-light-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.teal-light-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.teal-light-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.teal-light-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.teal-light-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.teal-light-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.teal-light-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.teal-light-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.teal-light-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.teal-light-theme .theme-border-color {
  border-color: #18ba9b;
}
body.teal-light-theme .primary-border-color {
  border-color: #286090;
}
body.teal-light-theme .danger-border-color {
  border-color: #d73925;
}
body.teal-light-theme .info-border-color {
  border-color: #00acd6;
}
body.teal-light-theme .warning-border-color {
  border-color: #e08e0b;
}
body.teal-light-theme .success-border-color {
  border-color: #008d4c;
}
body.teal-light-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.teal-light-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #18ba9b !important;
  border-radius: 0px;
}
body.teal-light-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.teal-light-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.teal-light-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.teal-light-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.teal-light-theme .material-card h2 span {
  display: block;
}
body.teal-light-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.teal-light-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.teal-light-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.teal-light-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.teal-light-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.teal-light-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.teal-light-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.teal-light-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.teal-light-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.teal-light-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.teal-light-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.teal-light-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.teal-light-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.teal-light-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.teal-light-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.teal-light-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.teal-light-theme .material-card.mc-active h2:before {
  top: 0;
}
body.teal-light-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.teal-light-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.teal-light-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.teal-light-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.teal-light-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.teal-light-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.teal-light-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.teal-light-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.teal-light-theme .material-card.theme h2 {
  background-color: #18ba9b;
}
body.teal-light-theme .material-card.theme h2:after {
  border-top-color: #18ba9b;
  border-right-color: #18ba9b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #128d75;
  border-bottom-color: #128d75;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.theme .mc-btn-action {
  background-color: #18ba9b;
}
body.teal-light-theme .material-card.theme .mc-btn-action:hover {
  background-color: #128d75;
}
body.teal-light-theme .material-card.theme .mc-footer h4 {
  color: #128d75;
}
body.teal-light-theme .material-card.theme .mc-footer a {
  background-color: #128d75;
}
body.teal-light-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #18ba9b;
  border-bottom-color: #18ba9b;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.theme.mc-active h2:after {
  border-top-color: #128d75;
  border-right-color: #128d75;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.teal-light-theme .material-card.theme.mc-active .mc-footer {
  background-color: #18ba9b;
}
body.teal-light-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.teal-light-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.teal-light-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.teal-light-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.teal-light-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.teal-light-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.teal-light-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.teal-light-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.teal-light-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.teal-light-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.teal-light-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.teal-light-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.teal-light-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.teal-light-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.teal-light-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.teal-light-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.teal-light-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.teal-light-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.teal-light-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.teal-light-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.teal-light-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.teal-light-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.teal-light-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.teal-light-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.teal-light-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.teal-light-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.teal-light-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.teal-light-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.teal-light-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.teal-light-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.teal-light-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.teal-light-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.teal-light-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.teal-light-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.teal-light-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.teal-light-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.teal-light-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.teal-light-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.teal-light-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.teal-light-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.teal-light-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.teal-light-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.teal-light-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.teal-light-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.teal-light-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.teal-light-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.teal-light-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.teal-light-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.teal-light-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.teal-light-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.teal-light-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.teal-light-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.teal-light-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.teal-light-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.teal-light-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.teal-light-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.teal-light-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.teal-light-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.teal-light-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.teal-light-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.teal-light-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.teal-light-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.teal-light-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.teal-light-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.teal-light-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.teal-light-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.teal-light-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.teal-light-theme .wrapper:after {
  display: table;
  content: " ";
}
body.teal-light-theme .wrapper:before {
  display: table;
  content: " ";
}
body.teal-light-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.teal-light-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.teal-light-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.teal-light-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.teal-light-theme .fixed-width-page .card,
body.teal-light-theme .card-page .card,
body.teal-light-theme .fixed-width-page .card-body,
body.teal-light-theme .card-page .card-body {
  min-height: 500px;
}
body.teal-light-theme .fixed-width-page .card h2,
body.teal-light-theme .card-page .card h2,
body.teal-light-theme .fixed-width-page .card-body h2,
body.teal-light-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.teal-light-theme.full-width-page .main-wrapper,
body.teal-light-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.teal-light-theme.full-width-page .logo {
  background: #fff;
}
body.teal-light-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.teal-light-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.teal-light-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/***********************************************************
 ** fresh-apple-light-theme.less
 ** 
 ** Main LESS file for Fresh Apple Light Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ***********************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.fresh-apple-light-theme {
  /*******************************************************
 ** fresh-apple-light-theme _variables.less
 ** 
 ** LESS variables for Fresh Apple Light Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /**************************
 * Fresh Apple Light Theme
 **************************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.fresh-apple-light-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.fresh-apple-light-theme a {
  text-decoration: none;
}
body.fresh-apple-light-theme h1 {
  font-size: 36px;
}
body.fresh-apple-light-theme h2 {
  font-size: 30px;
}
body.fresh-apple-light-theme h3 {
  font-size: 24px;
}
body.fresh-apple-light-theme h4 {
  font-size: 18px;
}
body.fresh-apple-light-theme h5 {
  font-size: 14px;
}
body.fresh-apple-light-theme h6 {
  font-size: 12px;
}
body.fresh-apple-light-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.fresh-apple-light-theme .border-theme {
  border: 1px solid #74c52c !important;
}
body.fresh-apple-light-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.fresh-apple-light-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.fresh-apple-light-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.fresh-apple-light-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.fresh-apple-light-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.fresh-apple-light-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.fresh-apple-light-theme .border-r-sm {
  border-radius: 3px;
}
body.fresh-apple-light-theme .border-r-md {
  border-radius: 6px;
}
body.fresh-apple-light-theme .border-r-lg {
  border-radius: 12px;
}
body.fresh-apple-light-theme .border-r-xlg {
  border-radius: 24px;
}
body.fresh-apple-light-theme .m-xs {
  margin: 5px;
}
body.fresh-apple-light-theme .mt-xs {
  margin-top: 5px;
}
body.fresh-apple-light-theme .mr-xs {
  margin-right: 5px;
}
body.fresh-apple-light-theme .mb-xs {
  margin-bottom: 5px;
}
body.fresh-apple-light-theme .ml-xs {
  margin-left: 5px;
}
body.fresh-apple-light-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.fresh-apple-light-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.fresh-apple-light-theme .m-sm {
  margin: 10px;
}
body.fresh-apple-light-theme .mt-sm {
  margin-top: 10px;
}
body.fresh-apple-light-theme .mr-sm {
  margin-right: 10px;
}
body.fresh-apple-light-theme .mb-sm {
  margin-bottom: 10px;
}
body.fresh-apple-light-theme .ml-sm {
  margin-left: 10px;
}
body.fresh-apple-light-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.fresh-apple-light-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.fresh-apple-light-theme .m-md {
  margin: 15px;
}
body.fresh-apple-light-theme .mt-md {
  margin-top: 15px;
}
body.fresh-apple-light-theme .mr-md {
  margin-right: 15px;
}
body.fresh-apple-light-theme .mb-md {
  margin-bottom: 15px;
}
body.fresh-apple-light-theme .ml-md {
  margin-left: 15px;
}
body.fresh-apple-light-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.fresh-apple-light-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.fresh-apple-light-theme .m-lg {
  margin: 20px;
}
body.fresh-apple-light-theme .mt-lg {
  margin-top: 20px;
}
body.fresh-apple-light-theme .mr-lg {
  margin-right: 20px;
}
body.fresh-apple-light-theme .mb-lg {
  margin-bottom: 20px;
}
body.fresh-apple-light-theme .ml-lg {
  margin-left: 20px;
}
body.fresh-apple-light-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.fresh-apple-light-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.fresh-apple-light-theme .m-xlg {
  margin: 25px;
}
body.fresh-apple-light-theme .mt-xlg {
  margin-top: 25px;
}
body.fresh-apple-light-theme .mr-xlg {
  margin-right: 25px;
}
body.fresh-apple-light-theme .mb-xlg {
  margin-bottom: 25px;
}
body.fresh-apple-light-theme .ml-xlg {
  margin-left: 25px;
}
body.fresh-apple-light-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.fresh-apple-light-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.fresh-apple-light-theme .p-xs {
  padding: 5px;
}
body.fresh-apple-light-theme .pt-xs {
  padding-top: 5px;
}
body.fresh-apple-light-theme .pr-xs {
  padding-right: 5px;
}
body.fresh-apple-light-theme .pb-xs {
  padding-bottom: 5px;
}
body.fresh-apple-light-theme .pl-xs {
  padding-left: 5px;
}
body.fresh-apple-light-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.fresh-apple-light-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.fresh-apple-light-theme .p-sm {
  padding: 10px;
}
body.fresh-apple-light-theme .pt-sm {
  padding-top: 10px;
}
body.fresh-apple-light-theme .pr-sm {
  padding-right: 10px;
}
body.fresh-apple-light-theme .pb-sm {
  padding-bottom: 10px;
}
body.fresh-apple-light-theme .pl-sm {
  padding-left: 10px;
}
body.fresh-apple-light-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.fresh-apple-light-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.fresh-apple-light-theme .p-md {
  padding: 15px;
}
body.fresh-apple-light-theme .pt-md {
  padding-top: 15px;
}
body.fresh-apple-light-theme .pr-md {
  padding-right: 15px;
}
body.fresh-apple-light-theme .pb-md {
  padding-bottom: 15px;
}
body.fresh-apple-light-theme .pl-md {
  padding-left: 15px;
}
body.fresh-apple-light-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.fresh-apple-light-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.fresh-apple-light-theme .p-lg {
  padding: 20px;
}
body.fresh-apple-light-theme .pt-lg {
  padding-top: 20px;
}
body.fresh-apple-light-theme .pr-lg {
  padding-right: 20px;
}
body.fresh-apple-light-theme .pb-lg {
  padding-bottom: 20px;
}
body.fresh-apple-light-theme .pl-lg {
  padding-left: 20px;
}
body.fresh-apple-light-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.fresh-apple-light-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.fresh-apple-light-theme .p-xlg {
  padding: 25px;
}
body.fresh-apple-light-theme .pt-xlg {
  padding-top: 25px;
}
body.fresh-apple-light-theme .pr-xlg {
  padding-right: 25px;
}
body.fresh-apple-light-theme .pb-xlg {
  padding-bottom: 25px;
}
body.fresh-apple-light-theme .pl-xlg {
  padding-left: 25px;
}
body.fresh-apple-light-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.fresh-apple-light-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.fresh-apple-light-theme .text-normal {
  font-weight: 400;
}
body.fresh-apple-light-theme .text-bold {
  font-weight: 700;
}
body.fresh-apple-light-theme .text-italic {
  font-style: italic;
}
body.fresh-apple-light-theme .text-strike {
  text-decoration: line-through;
}
body.fresh-apple-light-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.fresh-apple-light-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.fresh-apple-light-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.fresh-apple-light-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.fresh-apple-light-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.fresh-apple-light-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.fresh-apple-light-theme .font-16 {
  font-size: 16px;
}
body.fresh-apple-light-theme .font-14 {
  font-size: 14px;
}
body.fresh-apple-light-theme .font-12 {
  font-size: 12px;
}
body.fresh-apple-light-theme .font-10 {
  font-size: 10px;
}
body.fresh-apple-light-theme .text-lg {
  color: #f1f1f1;
}
body.fresh-apple-light-theme .text-mdg {
  color: #ccc;
}
body.fresh-apple-light-theme .text-dg {
  color: #909190;
}
body.fresh-apple-light-theme .text-mb {
  color: #2c2b2b;
}
body.fresh-apple-light-theme .text-mg {
  color: #6e6e6e;
}
body.fresh-apple-light-theme .text-theme {
  color: #74c52c;
}
body.fresh-apple-light-theme .no-bg {
  background: transparent;
}
body.fresh-apple-light-theme .bg-theme {
  background-color: #74c52c;
}
body.fresh-apple-light-theme .bg-lg {
  background-color: #f1f1f1;
}
body.fresh-apple-light-theme .bg-mdg {
  background-color: #ccc;
}
body.fresh-apple-light-theme .bg-dg {
  background-color: #909190;
}
body.fresh-apple-light-theme .bg-mb {
  background-color: #2c2b2b;
}
body.fresh-apple-light-theme .bg-mg {
  background-color: #6e6e6e;
}
body.fresh-apple-light-theme .height-30 {
  min-height: 30px;
}
body.fresh-apple-light-theme .height-40 {
  min-height: 40px;
}
body.fresh-apple-light-theme .height-50 {
  min-height: 50px;
}
body.fresh-apple-light-theme .height-100 {
  min-height: 100px;
}
body.fresh-apple-light-theme .height-150 {
  min-height: 150px;
}
body.fresh-apple-light-theme .height-200 {
  min-height: 200px;
}
body.fresh-apple-light-theme .height-320 {
  min-height: 320px;
}
body.fresh-apple-light-theme .width-30 {
  min-width: 30px;
}
body.fresh-apple-light-theme .width-40 {
  min-width: 40px;
}
body.fresh-apple-light-theme .width-50 {
  min-width: 50px;
}
body.fresh-apple-light-theme .width-100 {
  min-width: 100px;
}
body.fresh-apple-light-theme .width-150 {
  min-width: 150px;
}
body.fresh-apple-light-theme .width-200 {
  min-width: 200px;
}
body.fresh-apple-light-theme .width-320 {
  min-width: 320px;
}
body.fresh-apple-light-theme .progress.progress-xxs {
  height: 2px;
}
body.fresh-apple-light-theme .progress.progress-xs {
  height: 5px;
}
body.fresh-apple-light-theme .progress.progress-sm {
  height: 10px;
}
body.fresh-apple-light-theme .progress.progress-lg {
  height: 20px;
}
body.fresh-apple-light-theme ::-moz-selection {
  color: #fff;
  background: #74c52c;
}
body.fresh-apple-light-theme ::selection {
  color: #fff;
  background: #74c52c;
}
body.fresh-apple-light-theme .avatar {
  width: 32px;
}
body.fresh-apple-light-theme .avatar.avatar-xxs {
  width: 16px;
}
body.fresh-apple-light-theme .avatar.avatar-xs {
  width: 24px;
}
body.fresh-apple-light-theme .avatar.avatar-sm {
  width: 32px;
}
body.fresh-apple-light-theme .avatar.avatar-md {
  width: 40px;
}
body.fresh-apple-light-theme .avatar.avatar-lg {
  width: 64px;
}
body.fresh-apple-light-theme .avatar.avatar-xl {
  width: 128px;
}
body.fresh-apple-light-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.fresh-apple-light-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.fresh-apple-light-theme .btn.btn-theme {
  background-color: #74c52c;
  color: #fff;
}
body.fresh-apple-light-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #5b9b23;
}
body.fresh-apple-light-theme .btn.btn-theme:active,
body.fresh-apple-light-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #86d440;
}
body.fresh-apple-light-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #74c52c;
}
body.fresh-apple-light-theme .btn.btn-outline-theme {
  color: #74c52c;
  background-color: transparent;
  border: 1px solid;
}
body.fresh-apple-light-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #74c52c !important;
  border-color: #5b9b23;
}
body.fresh-apple-light-theme .btn.btn-outline-theme:active,
body.fresh-apple-light-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #86d440;
}
body.fresh-apple-light-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.fresh-apple-light-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.fresh-apple-light-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.fresh-apple-light-theme input,
body.fresh-apple-light-theme select,
body.fresh-apple-light-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.fresh-apple-light-theme input:focus,
body.fresh-apple-light-theme select:focus,
body.fresh-apple-light-theme textarea:focus {
  border: 1px solid #74c52c;
  box-shadow: none !important;
}
body.fresh-apple-light-theme .badge-theme,
body.fresh-apple-light-theme .theme-item {
  background-color: #74c52c;
  color: #fff;
}
body.fresh-apple-light-theme .badge-theme *,
body.fresh-apple-light-theme .theme-item * {
  color: #fff;
}
body.fresh-apple-light-theme .theme-item:hover,
body.fresh-apple-light-theme .item-group:hover {
  background-color: #5b9b23;
}
body.fresh-apple-light-theme .theme-item:hover a,
body.fresh-apple-light-theme .item-group:hover a {
  background-color: #5b9b23;
}
body.fresh-apple-light-theme .theme-item:hover *,
body.fresh-apple-light-theme .item-group:hover * {
  color: #fff;
}
body.fresh-apple-light-theme .label.label-theme {
  background-color: #74c52c;
  color: #fff;
}
body.fresh-apple-light-theme table tr td,
body.fresh-apple-light-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.fresh-apple-light-theme .table-responsive table tr td,
  body.fresh-apple-light-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.fresh-apple-light-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.fresh-apple-light-theme .footer.fixed {
  position: fixed;
}
body.fresh-apple-light-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.fresh-apple-light-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.fresh-apple-light-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.fresh-apple-light-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.fresh-apple-light-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.fresh-apple-light-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.fresh-apple-light-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.fresh-apple-light-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.fresh-apple-light-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.fresh-apple-light-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.fresh-apple-light-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.fresh-apple-light-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.fresh-apple-light-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.fresh-apple-light-theme .ribbon.ribbon-theme span {
  background: #74c52c;
}
body.fresh-apple-light-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #74c52c;
  border-top: 3px solid #74c52c;
}
body.fresh-apple-light-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #74c52c;
  border-top: 3px solid #74c52c;
}
body.fresh-apple-light-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.fresh-apple-light-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.fresh-apple-light-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.fresh-apple-light-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.fresh-apple-light-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.fresh-apple-light-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.fresh-apple-light-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.fresh-apple-light-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.fresh-apple-light-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.fresh-apple-light-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.fresh-apple-light-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.fresh-apple-light-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.fresh-apple-light-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.fresh-apple-light-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.fresh-apple-light-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.fresh-apple-light-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.fresh-apple-light-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.fresh-apple-light-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.fresh-apple-light-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.fresh-apple-light-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.fresh-apple-light-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.fresh-apple-light-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.fresh-apple-light-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.fresh-apple-light-theme .todo-lists ul {
  padding: 0 10px;
}
body.fresh-apple-light-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.fresh-apple-light-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.fresh-apple-light-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.fresh-apple-light-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.fresh-apple-light-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.fresh-apple-light-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.fresh-apple-light-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.fresh-apple-light-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.fresh-apple-light-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.fresh-apple-light-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.fresh-apple-light-theme .media-block .media {
    display: block !important;
  }
  body.fresh-apple-light-theme .media-block .media img {
    width: 100% !important;
  }
}
body.fresh-apple-light-theme .select2-selection--multiple,
body.fresh-apple-light-theme
  .select2-container--default
  .select2-selection--single {
  border-radius: 0px !important;
}
body.fresh-apple-light-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #74c52c;
}
body.fresh-apple-light-theme .select2-selection__choice,
body.fresh-apple-light-theme .select2-selection__choice__remove {
  background-color: #74c52c !important;
  border: 1px solid #74c52c !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.fresh-apple-light-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #74c52c;
  color: #fff;
}
body.fresh-apple-light-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.fresh-apple-light-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.fresh-apple-light-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.fresh-apple-light-theme .ui-sortable .sortable-dragging,
body.fresh-apple-light-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.fresh-apple-light-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.fresh-apple-light-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.fresh-apple-light-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.fresh-apple-light-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.fresh-apple-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.fresh-apple-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.fresh-apple-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.fresh-apple-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.fresh-apple-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.fresh-apple-light-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.fresh-apple-light-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.fresh-apple-light-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.fresh-apple-light-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #74c52c;
  color: #fff;
}
body.fresh-apple-light-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.fresh-apple-light-theme
  .introjs-tooltipReferenceLayer
  .introjs-helperNumberLayer {
  left: 10px;
}
body.fresh-apple-light-theme .config .barcode2D {
  display: none;
}
body.fresh-apple-light-theme .miscCanvas {
  display: none;
}
body.fresh-apple-light-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.fresh-apple-light-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.fresh-apple-light-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.fresh-apple-light-theme .mega {
    font-size: 4rem;
  }
}
body.fresh-apple-light-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.fresh-apple-light-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.fresh-apple-light-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.fresh-apple-light-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.fresh-apple-light-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.fresh-apple-light-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.fresh-apple-light-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.fresh-apple-light-theme .fileinput-preview {
  max-height: 150px;
}
body.fresh-apple-light-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v1
  .sidebar-search
  input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v1
  .sidebar-statistics
  .statistics-font-color {
  color: #909190;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.fresh-apple-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #74c52c;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.fresh-apple-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a
  .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #74c52c;
  padding: 10px 13px 10px 15px;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #74c52c;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a.active
  .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #74c52c;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a {
  padding-left: 30px;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a
  i {
  margin-right: 10px;
  font-size: 15px;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu.open {
  max-height: 100%;
}
body.fresh-apple-light-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #74c52c;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  > a
  > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > .treeview-menu {
  display: block;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #74c52c;
  padding-right: 0;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li {
  margin: 0;
  padding: 5px;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i {
  width: 25px;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li:hover {
  padding-right: 3px;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.fresh-apple-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.fresh-apple-light-theme
  .sidebar.sidebar-v2
  .mainnav-shortcut
  ul
  li
  a
  > span {
  display: table-cell;
  vertical-align: middle;
}
body.fresh-apple-light-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.fresh-apple-light-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.fresh-apple-light-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.fresh-apple-light-theme .main-wrapper {
    margin-left: 230px;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-open.sidebar-collapse
    .main-wrapper {
    margin-left: 0;
  }
  body.fresh-apple-light-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.fresh-apple-light-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li {
    position: relative;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #74c52c;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .profile-nav {
    display: none;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.fresh-apple-light-theme .menu-toggle {
    display: block !important;
  }
  body.fresh-apple-light-theme .sidebar-v1 {
    left: -230px;
  }
  body.fresh-apple-light-theme .footer {
    margin-left: 0;
  }
  body.fresh-apple-light-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.fresh-apple-light-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.fresh-apple-light-theme
    .wrapper.sidebar-open.sidebar-collapse
    .main-wrapper {
    margin-left: 0;
  }
  body.fresh-apple-light-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.fresh-apple-light-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.fresh-apple-light-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.fresh-apple-light-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.fresh-apple-light-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #fff;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #f1f1f1;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.fresh-apple-light-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #f1f1f1;
}
body.fresh-apple-light-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #1e1e1e;
  border: none;
  margin: 0px;
}
body.fresh-apple-light-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #74c52c;
  color: #fff;
  border-bottom: 2px solid #5b9b23;
}
body.fresh-apple-light-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #74c52c;
  color: #fff;
  border-bottom: 2px solid #5b9b23;
}
body.fresh-apple-light-theme .right-sidebar .nav-tabs li a.active {
  background-color: #74c52c;
  color: #fff;
  border-bottom: 2px solid #5b9b23;
}
body.fresh-apple-light-theme
  .right-sidebar
  .tab-content
  .input-group
  .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.fresh-apple-light-theme .right-sidebar .tab-content input {
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.fresh-apple-light-theme .right-sidebar .tab-content textarea {
  color: #6e6e6e;
}
body.fresh-apple-light-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.fresh-apple-light-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.fresh-apple-light-theme
  .right-sidebar
  .tab-content
  #chat
  .small-badges.active {
  background-color: #00a65a;
}
body.fresh-apple-light-theme
  .right-sidebar
  .tab-content
  #chat
  .small-badges.offline {
  background-color: #dd4b39;
}
body.fresh-apple-light-theme
  .right-sidebar
  .tab-content
  #chat
  .small-badges.idle {
  background-color: #f39c12;
}
body.fresh-apple-light-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #6e6e6e;
}
body.fresh-apple-light-theme
  .right-sidebar
  .tab-content
  #chat
  .content-body
  a:hover {
  background-color: #74c52c;
  border-radius: 50%;
  color: #fff;
}
body.fresh-apple-light-theme .right-sidebar .tab-content #chat h5 {
  color: #6e6e6e;
}
body.fresh-apple-light-theme .right-sidebar .tab-content #chat p {
  color: #909190;
}
body.fresh-apple-light-theme .right-sidebar .tab-content #tasks {
  color: #6e6e6e;
}
body.fresh-apple-light-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #f1f1f1;
}
body.fresh-apple-light-theme .right-sidebar .tab-content #tasks p,
body.fresh-apple-light-theme .right-sidebar .tab-content #tasks h6 {
  color: #909190;
}
body.fresh-apple-light-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.fresh-apple-light-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.fresh-apple-light-theme .right-sidebar .tab-content #tasks ul li a {
  color: #6e6e6e;
}
body.fresh-apple-light-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #fff;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.fresh-apple-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  h5 {
  background: #b7b7b7;
}
body.fresh-apple-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.fresh-apple-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.fresh-apple-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #b7b7b7;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.fresh-apple-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #b7b7b7;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.fresh-apple-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #74c52c;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.fresh-apple-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #74c52c transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.fresh-apple-light-theme
  .right-sidebar
  .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.fresh-apple-light-theme .right-sidebar .right-sidebar-setting label {
  color: #6e6e6e;
}
body.fresh-apple-light-theme .right-sidebar .right-sidebar-setting h4 {
  color: #6e6e6e;
  border-top: 1px solid #f1f1f1;
}
body.fresh-apple-light-theme .right-sidebar .right-sidebar-setting small,
body.fresh-apple-light-theme .right-sidebar .right-sidebar-setting p {
  color: #909190;
}
body.fresh-apple-light-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.fresh-apple-light-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.fresh-apple-light-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.fresh-apple-light-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.fresh-apple-light-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.fresh-apple-light-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.fresh-apple-light-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.fresh-apple-light-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.fresh-apple-light-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.fresh-apple-light-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.fresh-apple-light-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.fresh-apple-light-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.fresh-apple-light-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.fresh-apple-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.fresh-apple-light-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.fresh-apple-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.fresh-apple-light-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.fresh-apple-light-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.fresh-apple-light-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.fresh-apple-light-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #74c52c;
}
body.fresh-apple-light-theme .header .navbar {
  border: none !important;
}
body.fresh-apple-light-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.fresh-apple-light-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.fresh-apple-light-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.fresh-apple-light-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.fresh-apple-light-theme
  .header
  .navbar-lg
  .setting-block
  .top-block
  .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.fresh-apple-light-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.fresh-apple-light-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.fresh-apple-light-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.fresh-apple-light-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.fresh-apple-light-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.fresh-apple-light-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.fresh-apple-light-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #1e1e1e;
}
body.fresh-apple-light-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #1e1e1e;
}
body.fresh-apple-light-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #74c52c;
  color: #fff;
}
body.fresh-apple-light-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #74c52c;
  color: #fff;
}
body.fresh-apple-light-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.fresh-apple-light-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.fresh-apple-light-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.fresh-apple-light-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.fresh-apple-light-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.fresh-apple-light-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.fresh-apple-light-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.fresh-apple-light-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.fresh-apple-light-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.fresh-apple-light-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.fresh-apple-light-theme .settings-menu {
  background: #fff;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #1e1e1e;
  border: 1px solid #ccc;
  overflow-y: auto;
}
body.fresh-apple-light-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #ccc;
}
body.fresh-apple-light-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.fresh-apple-light-theme .settings-menu .setting-box {
  color: #2c2b2b;
  background-color: #f1f1f1;
}
body.fresh-apple-light-theme .settings-menu-fixed {
  position: fixed !important;
}
body.fresh-apple-light-theme .nav-profile .nav-link span.active {
  color: #74c52c;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.fresh-apple-light-theme .nav-profile .dropdown-menu {
  background: #fff none repeat scroll 0 0;
  color: #1e1e1e;
  border-top: 1px solid #f1f1f1;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.fresh-apple-light-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.fresh-apple-light-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.fresh-apple-light-theme .nav-profile .dropdown-menu span.active {
  color: #74c52c;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.fresh-apple-light-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #f1f1f1;
}
body.fresh-apple-light-theme
  .nav-profile
  .dropdown-menu
  .menu-links
  .link-menu {
  color: #1e1e1e;
}
body.fresh-apple-light-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #74c52c none repeat scroll 0 0;
  border-left: 2px solid #5b9b23;
  color: #fff;
}
body.fresh-apple-light-theme
  .nav-profile
  .dropdown-menu
  .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.fresh-apple-light-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
  }
  body.fresh-apple-light-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.fresh-apple-light-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.fresh-apple-light-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.fresh-apple-light-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.fresh-apple-light-theme .nav-profile .dropdown-menu span.active {
    color: #74c52c;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.fresh-apple-light-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.fresh-apple-light-theme .header .logo {
    width: 190px;
  }
  body.fresh-apple-light-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.fresh-apple-light-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.fresh-apple-light-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.fresh-apple-light-theme .nav-profile .dropdown-menu span.active {
    color: #74c52c;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.fresh-apple-light-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.fresh-apple-light-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.fresh-apple-light-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.fresh-apple-light-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.fresh-apple-light-theme .image-grid > li.main-image {
  width: 50%;
}
body.fresh-apple-light-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.fresh-apple-light-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.fresh-apple-light-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #74c52c;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.fresh-apple-light-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.fresh-apple-light-theme .scrollToTop:hover {
  background-color: #5b9b23;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.fresh-apple-light-theme .breadcrumb-page-title,
  body.fresh-apple-light-theme .theme-setting-icon,
  body.fresh-apple-light-theme .theme-setting-menu,
  body.fresh-apple-light-theme .scrollToTop,
  body.fresh-apple-light-theme .right-sidebar,
  body.fresh-apple-light-theme .settings-menu,
  body.fresh-apple-light-theme .sidebar,
  body.fresh-apple-light-theme .header,
  body.fresh-apple-light-theme .footer,
  body.fresh-apple-light-theme .btn {
    display: none !important;
  }
  body.fresh-apple-light-theme .main-wrapper {
    margin-left: 0;
  }
}
body.fresh-apple-light-theme .pace {
  display: none;
}
body.fresh-apple-light-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.fresh-apple-light-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.fresh-apple-light-theme
  .page-loader-container
  .page-loader
  .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.fresh-apple-light-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.fresh-apple-light-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.fresh-apple-light-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.fresh-apple-light-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.fresh-apple-light-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.fresh-apple-light-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.fresh-apple-light-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #74c52c;
}
body.fresh-apple-light-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #74c52c;
}
body.fresh-apple-light-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #74c52c;
}
body.fresh-apple-light-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #74c52c;
}
body.fresh-apple-light-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.fresh-apple-light-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.fresh-apple-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.fresh-apple-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image
  img {
  max-width: 100%;
}
body.fresh-apple-light-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.fresh-apple-light-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.fresh-apple-light-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.fresh-apple-light-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.fresh-apple-light-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.fresh-apple-light-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.fresh-apple-light-theme .mail ul li a {
  color: #909190;
}
body.fresh-apple-light-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.fresh-apple-light-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.fresh-apple-light-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.fresh-apple-light-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.fresh-apple-light-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.fresh-apple-light-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.fresh-apple-light-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.fresh-apple-light-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.fresh-apple-light-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.fresh-apple-light-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.fresh-apple-light-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.fresh-apple-light-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.fresh-apple-light-theme .readmail .filebox .file img {
  height: 148px;
}
body.fresh-apple-light-theme .readmail .filebox .filename {
  height: 70px;
}
body.fresh-apple-light-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.fresh-apple-light-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.fresh-apple-light-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.fresh-apple-light-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.fresh-apple-light-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.fresh-apple-light-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.fresh-apple-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group {
  margin-bottom: 0;
}
body.fresh-apple-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.fresh-apple-light-theme
  .mail
  .compose-mail
  .compose-message
  .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.fresh-apple-light-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.fresh-apple-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.fresh-apple-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.fresh-apple-light-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.fresh-apple-light-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.fresh-apple-light-theme
  .mail
  .compose-mail
  .mail-footer
  .right-block
  .send {
  width: 90px;
  height: 35px;
}
body.fresh-apple-light-theme
  .mail
  .compose-mail
  .mail-footer
  .right-block
  .send:focus,
body.fresh-apple-light-theme
  .mail
  .compose-mail
  .mail-footer
  .right-block
  .tool {
  color: #fff;
}
body.fresh-apple-light-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.fresh-apple-light-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.fresh-apple-light-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.fresh-apple-light-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.fresh-apple-light-theme .mail .note-resizebar {
  display: none;
}
body.fresh-apple-light-theme
  .selectize-control.selectize-email.multi
  .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.fresh-apple-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.fresh-apple-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.fresh-apple-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.fresh-apple-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.fresh-apple-light-theme
  .selectize-control.plugin-remove_button
  [data-value]
  .remove {
  border-left-color: #fff;
  color: #fff;
}
body.fresh-apple-light-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.fresh-apple-light-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.fresh-apple-light-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.fresh-apple-light-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.fresh-apple-light-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.fresh-apple-light-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.fresh-apple-light-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.fresh-apple-light-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.fresh-apple-light-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.fresh-apple-light-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.fresh-apple-light-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.fresh-apple-light-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.fresh-apple-light-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.fresh-apple-light-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.fresh-apple-light-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.fresh-apple-light-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.fresh-apple-light-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.fresh-apple-light-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.fresh-apple-light-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.fresh-apple-light-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.fresh-apple-light-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.fresh-apple-light-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.fresh-apple-light-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.fresh-apple-light-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.fresh-apple-light-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.fresh-apple-light-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.fresh-apple-light-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.fresh-apple-light-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.fresh-apple-light-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.fresh-apple-light-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.fresh-apple-light-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.fresh-apple-light-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.fresh-apple-light-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.fresh-apple-light-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.fresh-apple-light-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.fresh-apple-light-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.fresh-apple-light-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.fresh-apple-light-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.fresh-apple-light-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.fresh-apple-light-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.fresh-apple-light-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.fresh-apple-light-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.fresh-apple-light-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.fresh-apple-light-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.fresh-apple-light-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.fresh-apple-light-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.fresh-apple-light-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.fresh-apple-light-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.fresh-apple-light-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.fresh-apple-light-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.fresh-apple-light-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.fresh-apple-light-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.fresh-apple-light-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.fresh-apple-light-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.fresh-apple-light-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.fresh-apple-light-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.fresh-apple-light-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.fresh-apple-light-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.fresh-apple-light-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.fresh-apple-light-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.fresh-apple-light-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.fresh-apple-light-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.fresh-apple-light-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.fresh-apple-light-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.fresh-apple-light-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.fresh-apple-light-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.fresh-apple-light-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.fresh-apple-light-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.fresh-apple-light-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.fresh-apple-light-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.fresh-apple-light-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.fresh-apple-light-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.fresh-apple-light-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.fresh-apple-light-theme .contact-primary,
body.fresh-apple-light-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.fresh-apple-light-theme .contact-primary .img-block .social,
body.fresh-apple-light-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.fresh-apple-light-theme .contact-primary .img-block .social i,
body.fresh-apple-light-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.fresh-apple-light-theme .contact-primary .contact-info,
body.fresh-apple-light-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.fresh-apple-light-theme .contact-primary .contact-info .info-block,
body.fresh-apple-light-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.fresh-apple-light-theme .contact-primary .contact-info .detail,
body.fresh-apple-light-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.fresh-apple-light-theme .contact-primary .contact-info .detail.name,
body.fresh-apple-light-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.fresh-apple-light-theme .contact-primary:hover,
body.fresh-apple-light-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.fresh-apple-light-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.fresh-apple-light-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.fresh-apple-light-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.fresh-apple-light-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.fresh-apple-light-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.fresh-apple-light-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.fresh-apple-light-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.fresh-apple-light-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.fresh-apple-light-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.fresh-apple-light-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.fresh-apple-light-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.fresh-apple-light-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.fresh-apple-light-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.fresh-apple-light-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.fresh-apple-light-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.fresh-apple-light-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.fresh-apple-light-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.fresh-apple-light-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.fresh-apple-light-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.fresh-apple-light-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.fresh-apple-light-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.fresh-apple-light-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.fresh-apple-light-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.fresh-apple-light-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.fresh-apple-light-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.fresh-apple-light-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.fresh-apple-light-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.fresh-apple-light-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.fresh-apple-light-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.fresh-apple-light-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.fresh-apple-light-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.fresh-apple-light-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.fresh-apple-light-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.fresh-apple-light-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.fresh-apple-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.fresh-apple-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.fresh-apple-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.fresh-apple-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.fresh-apple-light-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.fresh-apple-light-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.fresh-apple-light-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.fresh-apple-light-theme
    .cssanimations
    .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.fresh-apple-light-theme
    .cssanimations
    .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.fresh-apple-light-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.fresh-apple-light-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.fresh-apple-light-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.fresh-apple-light-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.fresh-apple-light-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.fresh-apple-light-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.fresh-apple-light-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.fresh-apple-light-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.fresh-apple-light-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.fresh-apple-light-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.fresh-apple-light-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.fresh-apple-light-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #74c52c;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.fresh-apple-light-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.fresh-apple-light-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.fresh-apple-light-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.fresh-apple-light-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.fresh-apple-light-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #74c52c;
  border-color: #74c52c;
}
body.fresh-apple-light-theme
  .cd-horizontal-timeline
  .events
  a.older-event::after {
  border-color: #74c52c;
}
body.fresh-apple-light-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.fresh-apple-light-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.fresh-apple-light-theme
  .cd-horizontal-timeline
  .events-content
  li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.fresh-apple-light-theme
  .cd-horizontal-timeline
  .events-content
  li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.fresh-apple-light-theme
  .cd-horizontal-timeline
  .events-content
  li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.fresh-apple-light-theme
  .cd-horizontal-timeline
  .events-content
  li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.fresh-apple-light-theme
  .cd-horizontal-timeline
  .events-content
  li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.fresh-apple-light-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.fresh-apple-light-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.fresh-apple-light-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.fresh-apple-light-theme
  .cd-horizontal-timeline
  .events-content
  em::before {
  content: "- ";
}
body.fresh-apple-light-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.fresh-apple-light-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.fresh-apple-light-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.fresh-apple-light-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.fresh-apple-light-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.fresh-apple-light-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.fresh-apple-light-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.fresh-apple-light-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.fresh-apple-light-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.fresh-apple-light-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.fresh-apple-light-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.fresh-apple-light-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.fresh-apple-light-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.fresh-apple-light-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.fresh-apple-light-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.fresh-apple-light-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.fresh-apple-light-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.fresh-apple-light-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.fresh-apple-light-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.fresh-apple-light-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.fresh-apple-light-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.fresh-apple-light-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.fresh-apple-light-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.fresh-apple-light-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.fresh-apple-light-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.fresh-apple-light-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.fresh-apple-light-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.fresh-apple-light-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.fresh-apple-light-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.fresh-apple-light-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.fresh-apple-light-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.fresh-apple-light-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.fresh-apple-light-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.fresh-apple-light-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.fresh-apple-light-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.fresh-apple-light-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.fresh-apple-light-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.fresh-apple-light-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.fresh-apple-light-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.fresh-apple-light-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.fresh-apple-light-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.fresh-apple-light-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.fresh-apple-light-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.fresh-apple-light-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.fresh-apple-light-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.fresh-apple-light-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.fresh-apple-light-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.fresh-apple-light-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.fresh-apple-light-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.fresh-apple-light-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.fresh-apple-light-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.fresh-apple-light-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.fresh-apple-light-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.fresh-apple-light-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.fresh-apple-light-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.fresh-apple-light-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.fresh-apple-light-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.fresh-apple-light-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.fresh-apple-light-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.fresh-apple-light-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.fresh-apple-light-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.fresh-apple-light-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.fresh-apple-light-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.fresh-apple-light-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.fresh-apple-light-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.fresh-apple-light-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.fresh-apple-light-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.fresh-apple-light-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.fresh-apple-light-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.fresh-apple-light-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.fresh-apple-light-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.fresh-apple-light-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.fresh-apple-light-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.fresh-apple-light-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.fresh-apple-light-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.fresh-apple-light-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.fresh-apple-light-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.fresh-apple-light-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.fresh-apple-light-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.fresh-apple-light-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.fresh-apple-light-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.fresh-apple-light-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.fresh-apple-light-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.fresh-apple-light-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.fresh-apple-light-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.fresh-apple-light-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.fresh-apple-light-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.fresh-apple-light-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.fresh-apple-light-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.fresh-apple-light-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.fresh-apple-light-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.fresh-apple-light-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.fresh-apple-light-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.fresh-apple-light-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.fresh-apple-light-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.fresh-apple-light-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.fresh-apple-light-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.fresh-apple-light-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.fresh-apple-light-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.fresh-apple-light-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.fresh-apple-light-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.fresh-apple-light-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.fresh-apple-light-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.fresh-apple-light-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.fresh-apple-light-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.fresh-apple-light-theme
  .product-detail
  .product-image-list
  img:first-child {
  margin-left: 0;
}
body.fresh-apple-light-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.fresh-apple-light-theme .product-detail .product-img img {
  max-width: 100%;
}
body.fresh-apple-light-theme .product-grid-primary,
body.fresh-apple-light-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.fresh-apple-light-theme .product-grid-primary .product-img,
body.fresh-apple-light-theme .product-grid-secondary .product-img {
  position: relative;
}
body.fresh-apple-light-theme .product-grid-primary .product-img .product-like,
body.fresh-apple-light-theme
  .product-grid-secondary
  .product-img
  .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.fresh-apple-light-theme
  .product-grid-primary
  .product-img
  .product-like:hover,
body.fresh-apple-light-theme
  .product-grid-secondary
  .product-img
  .product-like:hover {
  color: #74c52c;
}
body.fresh-apple-light-theme .product-grid-primary .product-detail,
body.fresh-apple-light-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.fresh-apple-light-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.fresh-apple-light-theme .file-manager .toggle-file-menu {
  display: none;
}
body.fresh-apple-light-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.fresh-apple-light-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.fresh-apple-light-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.fresh-apple-light-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type {
  bottom: 0px;
  right: 5px;
}
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.fresh-apple-light-theme .file-manager .file-block .file-view .folder .file,
body.fresh-apple-light-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type,
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-type {
  position: absolute;
}
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.fresh-apple-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.fresh-apple-light-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.fresh-apple-light-theme
  .file-manager
  .file-block.file-menu-close
  .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.fresh-apple-light-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.fresh-apple-light-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.fresh-apple-light-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.fresh-apple-light-theme .other-widgets-box {
  background-color: #15337e;
}
body.fresh-apple-light-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.fresh-apple-light-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.fresh-apple-light-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.fresh-apple-light-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.fresh-apple-light-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.fresh-apple-light-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.fresh-apple-light-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.fresh-apple-light-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.fresh-apple-light-theme
  .social-widgets
  .progress-widgets
  .progessbar
  span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.fresh-apple-light-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.fresh-apple-light-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.fresh-apple-light-theme
  .social-widgets
  .profile
  .social-profile
  .profile-avatar {
  height: 120px;
}
body.fresh-apple-light-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.fresh-apple-light-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.fresh-apple-light-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.fresh-apple-light-theme .social-widgets .profile.profile-cover-bg {
  background: #74c52c url(../../images/login_box_bg.png);
}
body.fresh-apple-light-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.fresh-apple-light-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.fresh-apple-light-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.fresh-apple-light-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.fresh-apple-light-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.fresh-apple-light-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.fresh-apple-light-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.fresh-apple-light-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.fresh-apple-light-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.fresh-apple-light-theme .amcharts-export-menu-top-right {
  display: none;
}
body.fresh-apple-light-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.fresh-apple-light-theme
  .sales-performance
  .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.fresh-apple-light-theme
  .social-analytics
  .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.fresh-apple-light-theme .sales-performance .amcharts-graph-g3,
body.fresh-apple-light-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.fresh-apple-light-theme
  .sales-performance
  .amcharts-value-axis.value-axis-a3,
body.fresh-apple-light-theme
  .social-analytics
  .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.fresh-apple-light-theme .sales-performance .lastBullet,
body.fresh-apple-light-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.fresh-apple-light-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.fresh-apple-light-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.fresh-apple-light-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.fresh-apple-light-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.fresh-apple-light-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.fresh-apple-light-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.fresh-apple-light-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.fresh-apple-light-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.fresh-apple-light-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.fresh-apple-light-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.fresh-apple-light-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.fresh-apple-light-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.fresh-apple-light-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.fresh-apple-light-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.fresh-apple-light-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.fresh-apple-light-theme .theme-border-color {
  border-color: #74c52c;
}
body.fresh-apple-light-theme .primary-border-color {
  border-color: #286090;
}
body.fresh-apple-light-theme .danger-border-color {
  border-color: #d73925;
}
body.fresh-apple-light-theme .info-border-color {
  border-color: #00acd6;
}
body.fresh-apple-light-theme .warning-border-color {
  border-color: #e08e0b;
}
body.fresh-apple-light-theme .success-border-color {
  border-color: #008d4c;
}
body.fresh-apple-light-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.fresh-apple-light-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #74c52c !important;
  border-radius: 0px;
}
body.fresh-apple-light-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.fresh-apple-light-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.fresh-apple-light-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.fresh-apple-light-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.fresh-apple-light-theme .material-card h2 span {
  display: block;
}
body.fresh-apple-light-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.fresh-apple-light-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.fresh-apple-light-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.fresh-apple-light-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.fresh-apple-light-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.fresh-apple-light-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.fresh-apple-light-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.fresh-apple-light-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.fresh-apple-light-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.fresh-apple-light-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.fresh-apple-light-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.fresh-apple-light-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.fresh-apple-light-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.fresh-apple-light-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.fresh-apple-light-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.fresh-apple-light-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.fresh-apple-light-theme .material-card.mc-active h2:before {
  top: 0;
}
body.fresh-apple-light-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.fresh-apple-light-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.fresh-apple-light-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.fresh-apple-light-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.fresh-apple-light-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.fresh-apple-light-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.fresh-apple-light-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.fresh-apple-light-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.fresh-apple-light-theme .material-card.theme h2 {
  background-color: #74c52c;
}
body.fresh-apple-light-theme .material-card.theme h2:after {
  border-top-color: #74c52c;
  border-right-color: #74c52c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #5b9b23;
  border-bottom-color: #5b9b23;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.theme .mc-btn-action {
  background-color: #74c52c;
}
body.fresh-apple-light-theme .material-card.theme .mc-btn-action:hover {
  background-color: #5b9b23;
}
body.fresh-apple-light-theme .material-card.theme .mc-footer h4 {
  color: #5b9b23;
}
body.fresh-apple-light-theme .material-card.theme .mc-footer a {
  background-color: #5b9b23;
}
body.fresh-apple-light-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #74c52c;
  border-bottom-color: #74c52c;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.theme.mc-active h2:after {
  border-top-color: #5b9b23;
  border-right-color: #5b9b23;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.fresh-apple-light-theme .material-card.theme.mc-active .mc-footer {
  background-color: #74c52c;
}
body.fresh-apple-light-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.fresh-apple-light-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.fresh-apple-light-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.fresh-apple-light-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.fresh-apple-light-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.fresh-apple-light-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.fresh-apple-light-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.fresh-apple-light-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.fresh-apple-light-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.fresh-apple-light-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.fresh-apple-light-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.fresh-apple-light-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.fresh-apple-light-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.fresh-apple-light-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.fresh-apple-light-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.fresh-apple-light-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.fresh-apple-light-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.fresh-apple-light-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.fresh-apple-light-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.fresh-apple-light-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.fresh-apple-light-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.fresh-apple-light-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.fresh-apple-light-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.fresh-apple-light-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.fresh-apple-light-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.fresh-apple-light-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.fresh-apple-light-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.fresh-apple-light-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.fresh-apple-light-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.fresh-apple-light-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.fresh-apple-light-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.fresh-apple-light-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.fresh-apple-light-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.fresh-apple-light-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.fresh-apple-light-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.fresh-apple-light-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.fresh-apple-light-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.fresh-apple-light-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.fresh-apple-light-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.fresh-apple-light-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.fresh-apple-light-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.fresh-apple-light-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.fresh-apple-light-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.fresh-apple-light-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.fresh-apple-light-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.fresh-apple-light-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.fresh-apple-light-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.fresh-apple-light-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.fresh-apple-light-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.fresh-apple-light-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.fresh-apple-light-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.fresh-apple-light-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.fresh-apple-light-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.fresh-apple-light-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.fresh-apple-light-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.fresh-apple-light-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.fresh-apple-light-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.fresh-apple-light-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.fresh-apple-light-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.fresh-apple-light-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.fresh-apple-light-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.fresh-apple-light-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.fresh-apple-light-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.fresh-apple-light-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.fresh-apple-light-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.fresh-apple-light-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.fresh-apple-light-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.fresh-apple-light-theme .wrapper:after {
  display: table;
  content: " ";
}
body.fresh-apple-light-theme .wrapper:before {
  display: table;
  content: " ";
}
body.fresh-apple-light-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.fresh-apple-light-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.fresh-apple-light-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.fresh-apple-light-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.fresh-apple-light-theme .fixed-width-page .card,
body.fresh-apple-light-theme .card-page .card,
body.fresh-apple-light-theme .fixed-width-page .card-body,
body.fresh-apple-light-theme .card-page .card-body {
  min-height: 500px;
}
body.fresh-apple-light-theme .fixed-width-page .card h2,
body.fresh-apple-light-theme .card-page .card h2,
body.fresh-apple-light-theme .fixed-width-page .card-body h2,
body.fresh-apple-light-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.fresh-apple-light-theme.full-width-page .main-wrapper,
body.fresh-apple-light-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.fresh-apple-light-theme.full-width-page .logo {
  background: #fff;
}
body.fresh-apple-light-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.fresh-apple-light-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.fresh-apple-light-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/*********************************************************
 ** blueberry-light-theme.less
 ** 
 ** Main LESS file for Blueberry Light Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.blueberry-light-theme {
  /*******************************************************
 ** blueberry-light-theme _variables.less
 ** 
 ** LESS variables for Blueberry Light Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /************************
 * Blueberry Light Theme
 ************************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.blueberry-light-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.blueberry-light-theme a {
  text-decoration: none;
}
body.blueberry-light-theme h1 {
  font-size: 36px;
}
body.blueberry-light-theme h2 {
  font-size: 30px;
}
body.blueberry-light-theme h3 {
  font-size: 24px;
}
body.blueberry-light-theme h4 {
  font-size: 18px;
}
body.blueberry-light-theme h5 {
  font-size: 14px;
}
body.blueberry-light-theme h6 {
  font-size: 12px;
}
body.blueberry-light-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.blueberry-light-theme .border-theme {
  border: 1px solid #26aae0 !important;
}
body.blueberry-light-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.blueberry-light-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.blueberry-light-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.blueberry-light-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.blueberry-light-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.blueberry-light-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.blueberry-light-theme .border-r-sm {
  border-radius: 3px;
}
body.blueberry-light-theme .border-r-md {
  border-radius: 6px;
}
body.blueberry-light-theme .border-r-lg {
  border-radius: 12px;
}
body.blueberry-light-theme .border-r-xlg {
  border-radius: 24px;
}
body.blueberry-light-theme .m-xs {
  margin: 5px;
}
body.blueberry-light-theme .mt-xs {
  margin-top: 5px;
}
body.blueberry-light-theme .mr-xs {
  margin-right: 5px;
}
body.blueberry-light-theme .mb-xs {
  margin-bottom: 5px;
}
body.blueberry-light-theme .ml-xs {
  margin-left: 5px;
}
body.blueberry-light-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.blueberry-light-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.blueberry-light-theme .m-sm {
  margin: 10px;
}
body.blueberry-light-theme .mt-sm {
  margin-top: 10px;
}
body.blueberry-light-theme .mr-sm {
  margin-right: 10px;
}
body.blueberry-light-theme .mb-sm {
  margin-bottom: 10px;
}
body.blueberry-light-theme .ml-sm {
  margin-left: 10px;
}
body.blueberry-light-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.blueberry-light-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.blueberry-light-theme .m-md {
  margin: 15px;
}
body.blueberry-light-theme .mt-md {
  margin-top: 15px;
}
body.blueberry-light-theme .mr-md {
  margin-right: 15px;
}
body.blueberry-light-theme .mb-md {
  margin-bottom: 15px;
}
body.blueberry-light-theme .ml-md {
  margin-left: 15px;
}
body.blueberry-light-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.blueberry-light-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.blueberry-light-theme .m-lg {
  margin: 20px;
}
body.blueberry-light-theme .mt-lg {
  margin-top: 20px;
}
body.blueberry-light-theme .mr-lg {
  margin-right: 20px;
}
body.blueberry-light-theme .mb-lg {
  margin-bottom: 20px;
}
body.blueberry-light-theme .ml-lg {
  margin-left: 20px;
}
body.blueberry-light-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.blueberry-light-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.blueberry-light-theme .m-xlg {
  margin: 25px;
}
body.blueberry-light-theme .mt-xlg {
  margin-top: 25px;
}
body.blueberry-light-theme .mr-xlg {
  margin-right: 25px;
}
body.blueberry-light-theme .mb-xlg {
  margin-bottom: 25px;
}
body.blueberry-light-theme .ml-xlg {
  margin-left: 25px;
}
body.blueberry-light-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.blueberry-light-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.blueberry-light-theme .p-xs {
  padding: 5px;
}
body.blueberry-light-theme .pt-xs {
  padding-top: 5px;
}
body.blueberry-light-theme .pr-xs {
  padding-right: 5px;
}
body.blueberry-light-theme .pb-xs {
  padding-bottom: 5px;
}
body.blueberry-light-theme .pl-xs {
  padding-left: 5px;
}
body.blueberry-light-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.blueberry-light-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.blueberry-light-theme .p-sm {
  padding: 10px;
}
body.blueberry-light-theme .pt-sm {
  padding-top: 10px;
}
body.blueberry-light-theme .pr-sm {
  padding-right: 10px;
}
body.blueberry-light-theme .pb-sm {
  padding-bottom: 10px;
}
body.blueberry-light-theme .pl-sm {
  padding-left: 10px;
}
body.blueberry-light-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.blueberry-light-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.blueberry-light-theme .p-md {
  padding: 15px;
}
body.blueberry-light-theme .pt-md {
  padding-top: 15px;
}
body.blueberry-light-theme .pr-md {
  padding-right: 15px;
}
body.blueberry-light-theme .pb-md {
  padding-bottom: 15px;
}
body.blueberry-light-theme .pl-md {
  padding-left: 15px;
}
body.blueberry-light-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.blueberry-light-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.blueberry-light-theme .p-lg {
  padding: 20px;
}
body.blueberry-light-theme .pt-lg {
  padding-top: 20px;
}
body.blueberry-light-theme .pr-lg {
  padding-right: 20px;
}
body.blueberry-light-theme .pb-lg {
  padding-bottom: 20px;
}
body.blueberry-light-theme .pl-lg {
  padding-left: 20px;
}
body.blueberry-light-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.blueberry-light-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.blueberry-light-theme .p-xlg {
  padding: 25px;
}
body.blueberry-light-theme .pt-xlg {
  padding-top: 25px;
}
body.blueberry-light-theme .pr-xlg {
  padding-right: 25px;
}
body.blueberry-light-theme .pb-xlg {
  padding-bottom: 25px;
}
body.blueberry-light-theme .pl-xlg {
  padding-left: 25px;
}
body.blueberry-light-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.blueberry-light-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.blueberry-light-theme .text-normal {
  font-weight: 400;
}
body.blueberry-light-theme .text-bold {
  font-weight: 700;
}
body.blueberry-light-theme .text-italic {
  font-style: italic;
}
body.blueberry-light-theme .text-strike {
  text-decoration: line-through;
}
body.blueberry-light-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.blueberry-light-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.blueberry-light-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.blueberry-light-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.blueberry-light-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.blueberry-light-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.blueberry-light-theme .font-16 {
  font-size: 16px;
}
body.blueberry-light-theme .font-14 {
  font-size: 14px;
}
body.blueberry-light-theme .font-12 {
  font-size: 12px;
}
body.blueberry-light-theme .font-10 {
  font-size: 10px;
}
body.blueberry-light-theme .text-lg {
  color: #f1f1f1;
}
body.blueberry-light-theme .text-mdg {
  color: #ccc;
}
body.blueberry-light-theme .text-dg {
  color: #909190;
}
body.blueberry-light-theme .text-mb {
  color: #2c2b2b;
}
body.blueberry-light-theme .text-mg {
  color: #6e6e6e;
}
body.blueberry-light-theme .text-theme {
  color: #26aae0;
}
body.blueberry-light-theme .no-bg {
  background: transparent;
}
body.blueberry-light-theme .bg-theme {
  background-color: #26aae0;
}
body.blueberry-light-theme .bg-lg {
  background-color: #f1f1f1;
}
body.blueberry-light-theme .bg-mdg {
  background-color: #ccc;
}
body.blueberry-light-theme .bg-dg {
  background-color: #909190;
}
body.blueberry-light-theme .bg-mb {
  background-color: #2c2b2b;
}
body.blueberry-light-theme .bg-mg {
  background-color: #6e6e6e;
}
body.blueberry-light-theme .height-30 {
  min-height: 30px;
}
body.blueberry-light-theme .height-40 {
  min-height: 40px;
}
body.blueberry-light-theme .height-50 {
  min-height: 50px;
}
body.blueberry-light-theme .height-100 {
  min-height: 100px;
}
body.blueberry-light-theme .height-150 {
  min-height: 150px;
}
body.blueberry-light-theme .height-200 {
  min-height: 200px;
}
body.blueberry-light-theme .height-320 {
  min-height: 320px;
}
body.blueberry-light-theme .width-30 {
  min-width: 30px;
}
body.blueberry-light-theme .width-40 {
  min-width: 40px;
}
body.blueberry-light-theme .width-50 {
  min-width: 50px;
}
body.blueberry-light-theme .width-100 {
  min-width: 100px;
}
body.blueberry-light-theme .width-150 {
  min-width: 150px;
}
body.blueberry-light-theme .width-200 {
  min-width: 200px;
}
body.blueberry-light-theme .width-320 {
  min-width: 320px;
}
body.blueberry-light-theme .progress.progress-xxs {
  height: 2px;
}
body.blueberry-light-theme .progress.progress-xs {
  height: 5px;
}
body.blueberry-light-theme .progress.progress-sm {
  height: 10px;
}
body.blueberry-light-theme .progress.progress-lg {
  height: 20px;
}
body.blueberry-light-theme ::-moz-selection {
  color: #fff;
  background: #26aae0;
}
body.blueberry-light-theme ::selection {
  color: #fff;
  background: #26aae0;
}
body.blueberry-light-theme .avatar {
  width: 32px;
}
body.blueberry-light-theme .avatar.avatar-xxs {
  width: 16px;
}
body.blueberry-light-theme .avatar.avatar-xs {
  width: 24px;
}
body.blueberry-light-theme .avatar.avatar-sm {
  width: 32px;
}
body.blueberry-light-theme .avatar.avatar-md {
  width: 40px;
}
body.blueberry-light-theme .avatar.avatar-lg {
  width: 64px;
}
body.blueberry-light-theme .avatar.avatar-xl {
  width: 128px;
}
body.blueberry-light-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.blueberry-light-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.blueberry-light-theme .btn.btn-theme {
  background-color: #26aae0;
  color: #fff;
}
body.blueberry-light-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #1a8bb9;
}
body.blueberry-light-theme .btn.btn-theme:active,
body.blueberry-light-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #45b6e4;
}
body.blueberry-light-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #26aae0;
}
body.blueberry-light-theme .btn.btn-outline-theme {
  color: #26aae0;
  background-color: transparent;
  border: 1px solid;
}
body.blueberry-light-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #26aae0 !important;
  border-color: #1a8bb9;
}
body.blueberry-light-theme .btn.btn-outline-theme:active,
body.blueberry-light-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #45b6e4;
}
body.blueberry-light-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.blueberry-light-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.blueberry-light-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.blueberry-light-theme input,
body.blueberry-light-theme select,
body.blueberry-light-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.blueberry-light-theme input:focus,
body.blueberry-light-theme select:focus,
body.blueberry-light-theme textarea:focus {
  border: 1px solid #26aae0;
  box-shadow: none !important;
}
body.blueberry-light-theme .badge-theme,
body.blueberry-light-theme .theme-item {
  background-color: #26aae0;
  color: #fff;
}
body.blueberry-light-theme .badge-theme *,
body.blueberry-light-theme .theme-item * {
  color: #fff;
}
body.blueberry-light-theme .theme-item:hover,
body.blueberry-light-theme .item-group:hover {
  background-color: #1a8bb9;
}
body.blueberry-light-theme .theme-item:hover a,
body.blueberry-light-theme .item-group:hover a {
  background-color: #1a8bb9;
}
body.blueberry-light-theme .theme-item:hover *,
body.blueberry-light-theme .item-group:hover * {
  color: #fff;
}
body.blueberry-light-theme .label.label-theme {
  background-color: #26aae0;
  color: #fff;
}
body.blueberry-light-theme table tr td,
body.blueberry-light-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.blueberry-light-theme .table-responsive table tr td,
  body.blueberry-light-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.blueberry-light-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.blueberry-light-theme .footer.fixed {
  position: fixed;
}
body.blueberry-light-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.blueberry-light-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.blueberry-light-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.blueberry-light-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.blueberry-light-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.blueberry-light-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.blueberry-light-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.blueberry-light-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.blueberry-light-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.blueberry-light-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.blueberry-light-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.blueberry-light-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.blueberry-light-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.blueberry-light-theme .ribbon.ribbon-theme span {
  background: #26aae0;
}
body.blueberry-light-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #26aae0;
  border-top: 3px solid #26aae0;
}
body.blueberry-light-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #26aae0;
  border-top: 3px solid #26aae0;
}
body.blueberry-light-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.blueberry-light-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.blueberry-light-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.blueberry-light-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.blueberry-light-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.blueberry-light-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.blueberry-light-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.blueberry-light-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.blueberry-light-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.blueberry-light-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.blueberry-light-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.blueberry-light-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.blueberry-light-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.blueberry-light-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.blueberry-light-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.blueberry-light-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.blueberry-light-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.blueberry-light-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.blueberry-light-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.blueberry-light-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.blueberry-light-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.blueberry-light-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.blueberry-light-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.blueberry-light-theme .todo-lists ul {
  padding: 0 10px;
}
body.blueberry-light-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.blueberry-light-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.blueberry-light-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.blueberry-light-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.blueberry-light-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.blueberry-light-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.blueberry-light-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.blueberry-light-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.blueberry-light-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.blueberry-light-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.blueberry-light-theme .media-block .media {
    display: block !important;
  }
  body.blueberry-light-theme .media-block .media img {
    width: 100% !important;
  }
}
body.blueberry-light-theme .select2-selection--multiple,
body.blueberry-light-theme
  .select2-container--default
  .select2-selection--single {
  border-radius: 0px !important;
}
body.blueberry-light-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #26aae0;
}
body.blueberry-light-theme .select2-selection__choice,
body.blueberry-light-theme .select2-selection__choice__remove {
  background-color: #26aae0 !important;
  border: 1px solid #26aae0 !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.blueberry-light-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #26aae0;
  color: #fff;
}
body.blueberry-light-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.blueberry-light-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.blueberry-light-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.blueberry-light-theme .ui-sortable .sortable-dragging,
body.blueberry-light-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.blueberry-light-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.blueberry-light-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.blueberry-light-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.blueberry-light-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.blueberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.blueberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.blueberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.blueberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.blueberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.blueberry-light-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.blueberry-light-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.blueberry-light-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.blueberry-light-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #26aae0;
  color: #fff;
}
body.blueberry-light-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.blueberry-light-theme
  .introjs-tooltipReferenceLayer
  .introjs-helperNumberLayer {
  left: 10px;
}
body.blueberry-light-theme .config .barcode2D {
  display: none;
}
body.blueberry-light-theme .miscCanvas {
  display: none;
}
body.blueberry-light-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.blueberry-light-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.blueberry-light-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.blueberry-light-theme .mega {
    font-size: 4rem;
  }
}
body.blueberry-light-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.blueberry-light-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.blueberry-light-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.blueberry-light-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.blueberry-light-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.blueberry-light-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.blueberry-light-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.blueberry-light-theme .fileinput-preview {
  max-height: 150px;
}
body.blueberry-light-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.blueberry-light-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.blueberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-search
  input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.blueberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.blueberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.blueberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.blueberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.blueberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.blueberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-statistics
  .statistics-font-color {
  color: #909190;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.blueberry-light-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.blueberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #26aae0;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.blueberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.blueberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a
  .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #26aae0;
  padding: 10px 13px 10px 15px;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #26aae0;
}
body.blueberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a.active
  .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.blueberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #26aae0;
}
body.blueberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a {
  padding-left: 30px;
}
body.blueberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a
  i {
  margin-right: 10px;
  font-size: 15px;
}
body.blueberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu.open {
  max-height: 100%;
}
body.blueberry-light-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.blueberry-light-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #26aae0;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.blueberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.blueberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  > a
  > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.blueberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.blueberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > .treeview-menu {
  display: block;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #26aae0;
  padding-right: 0;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.blueberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li {
  margin: 0;
  padding: 5px;
}
body.blueberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.blueberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.blueberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i {
  width: 25px;
}
body.blueberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.blueberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li:hover {
  padding-right: 3px;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.blueberry-light-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.blueberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.blueberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.blueberry-light-theme
  .sidebar.sidebar-v2
  .mainnav-shortcut
  ul
  li
  a
  > span {
  display: table-cell;
  vertical-align: middle;
}
body.blueberry-light-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.blueberry-light-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.blueberry-light-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.blueberry-light-theme .main-wrapper {
    margin-left: 230px;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-open.sidebar-collapse
    .main-wrapper {
    margin-left: 0;
  }
  body.blueberry-light-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.blueberry-light-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li {
    position: relative;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #26aae0;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .profile-nav {
    display: none;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.blueberry-light-theme .menu-toggle {
    display: block !important;
  }
  body.blueberry-light-theme .sidebar-v1 {
    left: -230px;
  }
  body.blueberry-light-theme .footer {
    margin-left: 0;
  }
  body.blueberry-light-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.blueberry-light-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.blueberry-light-theme
    .wrapper.sidebar-open.sidebar-collapse
    .main-wrapper {
    margin-left: 0;
  }
  body.blueberry-light-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.blueberry-light-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.blueberry-light-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.blueberry-light-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.blueberry-light-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #fff;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #f1f1f1;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.blueberry-light-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #f1f1f1;
}
body.blueberry-light-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #1e1e1e;
  border: none;
  margin: 0px;
}
body.blueberry-light-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #26aae0;
  color: #fff;
  border-bottom: 2px solid #1a8bb9;
}
body.blueberry-light-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #26aae0;
  color: #fff;
  border-bottom: 2px solid #1a8bb9;
}
body.blueberry-light-theme .right-sidebar .nav-tabs li a.active {
  background-color: #26aae0;
  color: #fff;
  border-bottom: 2px solid #1a8bb9;
}
body.blueberry-light-theme
  .right-sidebar
  .tab-content
  .input-group
  .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.blueberry-light-theme .right-sidebar .tab-content input {
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.blueberry-light-theme .right-sidebar .tab-content textarea {
  color: #6e6e6e;
}
body.blueberry-light-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.blueberry-light-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.blueberry-light-theme
  .right-sidebar
  .tab-content
  #chat
  .small-badges.active {
  background-color: #00a65a;
}
body.blueberry-light-theme
  .right-sidebar
  .tab-content
  #chat
  .small-badges.offline {
  background-color: #dd4b39;
}
body.blueberry-light-theme
  .right-sidebar
  .tab-content
  #chat
  .small-badges.idle {
  background-color: #f39c12;
}
body.blueberry-light-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #6e6e6e;
}
body.blueberry-light-theme
  .right-sidebar
  .tab-content
  #chat
  .content-body
  a:hover {
  background-color: #26aae0;
  border-radius: 50%;
  color: #fff;
}
body.blueberry-light-theme .right-sidebar .tab-content #chat h5 {
  color: #6e6e6e;
}
body.blueberry-light-theme .right-sidebar .tab-content #chat p {
  color: #909190;
}
body.blueberry-light-theme .right-sidebar .tab-content #tasks {
  color: #6e6e6e;
}
body.blueberry-light-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #f1f1f1;
}
body.blueberry-light-theme .right-sidebar .tab-content #tasks p,
body.blueberry-light-theme .right-sidebar .tab-content #tasks h6 {
  color: #909190;
}
body.blueberry-light-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.blueberry-light-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.blueberry-light-theme .right-sidebar .tab-content #tasks ul li a {
  color: #6e6e6e;
}
body.blueberry-light-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #fff;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.blueberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  h5 {
  background: #b7b7b7;
}
body.blueberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.blueberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.blueberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #b7b7b7;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.blueberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #b7b7b7;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.blueberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #26aae0;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.blueberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #26aae0 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.blueberry-light-theme
  .right-sidebar
  .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.blueberry-light-theme .right-sidebar .right-sidebar-setting label {
  color: #6e6e6e;
}
body.blueberry-light-theme .right-sidebar .right-sidebar-setting h4 {
  color: #6e6e6e;
  border-top: 1px solid #f1f1f1;
}
body.blueberry-light-theme .right-sidebar .right-sidebar-setting small,
body.blueberry-light-theme .right-sidebar .right-sidebar-setting p {
  color: #909190;
}
body.blueberry-light-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.blueberry-light-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.blueberry-light-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.blueberry-light-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.blueberry-light-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.blueberry-light-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.blueberry-light-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.blueberry-light-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.blueberry-light-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.blueberry-light-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.blueberry-light-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.blueberry-light-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.blueberry-light-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.blueberry-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.blueberry-light-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.blueberry-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.blueberry-light-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.blueberry-light-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.blueberry-light-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.blueberry-light-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #26aae0;
}
body.blueberry-light-theme .header .navbar {
  border: none !important;
}
body.blueberry-light-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.blueberry-light-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.blueberry-light-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.blueberry-light-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.blueberry-light-theme
  .header
  .navbar-lg
  .setting-block
  .top-block
  .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.blueberry-light-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.blueberry-light-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.blueberry-light-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.blueberry-light-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.blueberry-light-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.blueberry-light-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.blueberry-light-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #1e1e1e;
}
body.blueberry-light-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #1e1e1e;
}
body.blueberry-light-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #26aae0;
  color: #fff;
}
body.blueberry-light-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #26aae0;
  color: #fff;
}
body.blueberry-light-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.blueberry-light-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.blueberry-light-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.blueberry-light-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.blueberry-light-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.blueberry-light-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.blueberry-light-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.blueberry-light-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.blueberry-light-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.blueberry-light-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.blueberry-light-theme .settings-menu {
  background: #fff;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #1e1e1e;
  border: 1px solid #ccc;
  overflow-y: auto;
}
body.blueberry-light-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #ccc;
}
body.blueberry-light-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.blueberry-light-theme .settings-menu .setting-box {
  color: #2c2b2b;
  background-color: #f1f1f1;
}
body.blueberry-light-theme .settings-menu-fixed {
  position: fixed !important;
}
body.blueberry-light-theme .nav-profile .nav-link span.active {
  color: #26aae0;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.blueberry-light-theme .nav-profile .dropdown-menu {
  background: #fff none repeat scroll 0 0;
  color: #1e1e1e;
  border-top: 1px solid #f1f1f1;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.blueberry-light-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.blueberry-light-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.blueberry-light-theme .nav-profile .dropdown-menu span.active {
  color: #26aae0;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.blueberry-light-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #f1f1f1;
}
body.blueberry-light-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #1e1e1e;
}
body.blueberry-light-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #26aae0 none repeat scroll 0 0;
  border-left: 2px solid #1a8bb9;
  color: #fff;
}
body.blueberry-light-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.blueberry-light-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
  }
  body.blueberry-light-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.blueberry-light-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.blueberry-light-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.blueberry-light-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.blueberry-light-theme .nav-profile .dropdown-menu span.active {
    color: #26aae0;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.blueberry-light-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.blueberry-light-theme .header .logo {
    width: 190px;
  }
  body.blueberry-light-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.blueberry-light-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.blueberry-light-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.blueberry-light-theme .nav-profile .dropdown-menu span.active {
    color: #26aae0;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.blueberry-light-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.blueberry-light-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.blueberry-light-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.blueberry-light-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.blueberry-light-theme .image-grid > li.main-image {
  width: 50%;
}
body.blueberry-light-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.blueberry-light-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.blueberry-light-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #26aae0;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.blueberry-light-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.blueberry-light-theme .scrollToTop:hover {
  background-color: #1a8bb9;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.blueberry-light-theme .breadcrumb-page-title,
  body.blueberry-light-theme .theme-setting-icon,
  body.blueberry-light-theme .theme-setting-menu,
  body.blueberry-light-theme .scrollToTop,
  body.blueberry-light-theme .right-sidebar,
  body.blueberry-light-theme .settings-menu,
  body.blueberry-light-theme .sidebar,
  body.blueberry-light-theme .header,
  body.blueberry-light-theme .footer,
  body.blueberry-light-theme .btn {
    display: none !important;
  }
  body.blueberry-light-theme .main-wrapper {
    margin-left: 0;
  }
}
body.blueberry-light-theme .pace {
  display: none;
}
body.blueberry-light-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.blueberry-light-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.blueberry-light-theme
  .page-loader-container
  .page-loader
  .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.blueberry-light-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.blueberry-light-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.blueberry-light-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.blueberry-light-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.blueberry-light-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.blueberry-light-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.blueberry-light-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #26aae0;
}
body.blueberry-light-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #26aae0;
}
body.blueberry-light-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #26aae0;
}
body.blueberry-light-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #26aae0;
}
body.blueberry-light-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.blueberry-light-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.blueberry-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.blueberry-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image
  img {
  max-width: 100%;
}
body.blueberry-light-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.blueberry-light-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.blueberry-light-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.blueberry-light-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.blueberry-light-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.blueberry-light-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.blueberry-light-theme .mail ul li a {
  color: #909190;
}
body.blueberry-light-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.blueberry-light-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.blueberry-light-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.blueberry-light-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.blueberry-light-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.blueberry-light-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.blueberry-light-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.blueberry-light-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.blueberry-light-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.blueberry-light-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.blueberry-light-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.blueberry-light-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.blueberry-light-theme .readmail .filebox .file img {
  height: 148px;
}
body.blueberry-light-theme .readmail .filebox .filename {
  height: 70px;
}
body.blueberry-light-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.blueberry-light-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.blueberry-light-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.blueberry-light-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.blueberry-light-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.blueberry-light-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.blueberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group {
  margin-bottom: 0;
}
body.blueberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.blueberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.blueberry-light-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.blueberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.blueberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.blueberry-light-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.blueberry-light-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.blueberry-light-theme .mail .compose-mail .mail-footer .right-block .send {
  width: 90px;
  height: 35px;
}
body.blueberry-light-theme
  .mail
  .compose-mail
  .mail-footer
  .right-block
  .send:focus,
body.blueberry-light-theme .mail .compose-mail .mail-footer .right-block .tool {
  color: #fff;
}
body.blueberry-light-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.blueberry-light-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.blueberry-light-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.blueberry-light-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.blueberry-light-theme .mail .note-resizebar {
  display: none;
}
body.blueberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.blueberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.blueberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.blueberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.blueberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.blueberry-light-theme
  .selectize-control.plugin-remove_button
  [data-value]
  .remove {
  border-left-color: #fff;
  color: #fff;
}
body.blueberry-light-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.blueberry-light-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.blueberry-light-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.blueberry-light-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.blueberry-light-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.blueberry-light-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.blueberry-light-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.blueberry-light-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.blueberry-light-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.blueberry-light-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.blueberry-light-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.blueberry-light-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.blueberry-light-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.blueberry-light-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.blueberry-light-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.blueberry-light-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.blueberry-light-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.blueberry-light-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.blueberry-light-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.blueberry-light-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.blueberry-light-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.blueberry-light-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.blueberry-light-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.blueberry-light-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.blueberry-light-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.blueberry-light-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.blueberry-light-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.blueberry-light-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.blueberry-light-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.blueberry-light-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.blueberry-light-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.blueberry-light-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.blueberry-light-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.blueberry-light-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.blueberry-light-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.blueberry-light-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.blueberry-light-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.blueberry-light-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.blueberry-light-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.blueberry-light-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.blueberry-light-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.blueberry-light-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.blueberry-light-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.blueberry-light-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.blueberry-light-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.blueberry-light-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.blueberry-light-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.blueberry-light-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.blueberry-light-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.blueberry-light-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.blueberry-light-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.blueberry-light-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.blueberry-light-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.blueberry-light-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.blueberry-light-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.blueberry-light-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.blueberry-light-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.blueberry-light-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.blueberry-light-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.blueberry-light-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.blueberry-light-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.blueberry-light-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.blueberry-light-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.blueberry-light-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.blueberry-light-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.blueberry-light-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.blueberry-light-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.blueberry-light-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.blueberry-light-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.blueberry-light-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.blueberry-light-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.blueberry-light-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.blueberry-light-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.blueberry-light-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.blueberry-light-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.blueberry-light-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.blueberry-light-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.blueberry-light-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.blueberry-light-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.blueberry-light-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.blueberry-light-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.blueberry-light-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.blueberry-light-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.blueberry-light-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.blueberry-light-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.blueberry-light-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.blueberry-light-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.blueberry-light-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.blueberry-light-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.blueberry-light-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.blueberry-light-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.blueberry-light-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.blueberry-light-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.blueberry-light-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.blueberry-light-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.blueberry-light-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.blueberry-light-theme .contact-primary,
body.blueberry-light-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.blueberry-light-theme .contact-primary .img-block .social,
body.blueberry-light-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.blueberry-light-theme .contact-primary .img-block .social i,
body.blueberry-light-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.blueberry-light-theme .contact-primary .contact-info,
body.blueberry-light-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.blueberry-light-theme .contact-primary .contact-info .info-block,
body.blueberry-light-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.blueberry-light-theme .contact-primary .contact-info .detail,
body.blueberry-light-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.blueberry-light-theme .contact-primary .contact-info .detail.name,
body.blueberry-light-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.blueberry-light-theme .contact-primary:hover,
body.blueberry-light-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.blueberry-light-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.blueberry-light-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.blueberry-light-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.blueberry-light-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.blueberry-light-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.blueberry-light-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.blueberry-light-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.blueberry-light-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.blueberry-light-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.blueberry-light-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.blueberry-light-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.blueberry-light-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.blueberry-light-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.blueberry-light-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.blueberry-light-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.blueberry-light-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.blueberry-light-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.blueberry-light-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.blueberry-light-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.blueberry-light-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.blueberry-light-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.blueberry-light-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.blueberry-light-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.blueberry-light-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.blueberry-light-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.blueberry-light-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.blueberry-light-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.blueberry-light-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.blueberry-light-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.blueberry-light-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.blueberry-light-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.blueberry-light-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.blueberry-light-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.blueberry-light-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.blueberry-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.blueberry-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.blueberry-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.blueberry-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.blueberry-light-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.blueberry-light-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.blueberry-light-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.blueberry-light-theme
    .cssanimations
    .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.blueberry-light-theme
    .cssanimations
    .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.blueberry-light-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.blueberry-light-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.blueberry-light-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.blueberry-light-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.blueberry-light-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.blueberry-light-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.blueberry-light-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.blueberry-light-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.blueberry-light-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.blueberry-light-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.blueberry-light-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.blueberry-light-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #26aae0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.blueberry-light-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.blueberry-light-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.blueberry-light-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.blueberry-light-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.blueberry-light-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #26aae0;
  border-color: #26aae0;
}
body.blueberry-light-theme
  .cd-horizontal-timeline
  .events
  a.older-event::after {
  border-color: #26aae0;
}
body.blueberry-light-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.blueberry-light-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.blueberry-light-theme .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.blueberry-light-theme
  .cd-horizontal-timeline
  .events-content
  li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.blueberry-light-theme
  .cd-horizontal-timeline
  .events-content
  li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.blueberry-light-theme
  .cd-horizontal-timeline
  .events-content
  li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.blueberry-light-theme
  .cd-horizontal-timeline
  .events-content
  li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.blueberry-light-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.blueberry-light-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.blueberry-light-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.blueberry-light-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.blueberry-light-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.blueberry-light-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.blueberry-light-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.blueberry-light-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.blueberry-light-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.blueberry-light-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.blueberry-light-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.blueberry-light-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.blueberry-light-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.blueberry-light-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.blueberry-light-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.blueberry-light-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.blueberry-light-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.blueberry-light-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.blueberry-light-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.blueberry-light-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.blueberry-light-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.blueberry-light-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.blueberry-light-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.blueberry-light-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.blueberry-light-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.blueberry-light-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.blueberry-light-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.blueberry-light-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.blueberry-light-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.blueberry-light-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.blueberry-light-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.blueberry-light-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.blueberry-light-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.blueberry-light-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.blueberry-light-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.blueberry-light-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.blueberry-light-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.blueberry-light-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.blueberry-light-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.blueberry-light-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.blueberry-light-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.blueberry-light-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.blueberry-light-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.blueberry-light-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.blueberry-light-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.blueberry-light-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.blueberry-light-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.blueberry-light-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.blueberry-light-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.blueberry-light-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.blueberry-light-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.blueberry-light-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.blueberry-light-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.blueberry-light-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.blueberry-light-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.blueberry-light-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.blueberry-light-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.blueberry-light-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.blueberry-light-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.blueberry-light-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.blueberry-light-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.blueberry-light-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.blueberry-light-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.blueberry-light-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.blueberry-light-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.blueberry-light-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.blueberry-light-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.blueberry-light-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.blueberry-light-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.blueberry-light-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.blueberry-light-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.blueberry-light-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.blueberry-light-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.blueberry-light-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.blueberry-light-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.blueberry-light-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.blueberry-light-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.blueberry-light-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.blueberry-light-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.blueberry-light-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.blueberry-light-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.blueberry-light-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.blueberry-light-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.blueberry-light-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.blueberry-light-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.blueberry-light-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.blueberry-light-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.blueberry-light-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.blueberry-light-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.blueberry-light-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.blueberry-light-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.blueberry-light-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.blueberry-light-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.blueberry-light-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.blueberry-light-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.blueberry-light-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.blueberry-light-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.blueberry-light-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.blueberry-light-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.blueberry-light-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.blueberry-light-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.blueberry-light-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.blueberry-light-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.blueberry-light-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.blueberry-light-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.blueberry-light-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.blueberry-light-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.blueberry-light-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.blueberry-light-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.blueberry-light-theme .product-detail .product-image-list img:first-child {
  margin-left: 0;
}
body.blueberry-light-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.blueberry-light-theme .product-detail .product-img img {
  max-width: 100%;
}
body.blueberry-light-theme .product-grid-primary,
body.blueberry-light-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.blueberry-light-theme .product-grid-primary .product-img,
body.blueberry-light-theme .product-grid-secondary .product-img {
  position: relative;
}
body.blueberry-light-theme .product-grid-primary .product-img .product-like,
body.blueberry-light-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.blueberry-light-theme
  .product-grid-primary
  .product-img
  .product-like:hover,
body.blueberry-light-theme
  .product-grid-secondary
  .product-img
  .product-like:hover {
  color: #26aae0;
}
body.blueberry-light-theme .product-grid-primary .product-detail,
body.blueberry-light-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.blueberry-light-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.blueberry-light-theme .file-manager .toggle-file-menu {
  display: none;
}
body.blueberry-light-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.blueberry-light-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.blueberry-light-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.blueberry-light-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.blueberry-light-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.blueberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type {
  bottom: 0px;
  right: 5px;
}
body.blueberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.blueberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.blueberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.blueberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.blueberry-light-theme .file-manager .file-block .file-view .folder .file,
body.blueberry-light-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.blueberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type,
body.blueberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-type {
  position: absolute;
}
body.blueberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.blueberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.blueberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.blueberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.blueberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.blueberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.blueberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.blueberry-light-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.blueberry-light-theme
  .file-manager
  .file-block.file-menu-close
  .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.blueberry-light-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.blueberry-light-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.blueberry-light-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.blueberry-light-theme .other-widgets-box {
  background-color: #15337e;
}
body.blueberry-light-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.blueberry-light-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.blueberry-light-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.blueberry-light-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.blueberry-light-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.blueberry-light-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.blueberry-light-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.blueberry-light-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.blueberry-light-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.blueberry-light-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.blueberry-light-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.blueberry-light-theme
  .social-widgets
  .profile
  .social-profile
  .profile-avatar {
  height: 120px;
}
body.blueberry-light-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.blueberry-light-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.blueberry-light-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.blueberry-light-theme .social-widgets .profile.profile-cover-bg {
  background: #26aae0 url(../../images/login_box_bg.png);
}
body.blueberry-light-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.blueberry-light-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.blueberry-light-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.blueberry-light-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.blueberry-light-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.blueberry-light-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.blueberry-light-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.blueberry-light-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.blueberry-light-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.blueberry-light-theme .amcharts-export-menu-top-right {
  display: none;
}
body.blueberry-light-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.blueberry-light-theme
  .sales-performance
  .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.blueberry-light-theme
  .social-analytics
  .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.blueberry-light-theme .sales-performance .amcharts-graph-g3,
body.blueberry-light-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.blueberry-light-theme
  .sales-performance
  .amcharts-value-axis.value-axis-a3,
body.blueberry-light-theme
  .social-analytics
  .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.blueberry-light-theme .sales-performance .lastBullet,
body.blueberry-light-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.blueberry-light-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.blueberry-light-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.blueberry-light-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.blueberry-light-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.blueberry-light-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.blueberry-light-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.blueberry-light-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.blueberry-light-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.blueberry-light-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.blueberry-light-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.blueberry-light-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.blueberry-light-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.blueberry-light-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.blueberry-light-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.blueberry-light-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.blueberry-light-theme .theme-border-color {
  border-color: #26aae0;
}
body.blueberry-light-theme .primary-border-color {
  border-color: #286090;
}
body.blueberry-light-theme .danger-border-color {
  border-color: #d73925;
}
body.blueberry-light-theme .info-border-color {
  border-color: #00acd6;
}
body.blueberry-light-theme .warning-border-color {
  border-color: #e08e0b;
}
body.blueberry-light-theme .success-border-color {
  border-color: #008d4c;
}
body.blueberry-light-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.blueberry-light-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #26aae0 !important;
  border-radius: 0px;
}
body.blueberry-light-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.blueberry-light-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.blueberry-light-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.blueberry-light-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.blueberry-light-theme .material-card h2 span {
  display: block;
}
body.blueberry-light-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.blueberry-light-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.blueberry-light-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.blueberry-light-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.blueberry-light-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.blueberry-light-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.blueberry-light-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.blueberry-light-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.blueberry-light-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.blueberry-light-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.blueberry-light-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.blueberry-light-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.blueberry-light-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.blueberry-light-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.blueberry-light-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.blueberry-light-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.blueberry-light-theme .material-card.mc-active h2:before {
  top: 0;
}
body.blueberry-light-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.blueberry-light-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.blueberry-light-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.blueberry-light-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.blueberry-light-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.blueberry-light-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.blueberry-light-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.blueberry-light-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.blueberry-light-theme .material-card.theme h2 {
  background-color: #26aae0;
}
body.blueberry-light-theme .material-card.theme h2:after {
  border-top-color: #26aae0;
  border-right-color: #26aae0;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #1a8bb9;
  border-bottom-color: #1a8bb9;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.theme .mc-btn-action {
  background-color: #26aae0;
}
body.blueberry-light-theme .material-card.theme .mc-btn-action:hover {
  background-color: #1a8bb9;
}
body.blueberry-light-theme .material-card.theme .mc-footer h4 {
  color: #1a8bb9;
}
body.blueberry-light-theme .material-card.theme .mc-footer a {
  background-color: #1a8bb9;
}
body.blueberry-light-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #26aae0;
  border-bottom-color: #26aae0;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.theme.mc-active h2:after {
  border-top-color: #1a8bb9;
  border-right-color: #1a8bb9;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.blueberry-light-theme .material-card.theme.mc-active .mc-footer {
  background-color: #26aae0;
}
body.blueberry-light-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.blueberry-light-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.blueberry-light-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.blueberry-light-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.blueberry-light-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.blueberry-light-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.blueberry-light-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.blueberry-light-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.blueberry-light-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.blueberry-light-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.blueberry-light-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.blueberry-light-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.blueberry-light-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.blueberry-light-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.blueberry-light-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.blueberry-light-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.blueberry-light-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.blueberry-light-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.blueberry-light-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.blueberry-light-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.blueberry-light-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.blueberry-light-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.blueberry-light-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.blueberry-light-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.blueberry-light-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.blueberry-light-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.blueberry-light-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.blueberry-light-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.blueberry-light-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.blueberry-light-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.blueberry-light-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.blueberry-light-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.blueberry-light-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.blueberry-light-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.blueberry-light-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.blueberry-light-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.blueberry-light-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.blueberry-light-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.blueberry-light-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.blueberry-light-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.blueberry-light-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.blueberry-light-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.blueberry-light-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.blueberry-light-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.blueberry-light-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.blueberry-light-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.blueberry-light-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.blueberry-light-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.blueberry-light-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.blueberry-light-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.blueberry-light-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.blueberry-light-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.blueberry-light-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.blueberry-light-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.blueberry-light-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.blueberry-light-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.blueberry-light-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.blueberry-light-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.blueberry-light-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.blueberry-light-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.blueberry-light-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.blueberry-light-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.blueberry-light-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.blueberry-light-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.blueberry-light-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.blueberry-light-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.blueberry-light-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.blueberry-light-theme .wrapper:after {
  display: table;
  content: " ";
}
body.blueberry-light-theme .wrapper:before {
  display: table;
  content: " ";
}
body.blueberry-light-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.blueberry-light-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.blueberry-light-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.blueberry-light-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.blueberry-light-theme .fixed-width-page .card,
body.blueberry-light-theme .card-page .card,
body.blueberry-light-theme .fixed-width-page .card-body,
body.blueberry-light-theme .card-page .card-body {
  min-height: 500px;
}
body.blueberry-light-theme .fixed-width-page .card h2,
body.blueberry-light-theme .card-page .card h2,
body.blueberry-light-theme .fixed-width-page .card-body h2,
body.blueberry-light-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.blueberry-light-theme.full-width-page .main-wrapper,
body.blueberry-light-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.blueberry-light-theme.full-width-page .logo {
  background: #fff;
}
body.blueberry-light-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.blueberry-light-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.blueberry-light-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/*******************************************************
 ** orange-light-theme.less
 ** 
 ** Main LESS file for Orange Light Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.orange-light-theme {
  /*******************************************************
 ** orange-light-theme _variables.less
 ** 
 ** LESS variables for Orange Light Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /*********************
 * Orange Light Theme
 *********************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.orange-light-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.orange-light-theme a {
  text-decoration: none;
}
body.orange-light-theme h1 {
  font-size: 36px;
}
body.orange-light-theme h2 {
  font-size: 30px;
}
body.orange-light-theme h3 {
  font-size: 24px;
}
body.orange-light-theme h4 {
  font-size: 18px;
}
body.orange-light-theme h5 {
  font-size: 14px;
}
body.orange-light-theme h6 {
  font-size: 12px;
}
body.orange-light-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.orange-light-theme .border-theme {
  border: 1px solid #f9553e !important;
}
body.orange-light-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.orange-light-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.orange-light-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.orange-light-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.orange-light-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.orange-light-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.orange-light-theme .border-r-sm {
  border-radius: 3px;
}
body.orange-light-theme .border-r-md {
  border-radius: 6px;
}
body.orange-light-theme .border-r-lg {
  border-radius: 12px;
}
body.orange-light-theme .border-r-xlg {
  border-radius: 24px;
}
body.orange-light-theme .m-xs {
  margin: 5px;
}
body.orange-light-theme .mt-xs {
  margin-top: 5px;
}
body.orange-light-theme .mr-xs {
  margin-right: 5px;
}
body.orange-light-theme .mb-xs {
  margin-bottom: 5px;
}
body.orange-light-theme .ml-xs {
  margin-left: 5px;
}
body.orange-light-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.orange-light-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.orange-light-theme .m-sm {
  margin: 10px;
}
body.orange-light-theme .mt-sm {
  margin-top: 10px;
}
body.orange-light-theme .mr-sm {
  margin-right: 10px;
}
body.orange-light-theme .mb-sm {
  margin-bottom: 10px;
}
body.orange-light-theme .ml-sm {
  margin-left: 10px;
}
body.orange-light-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.orange-light-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.orange-light-theme .m-md {
  margin: 15px;
}
body.orange-light-theme .mt-md {
  margin-top: 15px;
}
body.orange-light-theme .mr-md {
  margin-right: 15px;
}
body.orange-light-theme .mb-md {
  margin-bottom: 15px;
}
body.orange-light-theme .ml-md {
  margin-left: 15px;
}
body.orange-light-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.orange-light-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.orange-light-theme .m-lg {
  margin: 20px;
}
body.orange-light-theme .mt-lg {
  margin-top: 20px;
}
body.orange-light-theme .mr-lg {
  margin-right: 20px;
}
body.orange-light-theme .mb-lg {
  margin-bottom: 20px;
}
body.orange-light-theme .ml-lg {
  margin-left: 20px;
}
body.orange-light-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.orange-light-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.orange-light-theme .m-xlg {
  margin: 25px;
}
body.orange-light-theme .mt-xlg {
  margin-top: 25px;
}
body.orange-light-theme .mr-xlg {
  margin-right: 25px;
}
body.orange-light-theme .mb-xlg {
  margin-bottom: 25px;
}
body.orange-light-theme .ml-xlg {
  margin-left: 25px;
}
body.orange-light-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.orange-light-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.orange-light-theme .p-xs {
  padding: 5px;
}
body.orange-light-theme .pt-xs {
  padding-top: 5px;
}
body.orange-light-theme .pr-xs {
  padding-right: 5px;
}
body.orange-light-theme .pb-xs {
  padding-bottom: 5px;
}
body.orange-light-theme .pl-xs {
  padding-left: 5px;
}
body.orange-light-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.orange-light-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.orange-light-theme .p-sm {
  padding: 10px;
}
body.orange-light-theme .pt-sm {
  padding-top: 10px;
}
body.orange-light-theme .pr-sm {
  padding-right: 10px;
}
body.orange-light-theme .pb-sm {
  padding-bottom: 10px;
}
body.orange-light-theme .pl-sm {
  padding-left: 10px;
}
body.orange-light-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.orange-light-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.orange-light-theme .p-md {
  padding: 15px;
}
body.orange-light-theme .pt-md {
  padding-top: 15px;
}
body.orange-light-theme .pr-md {
  padding-right: 15px;
}
body.orange-light-theme .pb-md {
  padding-bottom: 15px;
}
body.orange-light-theme .pl-md {
  padding-left: 15px;
}
body.orange-light-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.orange-light-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.orange-light-theme .p-lg {
  padding: 20px;
}
body.orange-light-theme .pt-lg {
  padding-top: 20px;
}
body.orange-light-theme .pr-lg {
  padding-right: 20px;
}
body.orange-light-theme .pb-lg {
  padding-bottom: 20px;
}
body.orange-light-theme .pl-lg {
  padding-left: 20px;
}
body.orange-light-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.orange-light-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.orange-light-theme .p-xlg {
  padding: 25px;
}
body.orange-light-theme .pt-xlg {
  padding-top: 25px;
}
body.orange-light-theme .pr-xlg {
  padding-right: 25px;
}
body.orange-light-theme .pb-xlg {
  padding-bottom: 25px;
}
body.orange-light-theme .pl-xlg {
  padding-left: 25px;
}
body.orange-light-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.orange-light-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.orange-light-theme .text-normal {
  font-weight: 400;
}
body.orange-light-theme .text-bold {
  font-weight: 700;
}
body.orange-light-theme .text-italic {
  font-style: italic;
}
body.orange-light-theme .text-strike {
  text-decoration: line-through;
}
body.orange-light-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.orange-light-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.orange-light-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.orange-light-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.orange-light-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.orange-light-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.orange-light-theme .font-16 {
  font-size: 16px;
}
body.orange-light-theme .font-14 {
  font-size: 14px;
}
body.orange-light-theme .font-12 {
  font-size: 12px;
}
body.orange-light-theme .font-10 {
  font-size: 10px;
}
body.orange-light-theme .text-lg {
  color: #f1f1f1;
}
body.orange-light-theme .text-mdg {
  color: #ccc;
}
body.orange-light-theme .text-dg {
  color: #909190;
}
body.orange-light-theme .text-mb {
  color: #2c2b2b;
}
body.orange-light-theme .text-mg {
  color: #6e6e6e;
}
body.orange-light-theme .text-theme {
  color: #f9553e;
}
body.orange-light-theme .no-bg {
  background: transparent;
}
body.orange-light-theme .bg-theme {
  background-color: #f9553e;
}
body.orange-light-theme .bg-lg {
  background-color: #f1f1f1;
}
body.orange-light-theme .bg-mdg {
  background-color: #ccc;
}
body.orange-light-theme .bg-dg {
  background-color: #909190;
}
body.orange-light-theme .bg-mb {
  background-color: #2c2b2b;
}
body.orange-light-theme .bg-mg {
  background-color: #6e6e6e;
}
body.orange-light-theme .height-30 {
  min-height: 30px;
}
body.orange-light-theme .height-40 {
  min-height: 40px;
}
body.orange-light-theme .height-50 {
  min-height: 50px;
}
body.orange-light-theme .height-100 {
  min-height: 100px;
}
body.orange-light-theme .height-150 {
  min-height: 150px;
}
body.orange-light-theme .height-200 {
  min-height: 200px;
}
body.orange-light-theme .height-320 {
  min-height: 320px;
}
body.orange-light-theme .width-30 {
  min-width: 30px;
}
body.orange-light-theme .width-40 {
  min-width: 40px;
}
body.orange-light-theme .width-50 {
  min-width: 50px;
}
body.orange-light-theme .width-100 {
  min-width: 100px;
}
body.orange-light-theme .width-150 {
  min-width: 150px;
}
body.orange-light-theme .width-200 {
  min-width: 200px;
}
body.orange-light-theme .width-320 {
  min-width: 320px;
}
body.orange-light-theme .progress.progress-xxs {
  height: 2px;
}
body.orange-light-theme .progress.progress-xs {
  height: 5px;
}
body.orange-light-theme .progress.progress-sm {
  height: 10px;
}
body.orange-light-theme .progress.progress-lg {
  height: 20px;
}
body.orange-light-theme ::-moz-selection {
  color: #fff;
  background: #f9553e;
}
body.orange-light-theme ::selection {
  color: #fff;
  background: #f9553e;
}
body.orange-light-theme .avatar {
  width: 32px;
}
body.orange-light-theme .avatar.avatar-xxs {
  width: 16px;
}
body.orange-light-theme .avatar.avatar-xs {
  width: 24px;
}
body.orange-light-theme .avatar.avatar-sm {
  width: 32px;
}
body.orange-light-theme .avatar.avatar-md {
  width: 40px;
}
body.orange-light-theme .avatar.avatar-lg {
  width: 64px;
}
body.orange-light-theme .avatar.avatar-xl {
  width: 128px;
}
body.orange-light-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.orange-light-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.orange-light-theme .btn.btn-theme {
  background-color: #f9553e;
  color: #fff;
}
body.orange-light-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #f7290d;
}
body.orange-light-theme .btn.btn-theme:active,
body.orange-light-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #fa7361;
}
body.orange-light-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #f9553e;
}
body.orange-light-theme .btn.btn-outline-theme {
  color: #f9553e;
  background-color: transparent;
  border: 1px solid;
}
body.orange-light-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #f9553e !important;
  border-color: #f7290d;
}
body.orange-light-theme .btn.btn-outline-theme:active,
body.orange-light-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #fa7361;
}
body.orange-light-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.orange-light-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.orange-light-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.orange-light-theme input,
body.orange-light-theme select,
body.orange-light-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.orange-light-theme input:focus,
body.orange-light-theme select:focus,
body.orange-light-theme textarea:focus {
  border: 1px solid #f9553e;
  box-shadow: none !important;
}
body.orange-light-theme .badge-theme,
body.orange-light-theme .theme-item {
  background-color: #f9553e;
  color: #fff;
}
body.orange-light-theme .badge-theme *,
body.orange-light-theme .theme-item * {
  color: #fff;
}
body.orange-light-theme .theme-item:hover,
body.orange-light-theme .item-group:hover {
  background-color: #f7290d;
}
body.orange-light-theme .theme-item:hover a,
body.orange-light-theme .item-group:hover a {
  background-color: #f7290d;
}
body.orange-light-theme .theme-item:hover *,
body.orange-light-theme .item-group:hover * {
  color: #fff;
}
body.orange-light-theme .label.label-theme {
  background-color: #f9553e;
  color: #fff;
}
body.orange-light-theme table tr td,
body.orange-light-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.orange-light-theme .table-responsive table tr td,
  body.orange-light-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.orange-light-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.orange-light-theme .footer.fixed {
  position: fixed;
}
body.orange-light-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.orange-light-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.orange-light-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.orange-light-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.orange-light-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.orange-light-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.orange-light-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.orange-light-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.orange-light-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.orange-light-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.orange-light-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.orange-light-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.orange-light-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.orange-light-theme .ribbon.ribbon-theme span {
  background: #f9553e;
}
body.orange-light-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #f9553e;
  border-top: 3px solid #f9553e;
}
body.orange-light-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #f9553e;
  border-top: 3px solid #f9553e;
}
body.orange-light-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.orange-light-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.orange-light-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.orange-light-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.orange-light-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.orange-light-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.orange-light-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.orange-light-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.orange-light-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.orange-light-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.orange-light-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.orange-light-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.orange-light-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.orange-light-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.orange-light-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.orange-light-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.orange-light-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.orange-light-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.orange-light-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.orange-light-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.orange-light-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.orange-light-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.orange-light-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.orange-light-theme .todo-lists ul {
  padding: 0 10px;
}
body.orange-light-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.orange-light-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.orange-light-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.orange-light-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.orange-light-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.orange-light-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.orange-light-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.orange-light-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.orange-light-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.orange-light-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.orange-light-theme .media-block .media {
    display: block !important;
  }
  body.orange-light-theme .media-block .media img {
    width: 100% !important;
  }
}
body.orange-light-theme .select2-selection--multiple,
body.orange-light-theme .select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}
body.orange-light-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #f9553e;
}
body.orange-light-theme .select2-selection__choice,
body.orange-light-theme .select2-selection__choice__remove {
  background-color: #f9553e !important;
  border: 1px solid #f9553e !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.orange-light-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #f9553e;
  color: #fff;
}
body.orange-light-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.orange-light-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.orange-light-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.orange-light-theme .ui-sortable .sortable-dragging,
body.orange-light-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.orange-light-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.orange-light-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.orange-light-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.orange-light-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.orange-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.orange-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.orange-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.orange-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.orange-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.orange-light-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.orange-light-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.orange-light-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.orange-light-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #f9553e;
  color: #fff;
}
body.orange-light-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.orange-light-theme
  .introjs-tooltipReferenceLayer
  .introjs-helperNumberLayer {
  left: 10px;
}
body.orange-light-theme .config .barcode2D {
  display: none;
}
body.orange-light-theme .miscCanvas {
  display: none;
}
body.orange-light-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.orange-light-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.orange-light-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.orange-light-theme .mega {
    font-size: 4rem;
  }
}
body.orange-light-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.orange-light-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.orange-light-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.orange-light-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.orange-light-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.orange-light-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.orange-light-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.orange-light-theme .fileinput-preview {
  max-height: 150px;
}
body.orange-light-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.orange-light-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.orange-light-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.orange-light-theme .sidebar.sidebar-v1 .sidebar-search input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.orange-light-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.orange-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.orange-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.orange-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.orange-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.orange-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.orange-light-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.orange-light-theme
  .sidebar.sidebar-v1
  .sidebar-statistics
  .statistics-font-color {
  color: #909190;
}
body.orange-light-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.orange-light-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.orange-light-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.orange-light-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.orange-light-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.orange-light-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.orange-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.orange-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #f9553e;
}
body.orange-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.orange-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.orange-light-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.orange-light-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.orange-light-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.orange-light-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.orange-light-theme .sidebar.sidebar-v1 .sidebar-menu li a .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.orange-light-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #f9553e;
  padding: 10px 13px 10px 15px;
}
body.orange-light-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #f9553e;
}
body.orange-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a.active
  .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.orange-light-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.orange-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #f9553e;
}
body.orange-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a {
  padding-left: 30px;
}
body.orange-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a
  i {
  margin-right: 10px;
  font-size: 15px;
}
body.orange-light-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu.open {
  max-height: 100%;
}
body.orange-light-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.orange-light-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.orange-light-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.orange-light-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #f9553e;
}
body.orange-light-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.orange-light-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.orange-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.orange-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.orange-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.orange-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.orange-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  > a
  > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.orange-light-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.orange-light-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.orange-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.orange-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > .treeview-menu {
  display: block;
}
body.orange-light-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.orange-light-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #f9553e;
  padding-right: 0;
}
body.orange-light-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.orange-light-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li {
  margin: 0;
  padding: 5px;
}
body.orange-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.orange-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.orange-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i {
  width: 25px;
}
body.orange-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.orange-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li:hover {
  padding-right: 3px;
}
body.orange-light-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.orange-light-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.orange-light-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.orange-light-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.orange-light-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.orange-light-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.orange-light-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.orange-light-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.orange-light-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.orange-light-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.orange-light-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.orange-light-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.orange-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.orange-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.orange-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.orange-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.orange-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > span {
  display: table-cell;
  vertical-align: middle;
}
body.orange-light-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.orange-light-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.orange-light-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.orange-light-theme .main-wrapper {
    margin-left: 230px;
  }
  body.orange-light-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.orange-light-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.orange-light-theme .wrapper.sidebar-mini.sidebar-collapse .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.orange-light-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.orange-light-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li {
    position: relative;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #f9553e;
  }
  body.orange-light-theme .wrapper.sidebar-mini.sidebar-collapse .profile-nav {
    display: none;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.orange-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.orange-light-theme .menu-toggle {
    display: block !important;
  }
  body.orange-light-theme .sidebar-v1 {
    left: -230px;
  }
  body.orange-light-theme .footer {
    margin-left: 0;
  }
  body.orange-light-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.orange-light-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.orange-light-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.orange-light-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.orange-light-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.orange-light-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.orange-light-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.orange-light-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #fff;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #f1f1f1;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.orange-light-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #f1f1f1;
}
body.orange-light-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #1e1e1e;
  border: none;
  margin: 0px;
}
body.orange-light-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #f9553e;
  color: #fff;
  border-bottom: 2px solid #f7290d;
}
body.orange-light-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #f9553e;
  color: #fff;
  border-bottom: 2px solid #f7290d;
}
body.orange-light-theme .right-sidebar .nav-tabs li a.active {
  background-color: #f9553e;
  color: #fff;
  border-bottom: 2px solid #f7290d;
}
body.orange-light-theme
  .right-sidebar
  .tab-content
  .input-group
  .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.orange-light-theme .right-sidebar .tab-content input {
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.orange-light-theme .right-sidebar .tab-content textarea {
  color: #6e6e6e;
}
body.orange-light-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.orange-light-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.orange-light-theme .right-sidebar .tab-content #chat .small-badges.active {
  background-color: #00a65a;
}
body.orange-light-theme
  .right-sidebar
  .tab-content
  #chat
  .small-badges.offline {
  background-color: #dd4b39;
}
body.orange-light-theme .right-sidebar .tab-content #chat .small-badges.idle {
  background-color: #f39c12;
}
body.orange-light-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #6e6e6e;
}
body.orange-light-theme
  .right-sidebar
  .tab-content
  #chat
  .content-body
  a:hover {
  background-color: #f9553e;
  border-radius: 50%;
  color: #fff;
}
body.orange-light-theme .right-sidebar .tab-content #chat h5 {
  color: #6e6e6e;
}
body.orange-light-theme .right-sidebar .tab-content #chat p {
  color: #909190;
}
body.orange-light-theme .right-sidebar .tab-content #tasks {
  color: #6e6e6e;
}
body.orange-light-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #f1f1f1;
}
body.orange-light-theme .right-sidebar .tab-content #tasks p,
body.orange-light-theme .right-sidebar .tab-content #tasks h6 {
  color: #909190;
}
body.orange-light-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.orange-light-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.orange-light-theme .right-sidebar .tab-content #tasks ul li a {
  color: #6e6e6e;
}
body.orange-light-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #fff;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.orange-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  h5 {
  background: #b7b7b7;
}
body.orange-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.orange-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.orange-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #b7b7b7;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.orange-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #b7b7b7;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.orange-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #f9553e;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.orange-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #f9553e transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.orange-light-theme
  .right-sidebar
  .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.orange-light-theme .right-sidebar .right-sidebar-setting label {
  color: #6e6e6e;
}
body.orange-light-theme .right-sidebar .right-sidebar-setting h4 {
  color: #6e6e6e;
  border-top: 1px solid #f1f1f1;
}
body.orange-light-theme .right-sidebar .right-sidebar-setting small,
body.orange-light-theme .right-sidebar .right-sidebar-setting p {
  color: #909190;
}
body.orange-light-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.orange-light-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.orange-light-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.orange-light-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.orange-light-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.orange-light-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.orange-light-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.orange-light-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.orange-light-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.orange-light-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.orange-light-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.orange-light-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.orange-light-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.orange-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.orange-light-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.orange-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.orange-light-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.orange-light-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.orange-light-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.orange-light-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #f9553e;
}
body.orange-light-theme .header .navbar {
  border: none !important;
}
body.orange-light-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.orange-light-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.orange-light-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.orange-light-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.orange-light-theme
  .header
  .navbar-lg
  .setting-block
  .top-block
  .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.orange-light-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.orange-light-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.orange-light-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.orange-light-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.orange-light-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.orange-light-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.orange-light-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #1e1e1e;
}
body.orange-light-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #1e1e1e;
}
body.orange-light-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #f9553e;
  color: #fff;
}
body.orange-light-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #f9553e;
  color: #fff;
}
body.orange-light-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.orange-light-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.orange-light-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.orange-light-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.orange-light-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.orange-light-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.orange-light-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.orange-light-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.orange-light-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.orange-light-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.orange-light-theme .settings-menu {
  background: #fff;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #1e1e1e;
  border: 1px solid #ccc;
  overflow-y: auto;
}
body.orange-light-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #ccc;
}
body.orange-light-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.orange-light-theme .settings-menu .setting-box {
  color: #2c2b2b;
  background-color: #f1f1f1;
}
body.orange-light-theme .settings-menu-fixed {
  position: fixed !important;
}
body.orange-light-theme .nav-profile .nav-link span.active {
  color: #f9553e;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.orange-light-theme .nav-profile .dropdown-menu {
  background: #fff none repeat scroll 0 0;
  color: #1e1e1e;
  border-top: 1px solid #f1f1f1;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.orange-light-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.orange-light-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.orange-light-theme .nav-profile .dropdown-menu span.active {
  color: #f9553e;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.orange-light-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #f1f1f1;
}
body.orange-light-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #1e1e1e;
}
body.orange-light-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #f9553e none repeat scroll 0 0;
  border-left: 2px solid #f7290d;
  color: #fff;
}
body.orange-light-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.orange-light-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
  }
  body.orange-light-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.orange-light-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.orange-light-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.orange-light-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.orange-light-theme .nav-profile .dropdown-menu span.active {
    color: #f9553e;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.orange-light-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.orange-light-theme .header .logo {
    width: 190px;
  }
  body.orange-light-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.orange-light-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.orange-light-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.orange-light-theme .nav-profile .dropdown-menu span.active {
    color: #f9553e;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.orange-light-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.orange-light-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.orange-light-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.orange-light-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.orange-light-theme .image-grid > li.main-image {
  width: 50%;
}
body.orange-light-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.orange-light-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.orange-light-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #f9553e;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.orange-light-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.orange-light-theme .scrollToTop:hover {
  background-color: #f7290d;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.orange-light-theme .breadcrumb-page-title,
  body.orange-light-theme .theme-setting-icon,
  body.orange-light-theme .theme-setting-menu,
  body.orange-light-theme .scrollToTop,
  body.orange-light-theme .right-sidebar,
  body.orange-light-theme .settings-menu,
  body.orange-light-theme .sidebar,
  body.orange-light-theme .header,
  body.orange-light-theme .footer,
  body.orange-light-theme .btn {
    display: none !important;
  }
  body.orange-light-theme .main-wrapper {
    margin-left: 0;
  }
}
body.orange-light-theme .pace {
  display: none;
}
body.orange-light-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.orange-light-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.orange-light-theme .page-loader-container .page-loader .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.orange-light-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.orange-light-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.orange-light-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.orange-light-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.orange-light-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.orange-light-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.orange-light-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #f9553e;
}
body.orange-light-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #f9553e;
}
body.orange-light-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #f9553e;
}
body.orange-light-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #f9553e;
}
body.orange-light-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.orange-light-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.orange-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.orange-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image
  img {
  max-width: 100%;
}
body.orange-light-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.orange-light-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.orange-light-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.orange-light-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.orange-light-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.orange-light-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.orange-light-theme .mail ul li a {
  color: #909190;
}
body.orange-light-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.orange-light-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.orange-light-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.orange-light-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.orange-light-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.orange-light-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.orange-light-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.orange-light-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.orange-light-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.orange-light-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.orange-light-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.orange-light-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.orange-light-theme .readmail .filebox .file img {
  height: 148px;
}
body.orange-light-theme .readmail .filebox .filename {
  height: 70px;
}
body.orange-light-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.orange-light-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.orange-light-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.orange-light-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.orange-light-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.orange-light-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.orange-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group {
  margin-bottom: 0;
}
body.orange-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.orange-light-theme
  .mail
  .compose-mail
  .compose-message
  .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.orange-light-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.orange-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.orange-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.orange-light-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.orange-light-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.orange-light-theme .mail .compose-mail .mail-footer .right-block .send {
  width: 90px;
  height: 35px;
}
body.orange-light-theme
  .mail
  .compose-mail
  .mail-footer
  .right-block
  .send:focus,
body.orange-light-theme .mail .compose-mail .mail-footer .right-block .tool {
  color: #fff;
}
body.orange-light-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.orange-light-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.orange-light-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.orange-light-theme .mail .note-editor.note-frame.card .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.orange-light-theme .mail .note-resizebar {
  display: none;
}
body.orange-light-theme
  .selectize-control.selectize-email.multi
  .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.orange-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.orange-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.orange-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.orange-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.orange-light-theme
  .selectize-control.plugin-remove_button
  [data-value]
  .remove {
  border-left-color: #fff;
  color: #fff;
}
body.orange-light-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.orange-light-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.orange-light-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.orange-light-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.orange-light-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.orange-light-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.orange-light-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.orange-light-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.orange-light-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.orange-light-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.orange-light-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.orange-light-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.orange-light-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.orange-light-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.orange-light-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.orange-light-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.orange-light-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.orange-light-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.orange-light-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.orange-light-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.orange-light-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.orange-light-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.orange-light-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.orange-light-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.orange-light-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.orange-light-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.orange-light-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.orange-light-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.orange-light-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.orange-light-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.orange-light-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.orange-light-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.orange-light-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.orange-light-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.orange-light-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.orange-light-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.orange-light-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.orange-light-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.orange-light-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.orange-light-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.orange-light-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.orange-light-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.orange-light-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.orange-light-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.orange-light-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.orange-light-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.orange-light-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.orange-light-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.orange-light-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.orange-light-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.orange-light-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.orange-light-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.orange-light-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.orange-light-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.orange-light-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.orange-light-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.orange-light-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.orange-light-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.orange-light-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.orange-light-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.orange-light-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.orange-light-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.orange-light-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.orange-light-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.orange-light-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.orange-light-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.orange-light-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.orange-light-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.orange-light-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.orange-light-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.orange-light-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.orange-light-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.orange-light-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.orange-light-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.orange-light-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.orange-light-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.orange-light-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.orange-light-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.orange-light-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.orange-light-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.orange-light-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.orange-light-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.orange-light-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.orange-light-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.orange-light-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.orange-light-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.orange-light-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.orange-light-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.orange-light-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.orange-light-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.orange-light-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.orange-light-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.orange-light-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.orange-light-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.orange-light-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.orange-light-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.orange-light-theme .contact-primary,
body.orange-light-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.orange-light-theme .contact-primary .img-block .social,
body.orange-light-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.orange-light-theme .contact-primary .img-block .social i,
body.orange-light-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.orange-light-theme .contact-primary .contact-info,
body.orange-light-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.orange-light-theme .contact-primary .contact-info .info-block,
body.orange-light-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.orange-light-theme .contact-primary .contact-info .detail,
body.orange-light-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.orange-light-theme .contact-primary .contact-info .detail.name,
body.orange-light-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.orange-light-theme .contact-primary:hover,
body.orange-light-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.orange-light-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.orange-light-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.orange-light-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.orange-light-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.orange-light-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.orange-light-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.orange-light-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.orange-light-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.orange-light-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.orange-light-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.orange-light-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.orange-light-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.orange-light-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.orange-light-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.orange-light-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.orange-light-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.orange-light-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.orange-light-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.orange-light-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.orange-light-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.orange-light-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.orange-light-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.orange-light-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.orange-light-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.orange-light-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.orange-light-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.orange-light-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.orange-light-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.orange-light-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.orange-light-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.orange-light-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.orange-light-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.orange-light-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.orange-light-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.orange-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.orange-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.orange-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.orange-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.orange-light-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.orange-light-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.orange-light-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.orange-light-theme .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.orange-light-theme .cssanimations .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.orange-light-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.orange-light-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.orange-light-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.orange-light-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.orange-light-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.orange-light-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.orange-light-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.orange-light-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.orange-light-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.orange-light-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.orange-light-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.orange-light-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #f9553e;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.orange-light-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.orange-light-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.orange-light-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.orange-light-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.orange-light-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #f9553e;
  border-color: #f9553e;
}
body.orange-light-theme .cd-horizontal-timeline .events a.older-event::after {
  border-color: #f9553e;
}
body.orange-light-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.orange-light-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.orange-light-theme .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.orange-light-theme .cd-horizontal-timeline .events-content li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.orange-light-theme .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.orange-light-theme .cd-horizontal-timeline .events-content li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.orange-light-theme .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.orange-light-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.orange-light-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.orange-light-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.orange-light-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.orange-light-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.orange-light-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.orange-light-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.orange-light-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.orange-light-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.orange-light-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.orange-light-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.orange-light-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.orange-light-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.orange-light-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.orange-light-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.orange-light-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.orange-light-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.orange-light-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.orange-light-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.orange-light-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.orange-light-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.orange-light-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.orange-light-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.orange-light-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.orange-light-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.orange-light-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.orange-light-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.orange-light-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.orange-light-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.orange-light-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.orange-light-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.orange-light-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.orange-light-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.orange-light-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.orange-light-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.orange-light-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.orange-light-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.orange-light-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.orange-light-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.orange-light-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.orange-light-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.orange-light-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.orange-light-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.orange-light-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.orange-light-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.orange-light-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.orange-light-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.orange-light-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.orange-light-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.orange-light-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.orange-light-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.orange-light-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.orange-light-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.orange-light-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.orange-light-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.orange-light-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.orange-light-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.orange-light-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.orange-light-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.orange-light-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.orange-light-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.orange-light-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.orange-light-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.orange-light-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.orange-light-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.orange-light-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.orange-light-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.orange-light-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.orange-light-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.orange-light-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.orange-light-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.orange-light-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.orange-light-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.orange-light-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.orange-light-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.orange-light-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.orange-light-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.orange-light-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.orange-light-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.orange-light-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.orange-light-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.orange-light-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.orange-light-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.orange-light-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.orange-light-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.orange-light-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.orange-light-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.orange-light-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.orange-light-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.orange-light-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.orange-light-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.orange-light-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.orange-light-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.orange-light-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.orange-light-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.orange-light-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.orange-light-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.orange-light-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.orange-light-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.orange-light-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.orange-light-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.orange-light-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.orange-light-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.orange-light-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.orange-light-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.orange-light-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.orange-light-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.orange-light-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.orange-light-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.orange-light-theme .product-detail .product-image-list img:first-child {
  margin-left: 0;
}
body.orange-light-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.orange-light-theme .product-detail .product-img img {
  max-width: 100%;
}
body.orange-light-theme .product-grid-primary,
body.orange-light-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.orange-light-theme .product-grid-primary .product-img,
body.orange-light-theme .product-grid-secondary .product-img {
  position: relative;
}
body.orange-light-theme .product-grid-primary .product-img .product-like,
body.orange-light-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.orange-light-theme .product-grid-primary .product-img .product-like:hover,
body.orange-light-theme
  .product-grid-secondary
  .product-img
  .product-like:hover {
  color: #f9553e;
}
body.orange-light-theme .product-grid-primary .product-detail,
body.orange-light-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.orange-light-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.orange-light-theme .file-manager .toggle-file-menu {
  display: none;
}
body.orange-light-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.orange-light-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.orange-light-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.orange-light-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.orange-light-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.orange-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type {
  bottom: 0px;
  right: 5px;
}
body.orange-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.orange-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.orange-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.orange-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.orange-light-theme .file-manager .file-block .file-view .folder .file,
body.orange-light-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.orange-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type,
body.orange-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-type {
  position: absolute;
}
body.orange-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.orange-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.orange-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.orange-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.orange-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.orange-light-theme .file-manager .file-block .file-view .doc .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.orange-light-theme .file-manager .file-block .file-view .doc .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.orange-light-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.orange-light-theme .file-manager .file-block.file-menu-close .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.orange-light-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.orange-light-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.orange-light-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.orange-light-theme .other-widgets-box {
  background-color: #15337e;
}
body.orange-light-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.orange-light-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.orange-light-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.orange-light-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.orange-light-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.orange-light-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.orange-light-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.orange-light-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.orange-light-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.orange-light-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.orange-light-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.orange-light-theme
  .social-widgets
  .profile
  .social-profile
  .profile-avatar {
  height: 120px;
}
body.orange-light-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.orange-light-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.orange-light-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.orange-light-theme .social-widgets .profile.profile-cover-bg {
  background: #f9553e url(../../images/login_box_bg.png);
}
body.orange-light-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.orange-light-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.orange-light-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.orange-light-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.orange-light-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.orange-light-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.orange-light-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.orange-light-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.orange-light-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.orange-light-theme .amcharts-export-menu-top-right {
  display: none;
}
body.orange-light-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.orange-light-theme .sales-performance .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.orange-light-theme .social-analytics .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.orange-light-theme .sales-performance .amcharts-graph-g3,
body.orange-light-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.orange-light-theme .sales-performance .amcharts-value-axis.value-axis-a3,
body.orange-light-theme .social-analytics .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.orange-light-theme .sales-performance .lastBullet,
body.orange-light-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.orange-light-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.orange-light-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.orange-light-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.orange-light-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.orange-light-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.orange-light-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.orange-light-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.orange-light-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.orange-light-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.orange-light-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.orange-light-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.orange-light-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.orange-light-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.orange-light-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.orange-light-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.orange-light-theme .theme-border-color {
  border-color: #f9553e;
}
body.orange-light-theme .primary-border-color {
  border-color: #286090;
}
body.orange-light-theme .danger-border-color {
  border-color: #d73925;
}
body.orange-light-theme .info-border-color {
  border-color: #00acd6;
}
body.orange-light-theme .warning-border-color {
  border-color: #e08e0b;
}
body.orange-light-theme .success-border-color {
  border-color: #008d4c;
}
body.orange-light-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.orange-light-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #f9553e !important;
  border-radius: 0px;
}
body.orange-light-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.orange-light-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.orange-light-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.orange-light-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.orange-light-theme .material-card h2 span {
  display: block;
}
body.orange-light-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.orange-light-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.orange-light-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.orange-light-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.orange-light-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.orange-light-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.orange-light-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.orange-light-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.orange-light-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.orange-light-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.orange-light-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.orange-light-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.orange-light-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.orange-light-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.orange-light-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.orange-light-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.orange-light-theme .material-card.mc-active h2:before {
  top: 0;
}
body.orange-light-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.orange-light-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.orange-light-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.orange-light-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.orange-light-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.orange-light-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.orange-light-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.orange-light-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.orange-light-theme .material-card.theme h2 {
  background-color: #f9553e;
}
body.orange-light-theme .material-card.theme h2:after {
  border-top-color: #f9553e;
  border-right-color: #f9553e;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #f7290d;
  border-bottom-color: #f7290d;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.theme .mc-btn-action {
  background-color: #f9553e;
}
body.orange-light-theme .material-card.theme .mc-btn-action:hover {
  background-color: #f7290d;
}
body.orange-light-theme .material-card.theme .mc-footer h4 {
  color: #f7290d;
}
body.orange-light-theme .material-card.theme .mc-footer a {
  background-color: #f7290d;
}
body.orange-light-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f9553e;
  border-bottom-color: #f9553e;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.theme.mc-active h2:after {
  border-top-color: #f7290d;
  border-right-color: #f7290d;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.orange-light-theme .material-card.theme.mc-active .mc-footer {
  background-color: #f9553e;
}
body.orange-light-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.orange-light-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.orange-light-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.orange-light-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.orange-light-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.orange-light-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.orange-light-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.orange-light-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.orange-light-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.orange-light-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.orange-light-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.orange-light-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.orange-light-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.orange-light-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.orange-light-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.orange-light-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.orange-light-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.orange-light-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.orange-light-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.orange-light-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.orange-light-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.orange-light-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.orange-light-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.orange-light-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.orange-light-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.orange-light-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.orange-light-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.orange-light-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.orange-light-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.orange-light-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.orange-light-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.orange-light-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.orange-light-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.orange-light-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.orange-light-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.orange-light-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.orange-light-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.orange-light-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.orange-light-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.orange-light-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.orange-light-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.orange-light-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.orange-light-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.orange-light-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.orange-light-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.orange-light-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.orange-light-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.orange-light-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.orange-light-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.orange-light-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.orange-light-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.orange-light-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.orange-light-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.orange-light-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.orange-light-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.orange-light-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.orange-light-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.orange-light-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.orange-light-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.orange-light-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.orange-light-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.orange-light-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.orange-light-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.orange-light-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.orange-light-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.orange-light-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.orange-light-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.orange-light-theme .wrapper:after {
  display: table;
  content: " ";
}
body.orange-light-theme .wrapper:before {
  display: table;
  content: " ";
}
body.orange-light-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.orange-light-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.orange-light-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.orange-light-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.orange-light-theme .fixed-width-page .card,
body.orange-light-theme .card-page .card,
body.orange-light-theme .fixed-width-page .card-body,
body.orange-light-theme .card-page .card-body {
  min-height: 500px;
}
body.orange-light-theme .fixed-width-page .card h2,
body.orange-light-theme .card-page .card h2,
body.orange-light-theme .fixed-width-page .card-body h2,
body.orange-light-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.orange-light-theme.full-width-page .main-wrapper,
body.orange-light-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.orange-light-theme.full-width-page .logo {
  background: #fff;
}
body.orange-light-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.orange-light-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.orange-light-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/*******************************************************
 ** almond-light-theme.less
 ** 
 ** Main LESS file for Almond Light Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.almond-light-theme {
  /*******************************************************
 ** almond-light-theme _variables.less
 ** 
 ** LESS variables for Almond Light Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /*********************
 * Almond Light Theme
 *********************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /********************************
 * Theme Configuration variables
 ********************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.almond-light-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.almond-light-theme a {
  text-decoration: none;
}
body.almond-light-theme h1 {
  font-size: 36px;
}
body.almond-light-theme h2 {
  font-size: 30px;
}
body.almond-light-theme h3 {
  font-size: 24px;
}
body.almond-light-theme h4 {
  font-size: 18px;
}
body.almond-light-theme h5 {
  font-size: 14px;
}
body.almond-light-theme h6 {
  font-size: 12px;
}
body.almond-light-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.almond-light-theme .border-theme {
  border: 1px solid #f38431 !important;
}
body.almond-light-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.almond-light-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.almond-light-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.almond-light-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.almond-light-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.almond-light-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.almond-light-theme .border-r-sm {
  border-radius: 3px;
}
body.almond-light-theme .border-r-md {
  border-radius: 6px;
}
body.almond-light-theme .border-r-lg {
  border-radius: 12px;
}
body.almond-light-theme .border-r-xlg {
  border-radius: 24px;
}
body.almond-light-theme .m-xs {
  margin: 5px;
}
body.almond-light-theme .mt-xs {
  margin-top: 5px;
}
body.almond-light-theme .mr-xs {
  margin-right: 5px;
}
body.almond-light-theme .mb-xs {
  margin-bottom: 5px;
}
body.almond-light-theme .ml-xs {
  margin-left: 5px;
}
body.almond-light-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.almond-light-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.almond-light-theme .m-sm {
  margin: 10px;
}
body.almond-light-theme .mt-sm {
  margin-top: 10px;
}
body.almond-light-theme .mr-sm {
  margin-right: 10px;
}
body.almond-light-theme .mb-sm {
  margin-bottom: 10px;
}
body.almond-light-theme .ml-sm {
  margin-left: 10px;
}
body.almond-light-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.almond-light-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.almond-light-theme .m-md {
  margin: 15px;
}
body.almond-light-theme .mt-md {
  margin-top: 15px;
}
body.almond-light-theme .mr-md {
  margin-right: 15px;
}
body.almond-light-theme .mb-md {
  margin-bottom: 15px;
}
body.almond-light-theme .ml-md {
  margin-left: 15px;
}
body.almond-light-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.almond-light-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.almond-light-theme .m-lg {
  margin: 20px;
}
body.almond-light-theme .mt-lg {
  margin-top: 20px;
}
body.almond-light-theme .mr-lg {
  margin-right: 20px;
}
body.almond-light-theme .mb-lg {
  margin-bottom: 20px;
}
body.almond-light-theme .ml-lg {
  margin-left: 20px;
}
body.almond-light-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.almond-light-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.almond-light-theme .m-xlg {
  margin: 25px;
}
body.almond-light-theme .mt-xlg {
  margin-top: 25px;
}
body.almond-light-theme .mr-xlg {
  margin-right: 25px;
}
body.almond-light-theme .mb-xlg {
  margin-bottom: 25px;
}
body.almond-light-theme .ml-xlg {
  margin-left: 25px;
}
body.almond-light-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.almond-light-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.almond-light-theme .p-xs {
  padding: 5px;
}
body.almond-light-theme .pt-xs {
  padding-top: 5px;
}
body.almond-light-theme .pr-xs {
  padding-right: 5px;
}
body.almond-light-theme .pb-xs {
  padding-bottom: 5px;
}
body.almond-light-theme .pl-xs {
  padding-left: 5px;
}
body.almond-light-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.almond-light-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.almond-light-theme .p-sm {
  padding: 10px;
}
body.almond-light-theme .pt-sm {
  padding-top: 10px;
}
body.almond-light-theme .pr-sm {
  padding-right: 10px;
}
body.almond-light-theme .pb-sm {
  padding-bottom: 10px;
}
body.almond-light-theme .pl-sm {
  padding-left: 10px;
}
body.almond-light-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.almond-light-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.almond-light-theme .p-md {
  padding: 15px;
}
body.almond-light-theme .pt-md {
  padding-top: 15px;
}
body.almond-light-theme .pr-md {
  padding-right: 15px;
}
body.almond-light-theme .pb-md {
  padding-bottom: 15px;
}
body.almond-light-theme .pl-md {
  padding-left: 15px;
}
body.almond-light-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.almond-light-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.almond-light-theme .p-lg {
  padding: 20px;
}
body.almond-light-theme .pt-lg {
  padding-top: 20px;
}
body.almond-light-theme .pr-lg {
  padding-right: 20px;
}
body.almond-light-theme .pb-lg {
  padding-bottom: 20px;
}
body.almond-light-theme .pl-lg {
  padding-left: 20px;
}
body.almond-light-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.almond-light-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.almond-light-theme .p-xlg {
  padding: 25px;
}
body.almond-light-theme .pt-xlg {
  padding-top: 25px;
}
body.almond-light-theme .pr-xlg {
  padding-right: 25px;
}
body.almond-light-theme .pb-xlg {
  padding-bottom: 25px;
}
body.almond-light-theme .pl-xlg {
  padding-left: 25px;
}
body.almond-light-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.almond-light-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.almond-light-theme .text-normal {
  font-weight: 400;
}
body.almond-light-theme .text-bold {
  font-weight: 700;
}
body.almond-light-theme .text-italic {
  font-style: italic;
}
body.almond-light-theme .text-strike {
  text-decoration: line-through;
}
body.almond-light-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.almond-light-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.almond-light-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.almond-light-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.almond-light-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.almond-light-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.almond-light-theme .font-16 {
  font-size: 16px;
}
body.almond-light-theme .font-14 {
  font-size: 14px;
}
body.almond-light-theme .font-12 {
  font-size: 12px;
}
body.almond-light-theme .font-10 {
  font-size: 10px;
}
body.almond-light-theme .text-lg {
  color: #f1f1f1;
}
body.almond-light-theme .text-mdg {
  color: #ccc;
}
body.almond-light-theme .text-dg {
  color: #909190;
}
body.almond-light-theme .text-mb {
  color: #2c2b2b;
}
body.almond-light-theme .text-mg {
  color: #6e6e6e;
}
body.almond-light-theme .text-theme {
  color: #f38431;
}
body.almond-light-theme .no-bg {
  background: transparent;
}
body.almond-light-theme .bg-theme {
  background-color: #f38431;
}
body.almond-light-theme .bg-lg {
  background-color: #f1f1f1;
}
body.almond-light-theme .bg-mdg {
  background-color: #ccc;
}
body.almond-light-theme .bg-dg {
  background-color: #909190;
}
body.almond-light-theme .bg-mb {
  background-color: #2c2b2b;
}
body.almond-light-theme .bg-mg {
  background-color: #6e6e6e;
}
body.almond-light-theme .height-30 {
  min-height: 30px;
}
body.almond-light-theme .height-40 {
  min-height: 40px;
}
body.almond-light-theme .height-50 {
  min-height: 50px;
}
body.almond-light-theme .height-100 {
  min-height: 100px;
}
body.almond-light-theme .height-150 {
  min-height: 150px;
}
body.almond-light-theme .height-200 {
  min-height: 200px;
}
body.almond-light-theme .height-320 {
  min-height: 320px;
}
body.almond-light-theme .width-30 {
  min-width: 30px;
}
body.almond-light-theme .width-40 {
  min-width: 40px;
}
body.almond-light-theme .width-50 {
  min-width: 50px;
}
body.almond-light-theme .width-100 {
  min-width: 100px;
}
body.almond-light-theme .width-150 {
  min-width: 150px;
}
body.almond-light-theme .width-200 {
  min-width: 200px;
}
body.almond-light-theme .width-320 {
  min-width: 320px;
}
body.almond-light-theme .progress.progress-xxs {
  height: 2px;
}
body.almond-light-theme .progress.progress-xs {
  height: 5px;
}
body.almond-light-theme .progress.progress-sm {
  height: 10px;
}
body.almond-light-theme .progress.progress-lg {
  height: 20px;
}
body.almond-light-theme ::-moz-selection {
  color: #fff;
  background: #f38431;
}
body.almond-light-theme ::selection {
  color: #fff;
  background: #f38431;
}
body.almond-light-theme .avatar {
  width: 32px;
}
body.almond-light-theme .avatar.avatar-xxs {
  width: 16px;
}
body.almond-light-theme .avatar.avatar-xs {
  width: 24px;
}
body.almond-light-theme .avatar.avatar-sm {
  width: 32px;
}
body.almond-light-theme .avatar.avatar-md {
  width: 40px;
}
body.almond-light-theme .avatar.avatar-lg {
  width: 64px;
}
body.almond-light-theme .avatar.avatar-xl {
  width: 128px;
}
body.almond-light-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.almond-light-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.almond-light-theme .btn.btn-theme {
  background-color: #f38431;
  color: #fff;
}
body.almond-light-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #e4690d;
}
body.almond-light-theme .btn.btn-theme:active,
body.almond-light-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #f59853;
}
body.almond-light-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #f38431;
}
body.almond-light-theme .btn.btn-outline-theme {
  color: #f38431;
  background-color: transparent;
  border: 1px solid;
}
body.almond-light-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #f38431 !important;
  border-color: #e4690d;
}
body.almond-light-theme .btn.btn-outline-theme:active,
body.almond-light-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #f59853;
}
body.almond-light-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.almond-light-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.almond-light-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.almond-light-theme input,
body.almond-light-theme select,
body.almond-light-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.almond-light-theme input:focus,
body.almond-light-theme select:focus,
body.almond-light-theme textarea:focus {
  border: 1px solid #f38431;
  box-shadow: none !important;
}
body.almond-light-theme .badge-theme,
body.almond-light-theme .theme-item {
  background-color: #f38431;
  color: #fff;
}
body.almond-light-theme .badge-theme *,
body.almond-light-theme .theme-item * {
  color: #fff;
}
body.almond-light-theme .theme-item:hover,
body.almond-light-theme .item-group:hover {
  background-color: #e4690d;
}
body.almond-light-theme .theme-item:hover a,
body.almond-light-theme .item-group:hover a {
  background-color: #e4690d;
}
body.almond-light-theme .theme-item:hover *,
body.almond-light-theme .item-group:hover * {
  color: #fff;
}
body.almond-light-theme .label.label-theme {
  background-color: #f38431;
  color: #fff;
}
body.almond-light-theme table tr td,
body.almond-light-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.almond-light-theme .table-responsive table tr td,
  body.almond-light-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.almond-light-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.almond-light-theme .footer.fixed {
  position: fixed;
}
body.almond-light-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.almond-light-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.almond-light-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.almond-light-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.almond-light-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.almond-light-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.almond-light-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.almond-light-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.almond-light-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.almond-light-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.almond-light-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.almond-light-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.almond-light-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.almond-light-theme .ribbon.ribbon-theme span {
  background: #f38431;
}
body.almond-light-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #f38431;
  border-top: 3px solid #f38431;
}
body.almond-light-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #f38431;
  border-top: 3px solid #f38431;
}
body.almond-light-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.almond-light-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.almond-light-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.almond-light-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.almond-light-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.almond-light-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.almond-light-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.almond-light-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.almond-light-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.almond-light-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.almond-light-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.almond-light-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.almond-light-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.almond-light-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.almond-light-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.almond-light-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.almond-light-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.almond-light-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.almond-light-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.almond-light-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.almond-light-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.almond-light-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.almond-light-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.almond-light-theme .todo-lists ul {
  padding: 0 10px;
}
body.almond-light-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.almond-light-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.almond-light-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.almond-light-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.almond-light-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.almond-light-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.almond-light-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.almond-light-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.almond-light-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.almond-light-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.almond-light-theme .media-block .media {
    display: block !important;
  }
  body.almond-light-theme .media-block .media img {
    width: 100% !important;
  }
}
body.almond-light-theme .select2-selection--multiple,
body.almond-light-theme .select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}
body.almond-light-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #f38431;
}
body.almond-light-theme .select2-selection__choice,
body.almond-light-theme .select2-selection__choice__remove {
  background-color: #f38431 !important;
  border: 1px solid #f38431 !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.almond-light-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #f38431;
  color: #fff;
}
body.almond-light-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.almond-light-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.almond-light-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.almond-light-theme .ui-sortable .sortable-dragging,
body.almond-light-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.almond-light-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.almond-light-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.almond-light-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.almond-light-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.almond-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.almond-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.almond-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.almond-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.almond-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.almond-light-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.almond-light-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.almond-light-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.almond-light-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #f38431;
  color: #fff;
}
body.almond-light-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.almond-light-theme
  .introjs-tooltipReferenceLayer
  .introjs-helperNumberLayer {
  left: 10px;
}
body.almond-light-theme .config .barcode2D {
  display: none;
}
body.almond-light-theme .miscCanvas {
  display: none;
}
body.almond-light-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.almond-light-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.almond-light-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.almond-light-theme .mega {
    font-size: 4rem;
  }
}
body.almond-light-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.almond-light-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.almond-light-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.almond-light-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.almond-light-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.almond-light-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.almond-light-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.almond-light-theme .fileinput-preview {
  max-height: 150px;
}
body.almond-light-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.almond-light-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.almond-light-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.almond-light-theme .sidebar.sidebar-v1 .sidebar-search input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.almond-light-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.almond-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.almond-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.almond-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.almond-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.almond-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.almond-light-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.almond-light-theme
  .sidebar.sidebar-v1
  .sidebar-statistics
  .statistics-font-color {
  color: #909190;
}
body.almond-light-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.almond-light-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.almond-light-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.almond-light-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.almond-light-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.almond-light-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.almond-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.almond-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #f38431;
}
body.almond-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.almond-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.almond-light-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.almond-light-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.almond-light-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.almond-light-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.almond-light-theme .sidebar.sidebar-v1 .sidebar-menu li a .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.almond-light-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #f38431;
  padding: 10px 13px 10px 15px;
}
body.almond-light-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #f38431;
}
body.almond-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a.active
  .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.almond-light-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.almond-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #f38431;
}
body.almond-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a {
  padding-left: 30px;
}
body.almond-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a
  i {
  margin-right: 10px;
  font-size: 15px;
}
body.almond-light-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu.open {
  max-height: 100%;
}
body.almond-light-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.almond-light-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.almond-light-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.almond-light-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #f38431;
}
body.almond-light-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.almond-light-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.almond-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.almond-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.almond-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.almond-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.almond-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  > a
  > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.almond-light-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.almond-light-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.almond-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.almond-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > .treeview-menu {
  display: block;
}
body.almond-light-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.almond-light-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #f38431;
  padding-right: 0;
}
body.almond-light-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.almond-light-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li {
  margin: 0;
  padding: 5px;
}
body.almond-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.almond-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.almond-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i {
  width: 25px;
}
body.almond-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.almond-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li:hover {
  padding-right: 3px;
}
body.almond-light-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.almond-light-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.almond-light-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.almond-light-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.almond-light-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.almond-light-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.almond-light-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.almond-light-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.almond-light-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.almond-light-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.almond-light-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.almond-light-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.almond-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.almond-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.almond-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.almond-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.almond-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > span {
  display: table-cell;
  vertical-align: middle;
}
body.almond-light-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.almond-light-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.almond-light-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.almond-light-theme .main-wrapper {
    margin-left: 230px;
  }
  body.almond-light-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.almond-light-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.almond-light-theme .wrapper.sidebar-mini.sidebar-collapse .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.almond-light-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.almond-light-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li {
    position: relative;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #f38431;
  }
  body.almond-light-theme .wrapper.sidebar-mini.sidebar-collapse .profile-nav {
    display: none;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.almond-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.almond-light-theme .menu-toggle {
    display: block !important;
  }
  body.almond-light-theme .sidebar-v1 {
    left: -230px;
  }
  body.almond-light-theme .footer {
    margin-left: 0;
  }
  body.almond-light-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.almond-light-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.almond-light-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.almond-light-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.almond-light-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.almond-light-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.almond-light-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.almond-light-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #fff;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #f1f1f1;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.almond-light-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #f1f1f1;
}
body.almond-light-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #1e1e1e;
  border: none;
  margin: 0px;
}
body.almond-light-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #f38431;
  color: #fff;
  border-bottom: 2px solid #e4690d;
}
body.almond-light-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #f38431;
  color: #fff;
  border-bottom: 2px solid #e4690d;
}
body.almond-light-theme .right-sidebar .nav-tabs li a.active {
  background-color: #f38431;
  color: #fff;
  border-bottom: 2px solid #e4690d;
}
body.almond-light-theme
  .right-sidebar
  .tab-content
  .input-group
  .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.almond-light-theme .right-sidebar .tab-content input {
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.almond-light-theme .right-sidebar .tab-content textarea {
  color: #6e6e6e;
}
body.almond-light-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.almond-light-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.almond-light-theme .right-sidebar .tab-content #chat .small-badges.active {
  background-color: #00a65a;
}
body.almond-light-theme
  .right-sidebar
  .tab-content
  #chat
  .small-badges.offline {
  background-color: #dd4b39;
}
body.almond-light-theme .right-sidebar .tab-content #chat .small-badges.idle {
  background-color: #f39c12;
}
body.almond-light-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #6e6e6e;
}
body.almond-light-theme
  .right-sidebar
  .tab-content
  #chat
  .content-body
  a:hover {
  background-color: #f38431;
  border-radius: 50%;
  color: #fff;
}
body.almond-light-theme .right-sidebar .tab-content #chat h5 {
  color: #6e6e6e;
}
body.almond-light-theme .right-sidebar .tab-content #chat p {
  color: #909190;
}
body.almond-light-theme .right-sidebar .tab-content #tasks {
  color: #6e6e6e;
}
body.almond-light-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #f1f1f1;
}
body.almond-light-theme .right-sidebar .tab-content #tasks p,
body.almond-light-theme .right-sidebar .tab-content #tasks h6 {
  color: #909190;
}
body.almond-light-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.almond-light-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.almond-light-theme .right-sidebar .tab-content #tasks ul li a {
  color: #6e6e6e;
}
body.almond-light-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #fff;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.almond-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  h5 {
  background: #b7b7b7;
}
body.almond-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.almond-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.almond-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #b7b7b7;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.almond-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #b7b7b7;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.almond-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #f38431;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.almond-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #f38431 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.almond-light-theme
  .right-sidebar
  .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.almond-light-theme .right-sidebar .right-sidebar-setting label {
  color: #6e6e6e;
}
body.almond-light-theme .right-sidebar .right-sidebar-setting h4 {
  color: #6e6e6e;
  border-top: 1px solid #f1f1f1;
}
body.almond-light-theme .right-sidebar .right-sidebar-setting small,
body.almond-light-theme .right-sidebar .right-sidebar-setting p {
  color: #909190;
}
body.almond-light-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.almond-light-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.almond-light-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.almond-light-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.almond-light-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.almond-light-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.almond-light-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.almond-light-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.almond-light-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.almond-light-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.almond-light-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.almond-light-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.almond-light-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.almond-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.almond-light-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.almond-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.almond-light-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.almond-light-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.almond-light-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.almond-light-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #f38431;
}
body.almond-light-theme .header .navbar {
  border: none !important;
}
body.almond-light-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.almond-light-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.almond-light-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.almond-light-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.almond-light-theme
  .header
  .navbar-lg
  .setting-block
  .top-block
  .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.almond-light-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.almond-light-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.almond-light-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.almond-light-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.almond-light-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.almond-light-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.almond-light-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #1e1e1e;
}
body.almond-light-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #1e1e1e;
}
body.almond-light-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #f38431;
  color: #fff;
}
body.almond-light-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #f38431;
  color: #fff;
}
body.almond-light-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.almond-light-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.almond-light-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.almond-light-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.almond-light-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.almond-light-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.almond-light-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.almond-light-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.almond-light-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.almond-light-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.almond-light-theme .settings-menu {
  background: #fff;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #1e1e1e;
  border: 1px solid #ccc;
  overflow-y: auto;
}
body.almond-light-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #ccc;
}
body.almond-light-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.almond-light-theme .settings-menu .setting-box {
  color: #2c2b2b;
  background-color: #f1f1f1;
}
body.almond-light-theme .settings-menu-fixed {
  position: fixed !important;
}
body.almond-light-theme .nav-profile .nav-link span.active {
  color: #f38431;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.almond-light-theme .nav-profile .dropdown-menu {
  background: #fff none repeat scroll 0 0;
  color: #1e1e1e;
  border-top: 1px solid #f1f1f1;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.almond-light-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.almond-light-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.almond-light-theme .nav-profile .dropdown-menu span.active {
  color: #f38431;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.almond-light-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #f1f1f1;
}
body.almond-light-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #1e1e1e;
}
body.almond-light-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #f38431 none repeat scroll 0 0;
  border-left: 2px solid #e4690d;
  color: #fff;
}
body.almond-light-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.almond-light-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
  }
  body.almond-light-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.almond-light-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.almond-light-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.almond-light-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.almond-light-theme .nav-profile .dropdown-menu span.active {
    color: #f38431;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.almond-light-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.almond-light-theme .header .logo {
    width: 190px;
  }
  body.almond-light-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.almond-light-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.almond-light-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.almond-light-theme .nav-profile .dropdown-menu span.active {
    color: #f38431;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.almond-light-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.almond-light-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.almond-light-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.almond-light-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.almond-light-theme .image-grid > li.main-image {
  width: 50%;
}
body.almond-light-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.almond-light-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.almond-light-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #f38431;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.almond-light-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.almond-light-theme .scrollToTop:hover {
  background-color: #e4690d;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.almond-light-theme .breadcrumb-page-title,
  body.almond-light-theme .theme-setting-icon,
  body.almond-light-theme .theme-setting-menu,
  body.almond-light-theme .scrollToTop,
  body.almond-light-theme .right-sidebar,
  body.almond-light-theme .settings-menu,
  body.almond-light-theme .sidebar,
  body.almond-light-theme .header,
  body.almond-light-theme .footer,
  body.almond-light-theme .btn {
    display: none !important;
  }
  body.almond-light-theme .main-wrapper {
    margin-left: 0;
  }
}
body.almond-light-theme .pace {
  display: none;
}
body.almond-light-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.almond-light-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.almond-light-theme .page-loader-container .page-loader .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.almond-light-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.almond-light-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.almond-light-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.almond-light-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.almond-light-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.almond-light-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.almond-light-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #f38431;
}
body.almond-light-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #f38431;
}
body.almond-light-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #f38431;
}
body.almond-light-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #f38431;
}
body.almond-light-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.almond-light-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.almond-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.almond-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image
  img {
  max-width: 100%;
}
body.almond-light-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.almond-light-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.almond-light-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.almond-light-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.almond-light-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.almond-light-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.almond-light-theme .mail ul li a {
  color: #909190;
}
body.almond-light-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.almond-light-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.almond-light-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.almond-light-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.almond-light-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.almond-light-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.almond-light-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.almond-light-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.almond-light-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.almond-light-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.almond-light-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.almond-light-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.almond-light-theme .readmail .filebox .file img {
  height: 148px;
}
body.almond-light-theme .readmail .filebox .filename {
  height: 70px;
}
body.almond-light-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.almond-light-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.almond-light-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.almond-light-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.almond-light-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.almond-light-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.almond-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group {
  margin-bottom: 0;
}
body.almond-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.almond-light-theme
  .mail
  .compose-mail
  .compose-message
  .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.almond-light-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.almond-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.almond-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.almond-light-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.almond-light-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.almond-light-theme .mail .compose-mail .mail-footer .right-block .send {
  width: 90px;
  height: 35px;
}
body.almond-light-theme
  .mail
  .compose-mail
  .mail-footer
  .right-block
  .send:focus,
body.almond-light-theme .mail .compose-mail .mail-footer .right-block .tool {
  color: #fff;
}
body.almond-light-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.almond-light-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.almond-light-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.almond-light-theme .mail .note-editor.note-frame.card .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.almond-light-theme .mail .note-resizebar {
  display: none;
}
body.almond-light-theme
  .selectize-control.selectize-email.multi
  .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.almond-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.almond-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.almond-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.almond-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.almond-light-theme
  .selectize-control.plugin-remove_button
  [data-value]
  .remove {
  border-left-color: #fff;
  color: #fff;
}
body.almond-light-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.almond-light-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.almond-light-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.almond-light-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.almond-light-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.almond-light-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.almond-light-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.almond-light-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.almond-light-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.almond-light-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.almond-light-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.almond-light-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.almond-light-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.almond-light-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.almond-light-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.almond-light-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.almond-light-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.almond-light-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.almond-light-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.almond-light-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.almond-light-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.almond-light-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.almond-light-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.almond-light-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.almond-light-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.almond-light-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.almond-light-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.almond-light-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.almond-light-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.almond-light-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.almond-light-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.almond-light-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.almond-light-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.almond-light-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.almond-light-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.almond-light-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.almond-light-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.almond-light-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.almond-light-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.almond-light-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.almond-light-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.almond-light-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.almond-light-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.almond-light-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.almond-light-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.almond-light-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.almond-light-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.almond-light-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.almond-light-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.almond-light-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.almond-light-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.almond-light-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.almond-light-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.almond-light-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.almond-light-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.almond-light-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.almond-light-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.almond-light-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.almond-light-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.almond-light-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.almond-light-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.almond-light-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.almond-light-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.almond-light-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.almond-light-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.almond-light-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.almond-light-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.almond-light-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.almond-light-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.almond-light-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.almond-light-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.almond-light-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.almond-light-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.almond-light-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.almond-light-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.almond-light-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.almond-light-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.almond-light-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.almond-light-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.almond-light-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.almond-light-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.almond-light-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.almond-light-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.almond-light-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.almond-light-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.almond-light-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.almond-light-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.almond-light-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.almond-light-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.almond-light-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.almond-light-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.almond-light-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.almond-light-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.almond-light-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.almond-light-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.almond-light-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.almond-light-theme .contact-primary,
body.almond-light-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.almond-light-theme .contact-primary .img-block .social,
body.almond-light-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.almond-light-theme .contact-primary .img-block .social i,
body.almond-light-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.almond-light-theme .contact-primary .contact-info,
body.almond-light-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.almond-light-theme .contact-primary .contact-info .info-block,
body.almond-light-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.almond-light-theme .contact-primary .contact-info .detail,
body.almond-light-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.almond-light-theme .contact-primary .contact-info .detail.name,
body.almond-light-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.almond-light-theme .contact-primary:hover,
body.almond-light-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.almond-light-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.almond-light-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.almond-light-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.almond-light-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.almond-light-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.almond-light-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.almond-light-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.almond-light-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.almond-light-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.almond-light-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.almond-light-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.almond-light-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.almond-light-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.almond-light-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.almond-light-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.almond-light-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.almond-light-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.almond-light-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.almond-light-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.almond-light-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.almond-light-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.almond-light-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.almond-light-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.almond-light-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.almond-light-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.almond-light-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.almond-light-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.almond-light-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.almond-light-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.almond-light-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.almond-light-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.almond-light-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.almond-light-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.almond-light-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.almond-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.almond-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.almond-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.almond-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.almond-light-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.almond-light-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.almond-light-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.almond-light-theme .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.almond-light-theme .cssanimations .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.almond-light-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.almond-light-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.almond-light-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.almond-light-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.almond-light-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.almond-light-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.almond-light-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.almond-light-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.almond-light-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.almond-light-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.almond-light-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.almond-light-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #f38431;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.almond-light-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.almond-light-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.almond-light-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.almond-light-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.almond-light-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #f38431;
  border-color: #f38431;
}
body.almond-light-theme .cd-horizontal-timeline .events a.older-event::after {
  border-color: #f38431;
}
body.almond-light-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.almond-light-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.almond-light-theme .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.almond-light-theme .cd-horizontal-timeline .events-content li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.almond-light-theme .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.almond-light-theme .cd-horizontal-timeline .events-content li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.almond-light-theme .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.almond-light-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.almond-light-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.almond-light-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.almond-light-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.almond-light-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.almond-light-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.almond-light-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.almond-light-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.almond-light-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.almond-light-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.almond-light-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.almond-light-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.almond-light-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.almond-light-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.almond-light-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.almond-light-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.almond-light-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.almond-light-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.almond-light-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.almond-light-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.almond-light-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.almond-light-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.almond-light-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.almond-light-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.almond-light-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.almond-light-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.almond-light-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.almond-light-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.almond-light-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.almond-light-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.almond-light-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.almond-light-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.almond-light-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.almond-light-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.almond-light-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.almond-light-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.almond-light-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.almond-light-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.almond-light-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.almond-light-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.almond-light-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.almond-light-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.almond-light-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.almond-light-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.almond-light-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.almond-light-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.almond-light-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.almond-light-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.almond-light-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.almond-light-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.almond-light-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.almond-light-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.almond-light-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.almond-light-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.almond-light-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.almond-light-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.almond-light-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.almond-light-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.almond-light-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.almond-light-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.almond-light-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.almond-light-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.almond-light-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.almond-light-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.almond-light-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.almond-light-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.almond-light-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.almond-light-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.almond-light-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.almond-light-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.almond-light-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.almond-light-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.almond-light-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.almond-light-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.almond-light-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.almond-light-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.almond-light-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.almond-light-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.almond-light-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.almond-light-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.almond-light-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.almond-light-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.almond-light-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.almond-light-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.almond-light-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.almond-light-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.almond-light-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.almond-light-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.almond-light-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.almond-light-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.almond-light-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.almond-light-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.almond-light-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.almond-light-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.almond-light-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.almond-light-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.almond-light-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.almond-light-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.almond-light-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.almond-light-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.almond-light-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.almond-light-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.almond-light-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.almond-light-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.almond-light-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.almond-light-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.almond-light-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.almond-light-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.almond-light-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.almond-light-theme .product-detail .product-image-list img:first-child {
  margin-left: 0;
}
body.almond-light-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.almond-light-theme .product-detail .product-img img {
  max-width: 100%;
}
body.almond-light-theme .product-grid-primary,
body.almond-light-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.almond-light-theme .product-grid-primary .product-img,
body.almond-light-theme .product-grid-secondary .product-img {
  position: relative;
}
body.almond-light-theme .product-grid-primary .product-img .product-like,
body.almond-light-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.almond-light-theme .product-grid-primary .product-img .product-like:hover,
body.almond-light-theme
  .product-grid-secondary
  .product-img
  .product-like:hover {
  color: #f38431;
}
body.almond-light-theme .product-grid-primary .product-detail,
body.almond-light-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.almond-light-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.almond-light-theme .file-manager .toggle-file-menu {
  display: none;
}
body.almond-light-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.almond-light-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.almond-light-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.almond-light-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.almond-light-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.almond-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type {
  bottom: 0px;
  right: 5px;
}
body.almond-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.almond-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.almond-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.almond-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.almond-light-theme .file-manager .file-block .file-view .folder .file,
body.almond-light-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.almond-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type,
body.almond-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-type {
  position: absolute;
}
body.almond-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.almond-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.almond-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.almond-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.almond-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.almond-light-theme .file-manager .file-block .file-view .doc .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.almond-light-theme .file-manager .file-block .file-view .doc .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.almond-light-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.almond-light-theme .file-manager .file-block.file-menu-close .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.almond-light-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.almond-light-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.almond-light-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.almond-light-theme .other-widgets-box {
  background-color: #15337e;
}
body.almond-light-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.almond-light-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.almond-light-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.almond-light-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.almond-light-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.almond-light-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.almond-light-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.almond-light-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.almond-light-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.almond-light-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.almond-light-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.almond-light-theme
  .social-widgets
  .profile
  .social-profile
  .profile-avatar {
  height: 120px;
}
body.almond-light-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.almond-light-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.almond-light-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.almond-light-theme .social-widgets .profile.profile-cover-bg {
  background: #f38431 url(../../images/login_box_bg.png);
}
body.almond-light-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.almond-light-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.almond-light-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.almond-light-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.almond-light-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.almond-light-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.almond-light-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.almond-light-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.almond-light-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.almond-light-theme .amcharts-export-menu-top-right {
  display: none;
}
body.almond-light-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.almond-light-theme .sales-performance .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.almond-light-theme .social-analytics .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.almond-light-theme .sales-performance .amcharts-graph-g3,
body.almond-light-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.almond-light-theme .sales-performance .amcharts-value-axis.value-axis-a3,
body.almond-light-theme .social-analytics .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.almond-light-theme .sales-performance .lastBullet,
body.almond-light-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.almond-light-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.almond-light-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.almond-light-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.almond-light-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.almond-light-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.almond-light-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.almond-light-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.almond-light-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.almond-light-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.almond-light-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.almond-light-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.almond-light-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.almond-light-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.almond-light-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.almond-light-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.almond-light-theme .theme-border-color {
  border-color: #f38431;
}
body.almond-light-theme .primary-border-color {
  border-color: #286090;
}
body.almond-light-theme .danger-border-color {
  border-color: #d73925;
}
body.almond-light-theme .info-border-color {
  border-color: #00acd6;
}
body.almond-light-theme .warning-border-color {
  border-color: #e08e0b;
}
body.almond-light-theme .success-border-color {
  border-color: #008d4c;
}
body.almond-light-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.almond-light-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #f38431 !important;
  border-radius: 0px;
}
body.almond-light-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.almond-light-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.almond-light-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.almond-light-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.almond-light-theme .material-card h2 span {
  display: block;
}
body.almond-light-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.almond-light-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.almond-light-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.almond-light-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.almond-light-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.almond-light-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.almond-light-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.almond-light-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.almond-light-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.almond-light-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.almond-light-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.almond-light-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.almond-light-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.almond-light-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.almond-light-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.almond-light-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.almond-light-theme .material-card.mc-active h2:before {
  top: 0;
}
body.almond-light-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.almond-light-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.almond-light-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.almond-light-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.almond-light-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.almond-light-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.almond-light-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.almond-light-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.almond-light-theme .material-card.theme h2 {
  background-color: #f38431;
}
body.almond-light-theme .material-card.theme h2:after {
  border-top-color: #f38431;
  border-right-color: #f38431;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #e4690d;
  border-bottom-color: #e4690d;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.theme .mc-btn-action {
  background-color: #f38431;
}
body.almond-light-theme .material-card.theme .mc-btn-action:hover {
  background-color: #e4690d;
}
body.almond-light-theme .material-card.theme .mc-footer h4 {
  color: #e4690d;
}
body.almond-light-theme .material-card.theme .mc-footer a {
  background-color: #e4690d;
}
body.almond-light-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f38431;
  border-bottom-color: #f38431;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.theme.mc-active h2:after {
  border-top-color: #e4690d;
  border-right-color: #e4690d;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.almond-light-theme .material-card.theme.mc-active .mc-footer {
  background-color: #f38431;
}
body.almond-light-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.almond-light-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.almond-light-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.almond-light-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.almond-light-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.almond-light-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.almond-light-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.almond-light-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.almond-light-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.almond-light-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.almond-light-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.almond-light-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.almond-light-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.almond-light-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.almond-light-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.almond-light-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.almond-light-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.almond-light-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.almond-light-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.almond-light-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.almond-light-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.almond-light-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.almond-light-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.almond-light-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.almond-light-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.almond-light-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.almond-light-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.almond-light-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.almond-light-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.almond-light-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.almond-light-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.almond-light-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.almond-light-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.almond-light-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.almond-light-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.almond-light-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.almond-light-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.almond-light-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.almond-light-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.almond-light-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.almond-light-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.almond-light-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.almond-light-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.almond-light-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.almond-light-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.almond-light-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.almond-light-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.almond-light-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.almond-light-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.almond-light-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.almond-light-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.almond-light-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.almond-light-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.almond-light-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.almond-light-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.almond-light-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.almond-light-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.almond-light-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.almond-light-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.almond-light-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.almond-light-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.almond-light-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.almond-light-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.almond-light-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.almond-light-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.almond-light-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.almond-light-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.almond-light-theme .wrapper:after {
  display: table;
  content: " ";
}
body.almond-light-theme .wrapper:before {
  display: table;
  content: " ";
}
body.almond-light-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.almond-light-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.almond-light-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.almond-light-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.almond-light-theme .fixed-width-page .card,
body.almond-light-theme .card-page .card,
body.almond-light-theme .fixed-width-page .card-body,
body.almond-light-theme .card-page .card-body {
  min-height: 500px;
}
body.almond-light-theme .fixed-width-page .card h2,
body.almond-light-theme .card-page .card h2,
body.almond-light-theme .fixed-width-page .card-body h2,
body.almond-light-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.almond-light-theme.full-width-page .main-wrapper,
body.almond-light-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.almond-light-theme.full-width-page .logo {
  background: #fff;
}
body.almond-light-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.almond-light-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.almond-light-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/*******************************************************
 ** lime-light-theme.less
 ** 
 ** Main LESS file for Lime Light Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.lime-light-theme {
  /*******************************************************
 ** lime-light-theme _variables.less
 ** 
 ** LESS variables for Lime Light Theme.
 ** Developer: Ranpariya - The Development Lab - India
 *******************************************************/
  /*******************
 * Lime Light Theme
 *******************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.lime-light-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.lime-light-theme a {
  text-decoration: none;
}
body.lime-light-theme h1 {
  font-size: 36px;
}
body.lime-light-theme h2 {
  font-size: 30px;
}
body.lime-light-theme h3 {
  font-size: 24px;
}
body.lime-light-theme h4 {
  font-size: 18px;
}
body.lime-light-theme h5 {
  font-size: 14px;
}
body.lime-light-theme h6 {
  font-size: 12px;
}
body.lime-light-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.lime-light-theme .border-theme {
  border: 1px solid #e2b60b !important;
}
body.lime-light-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.lime-light-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.lime-light-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.lime-light-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.lime-light-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.lime-light-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.lime-light-theme .border-r-sm {
  border-radius: 3px;
}
body.lime-light-theme .border-r-md {
  border-radius: 6px;
}
body.lime-light-theme .border-r-lg {
  border-radius: 12px;
}
body.lime-light-theme .border-r-xlg {
  border-radius: 24px;
}
body.lime-light-theme .m-xs {
  margin: 5px;
}
body.lime-light-theme .mt-xs {
  margin-top: 5px;
}
body.lime-light-theme .mr-xs {
  margin-right: 5px;
}
body.lime-light-theme .mb-xs {
  margin-bottom: 5px;
}
body.lime-light-theme .ml-xs {
  margin-left: 5px;
}
body.lime-light-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.lime-light-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.lime-light-theme .m-sm {
  margin: 10px;
}
body.lime-light-theme .mt-sm {
  margin-top: 10px;
}
body.lime-light-theme .mr-sm {
  margin-right: 10px;
}
body.lime-light-theme .mb-sm {
  margin-bottom: 10px;
}
body.lime-light-theme .ml-sm {
  margin-left: 10px;
}
body.lime-light-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.lime-light-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.lime-light-theme .m-md {
  margin: 15px;
}
body.lime-light-theme .mt-md {
  margin-top: 15px;
}
body.lime-light-theme .mr-md {
  margin-right: 15px;
}
body.lime-light-theme .mb-md {
  margin-bottom: 15px;
}
body.lime-light-theme .ml-md {
  margin-left: 15px;
}
body.lime-light-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.lime-light-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.lime-light-theme .m-lg {
  margin: 20px;
}
body.lime-light-theme .mt-lg {
  margin-top: 20px;
}
body.lime-light-theme .mr-lg {
  margin-right: 20px;
}
body.lime-light-theme .mb-lg {
  margin-bottom: 20px;
}
body.lime-light-theme .ml-lg {
  margin-left: 20px;
}
body.lime-light-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.lime-light-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.lime-light-theme .m-xlg {
  margin: 25px;
}
body.lime-light-theme .mt-xlg {
  margin-top: 25px;
}
body.lime-light-theme .mr-xlg {
  margin-right: 25px;
}
body.lime-light-theme .mb-xlg {
  margin-bottom: 25px;
}
body.lime-light-theme .ml-xlg {
  margin-left: 25px;
}
body.lime-light-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.lime-light-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.lime-light-theme .p-xs {
  padding: 5px;
}
body.lime-light-theme .pt-xs {
  padding-top: 5px;
}
body.lime-light-theme .pr-xs {
  padding-right: 5px;
}
body.lime-light-theme .pb-xs {
  padding-bottom: 5px;
}
body.lime-light-theme .pl-xs {
  padding-left: 5px;
}
body.lime-light-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.lime-light-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.lime-light-theme .p-sm {
  padding: 10px;
}
body.lime-light-theme .pt-sm {
  padding-top: 10px;
}
body.lime-light-theme .pr-sm {
  padding-right: 10px;
}
body.lime-light-theme .pb-sm {
  padding-bottom: 10px;
}
body.lime-light-theme .pl-sm {
  padding-left: 10px;
}
body.lime-light-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.lime-light-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.lime-light-theme .p-md {
  padding: 15px;
}
body.lime-light-theme .pt-md {
  padding-top: 15px;
}
body.lime-light-theme .pr-md {
  padding-right: 15px;
}
body.lime-light-theme .pb-md {
  padding-bottom: 15px;
}
body.lime-light-theme .pl-md {
  padding-left: 15px;
}
body.lime-light-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.lime-light-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.lime-light-theme .p-lg {
  padding: 20px;
}
body.lime-light-theme .pt-lg {
  padding-top: 20px;
}
body.lime-light-theme .pr-lg {
  padding-right: 20px;
}
body.lime-light-theme .pb-lg {
  padding-bottom: 20px;
}
body.lime-light-theme .pl-lg {
  padding-left: 20px;
}
body.lime-light-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.lime-light-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.lime-light-theme .p-xlg {
  padding: 25px;
}
body.lime-light-theme .pt-xlg {
  padding-top: 25px;
}
body.lime-light-theme .pr-xlg {
  padding-right: 25px;
}
body.lime-light-theme .pb-xlg {
  padding-bottom: 25px;
}
body.lime-light-theme .pl-xlg {
  padding-left: 25px;
}
body.lime-light-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.lime-light-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.lime-light-theme .text-normal {
  font-weight: 400;
}
body.lime-light-theme .text-bold {
  font-weight: 700;
}
body.lime-light-theme .text-italic {
  font-style: italic;
}
body.lime-light-theme .text-strike {
  text-decoration: line-through;
}
body.lime-light-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.lime-light-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.lime-light-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.lime-light-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.lime-light-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.lime-light-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.lime-light-theme .font-16 {
  font-size: 16px;
}
body.lime-light-theme .font-14 {
  font-size: 14px;
}
body.lime-light-theme .font-12 {
  font-size: 12px;
}
body.lime-light-theme .font-10 {
  font-size: 10px;
}
body.lime-light-theme .text-lg {
  color: #f1f1f1;
}
body.lime-light-theme .text-mdg {
  color: #ccc;
}
body.lime-light-theme .text-dg {
  color: #909190;
}
body.lime-light-theme .text-mb {
  color: #2c2b2b;
}
body.lime-light-theme .text-mg {
  color: #6e6e6e;
}
body.lime-light-theme .text-theme {
  color: #e2b60b;
}
body.lime-light-theme .no-bg {
  background: transparent;
}
body.lime-light-theme .bg-theme {
  background-color: #e2b60b;
}
body.lime-light-theme .bg-lg {
  background-color: #f1f1f1;
}
body.lime-light-theme .bg-mdg {
  background-color: #ccc;
}
body.lime-light-theme .bg-dg {
  background-color: #909190;
}
body.lime-light-theme .bg-mb {
  background-color: #2c2b2b;
}
body.lime-light-theme .bg-mg {
  background-color: #6e6e6e;
}
body.lime-light-theme .height-30 {
  min-height: 30px;
}
body.lime-light-theme .height-40 {
  min-height: 40px;
}
body.lime-light-theme .height-50 {
  min-height: 50px;
}
body.lime-light-theme .height-100 {
  min-height: 100px;
}
body.lime-light-theme .height-150 {
  min-height: 150px;
}
body.lime-light-theme .height-200 {
  min-height: 200px;
}
body.lime-light-theme .height-320 {
  min-height: 320px;
}
body.lime-light-theme .width-30 {
  min-width: 30px;
}
body.lime-light-theme .width-40 {
  min-width: 40px;
}
body.lime-light-theme .width-50 {
  min-width: 50px;
}
body.lime-light-theme .width-100 {
  min-width: 100px;
}
body.lime-light-theme .width-150 {
  min-width: 150px;
}
body.lime-light-theme .width-200 {
  min-width: 200px;
}
body.lime-light-theme .width-320 {
  min-width: 320px;
}
body.lime-light-theme .progress.progress-xxs {
  height: 2px;
}
body.lime-light-theme .progress.progress-xs {
  height: 5px;
}
body.lime-light-theme .progress.progress-sm {
  height: 10px;
}
body.lime-light-theme .progress.progress-lg {
  height: 20px;
}
body.lime-light-theme ::-moz-selection {
  color: #fff;
  background: #e2b60b;
}
body.lime-light-theme ::selection {
  color: #fff;
  background: #e2b60b;
}
body.lime-light-theme .avatar {
  width: 32px;
}
body.lime-light-theme .avatar.avatar-xxs {
  width: 16px;
}
body.lime-light-theme .avatar.avatar-xs {
  width: 24px;
}
body.lime-light-theme .avatar.avatar-sm {
  width: 32px;
}
body.lime-light-theme .avatar.avatar-md {
  width: 40px;
}
body.lime-light-theme .avatar.avatar-lg {
  width: 64px;
}
body.lime-light-theme .avatar.avatar-xl {
  width: 128px;
}
body.lime-light-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.lime-light-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.lime-light-theme .btn.btn-theme {
  background-color: #e2b60b;
  color: #fff;
}
body.lime-light-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #b18f09;
}
body.lime-light-theme .btn.btn-theme:active,
body.lime-light-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #f4c81d;
}
body.lime-light-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #e2b60b;
}
body.lime-light-theme .btn.btn-outline-theme {
  color: #e2b60b;
  background-color: transparent;
  border: 1px solid;
}
body.lime-light-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #e2b60b !important;
  border-color: #b18f09;
}
body.lime-light-theme .btn.btn-outline-theme:active,
body.lime-light-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #f4c81d;
}
body.lime-light-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.lime-light-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.lime-light-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.lime-light-theme input,
body.lime-light-theme select,
body.lime-light-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.lime-light-theme input:focus,
body.lime-light-theme select:focus,
body.lime-light-theme textarea:focus {
  border: 1px solid #e2b60b;
  box-shadow: none !important;
}
body.lime-light-theme .badge-theme,
body.lime-light-theme .theme-item {
  background-color: #e2b60b;
  color: #fff;
}
body.lime-light-theme .badge-theme *,
body.lime-light-theme .theme-item * {
  color: #fff;
}
body.lime-light-theme .theme-item:hover,
body.lime-light-theme .item-group:hover {
  background-color: #b18f09;
}
body.lime-light-theme .theme-item:hover a,
body.lime-light-theme .item-group:hover a {
  background-color: #b18f09;
}
body.lime-light-theme .theme-item:hover *,
body.lime-light-theme .item-group:hover * {
  color: #fff;
}
body.lime-light-theme .label.label-theme {
  background-color: #e2b60b;
  color: #fff;
}
body.lime-light-theme table tr td,
body.lime-light-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.lime-light-theme .table-responsive table tr td,
  body.lime-light-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.lime-light-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.lime-light-theme .footer.fixed {
  position: fixed;
}
body.lime-light-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.lime-light-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.lime-light-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.lime-light-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.lime-light-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.lime-light-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.lime-light-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.lime-light-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.lime-light-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.lime-light-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.lime-light-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.lime-light-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.lime-light-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.lime-light-theme .ribbon.ribbon-theme span {
  background: #e2b60b;
}
body.lime-light-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #e2b60b;
  border-top: 3px solid #e2b60b;
}
body.lime-light-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #e2b60b;
  border-top: 3px solid #e2b60b;
}
body.lime-light-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.lime-light-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.lime-light-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.lime-light-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.lime-light-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.lime-light-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.lime-light-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.lime-light-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.lime-light-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.lime-light-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.lime-light-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.lime-light-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.lime-light-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.lime-light-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.lime-light-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.lime-light-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.lime-light-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.lime-light-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.lime-light-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.lime-light-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.lime-light-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.lime-light-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.lime-light-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.lime-light-theme .todo-lists ul {
  padding: 0 10px;
}
body.lime-light-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.lime-light-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.lime-light-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.lime-light-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.lime-light-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.lime-light-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.lime-light-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.lime-light-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.lime-light-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.lime-light-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.lime-light-theme .media-block .media {
    display: block !important;
  }
  body.lime-light-theme .media-block .media img {
    width: 100% !important;
  }
}
body.lime-light-theme .select2-selection--multiple,
body.lime-light-theme .select2-container--default .select2-selection--single {
  border-radius: 0px !important;
}
body.lime-light-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #e2b60b;
}
body.lime-light-theme .select2-selection__choice,
body.lime-light-theme .select2-selection__choice__remove {
  background-color: #e2b60b !important;
  border: 1px solid #e2b60b !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.lime-light-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #e2b60b;
  color: #fff;
}
body.lime-light-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.lime-light-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.lime-light-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.lime-light-theme .ui-sortable .sortable-dragging,
body.lime-light-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.lime-light-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.lime-light-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.lime-light-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.lime-light-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.lime-light-theme .context-menu-list.context-menu-root .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.lime-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.lime-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.lime-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.lime-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.lime-light-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.lime-light-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.lime-light-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.lime-light-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #e2b60b;
  color: #fff;
}
body.lime-light-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.lime-light-theme
  .introjs-tooltipReferenceLayer
  .introjs-helperNumberLayer {
  left: 10px;
}
body.lime-light-theme .config .barcode2D {
  display: none;
}
body.lime-light-theme .miscCanvas {
  display: none;
}
body.lime-light-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.lime-light-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.lime-light-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.lime-light-theme .mega {
    font-size: 4rem;
  }
}
body.lime-light-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.lime-light-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.lime-light-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.lime-light-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.lime-light-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.lime-light-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.lime-light-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.lime-light-theme .fileinput-preview {
  max-height: 150px;
}
body.lime-light-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.lime-light-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.lime-light-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.lime-light-theme .sidebar.sidebar-v1 .sidebar-search input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.lime-light-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.lime-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.lime-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.lime-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.lime-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.lime-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.lime-light-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.lime-light-theme
  .sidebar.sidebar-v1
  .sidebar-statistics
  .statistics-font-color {
  color: #909190;
}
body.lime-light-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.lime-light-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.lime-light-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.lime-light-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.lime-light-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.lime-light-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.lime-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.lime-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #e2b60b;
}
body.lime-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.lime-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.lime-light-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.lime-light-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.lime-light-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.lime-light-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.lime-light-theme .sidebar.sidebar-v1 .sidebar-menu li a .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.lime-light-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #e2b60b;
  padding: 10px 13px 10px 15px;
}
body.lime-light-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #e2b60b;
}
body.lime-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a.active
  .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.lime-light-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.lime-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #e2b60b;
}
body.lime-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a {
  padding-left: 30px;
}
body.lime-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a
  i {
  margin-right: 10px;
  font-size: 15px;
}
body.lime-light-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu.open {
  max-height: 100%;
}
body.lime-light-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.lime-light-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.lime-light-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.lime-light-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #e2b60b;
}
body.lime-light-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.lime-light-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.lime-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.lime-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.lime-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.lime-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.lime-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  > a
  > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.lime-light-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.lime-light-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.lime-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.lime-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > .treeview-menu {
  display: block;
}
body.lime-light-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.lime-light-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #e2b60b;
  padding-right: 0;
}
body.lime-light-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.lime-light-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu > li {
  margin: 0;
  padding: 5px;
}
body.lime-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.lime-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.lime-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i {
  width: 25px;
}
body.lime-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.lime-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li:hover {
  padding-right: 3px;
}
body.lime-light-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.lime-light-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.lime-light-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.lime-light-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.lime-light-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.lime-light-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.lime-light-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.lime-light-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.lime-light-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.lime-light-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.lime-light-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.lime-light-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.lime-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.lime-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.lime-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.lime-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.lime-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > span {
  display: table-cell;
  vertical-align: middle;
}
body.lime-light-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.lime-light-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.lime-light-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.lime-light-theme .main-wrapper {
    margin-left: 230px;
  }
  body.lime-light-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.lime-light-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.lime-light-theme .wrapper.sidebar-mini.sidebar-collapse .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.lime-light-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.lime-light-theme .wrapper.sidebar-mini.sidebar-collapse .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li {
    position: relative;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #e2b60b;
  }
  body.lime-light-theme .wrapper.sidebar-mini.sidebar-collapse .profile-nav {
    display: none;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.lime-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.lime-light-theme .menu-toggle {
    display: block !important;
  }
  body.lime-light-theme .sidebar-v1 {
    left: -230px;
  }
  body.lime-light-theme .footer {
    margin-left: 0;
  }
  body.lime-light-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.lime-light-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.lime-light-theme .wrapper.sidebar-open.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.lime-light-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.lime-light-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.lime-light-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.lime-light-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.lime-light-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #fff;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #f1f1f1;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.lime-light-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #f1f1f1;
}
body.lime-light-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #1e1e1e;
  border: none;
  margin: 0px;
}
body.lime-light-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #e2b60b;
  color: #fff;
  border-bottom: 2px solid #b18f09;
}
body.lime-light-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #e2b60b;
  color: #fff;
  border-bottom: 2px solid #b18f09;
}
body.lime-light-theme .right-sidebar .nav-tabs li a.active {
  background-color: #e2b60b;
  color: #fff;
  border-bottom: 2px solid #b18f09;
}
body.lime-light-theme
  .right-sidebar
  .tab-content
  .input-group
  .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.lime-light-theme .right-sidebar .tab-content input {
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.lime-light-theme .right-sidebar .tab-content textarea {
  color: #6e6e6e;
}
body.lime-light-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.lime-light-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.lime-light-theme .right-sidebar .tab-content #chat .small-badges.active {
  background-color: #00a65a;
}
body.lime-light-theme .right-sidebar .tab-content #chat .small-badges.offline {
  background-color: #dd4b39;
}
body.lime-light-theme .right-sidebar .tab-content #chat .small-badges.idle {
  background-color: #f39c12;
}
body.lime-light-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #6e6e6e;
}
body.lime-light-theme .right-sidebar .tab-content #chat .content-body a:hover {
  background-color: #e2b60b;
  border-radius: 50%;
  color: #fff;
}
body.lime-light-theme .right-sidebar .tab-content #chat h5 {
  color: #6e6e6e;
}
body.lime-light-theme .right-sidebar .tab-content #chat p {
  color: #909190;
}
body.lime-light-theme .right-sidebar .tab-content #tasks {
  color: #6e6e6e;
}
body.lime-light-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #f1f1f1;
}
body.lime-light-theme .right-sidebar .tab-content #tasks p,
body.lime-light-theme .right-sidebar .tab-content #tasks h6 {
  color: #909190;
}
body.lime-light-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.lime-light-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.lime-light-theme .right-sidebar .tab-content #tasks ul li a {
  color: #6e6e6e;
}
body.lime-light-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #fff;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.lime-light-theme .right-sidebar .chat-sidebar-chat .content-chat-body h5 {
  background: #b7b7b7;
}
body.lime-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.lime-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.lime-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #b7b7b7;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.lime-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #b7b7b7;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.lime-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #e2b60b;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.lime-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #e2b60b transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.lime-light-theme .right-sidebar .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.lime-light-theme .right-sidebar .right-sidebar-setting label {
  color: #6e6e6e;
}
body.lime-light-theme .right-sidebar .right-sidebar-setting h4 {
  color: #6e6e6e;
  border-top: 1px solid #f1f1f1;
}
body.lime-light-theme .right-sidebar .right-sidebar-setting small,
body.lime-light-theme .right-sidebar .right-sidebar-setting p {
  color: #909190;
}
body.lime-light-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.lime-light-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.lime-light-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.lime-light-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.lime-light-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.lime-light-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.lime-light-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.lime-light-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.lime-light-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.lime-light-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.lime-light-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.lime-light-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.lime-light-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.lime-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.lime-light-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.lime-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.lime-light-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.lime-light-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.lime-light-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.lime-light-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #e2b60b;
}
body.lime-light-theme .header .navbar {
  border: none !important;
}
body.lime-light-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.lime-light-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.lime-light-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.lime-light-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.lime-light-theme .header .navbar-lg .setting-block .top-block .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.lime-light-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.lime-light-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.lime-light-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.lime-light-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.lime-light-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.lime-light-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.lime-light-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #1e1e1e;
}
body.lime-light-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #1e1e1e;
}
body.lime-light-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #e2b60b;
  color: #fff;
}
body.lime-light-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #e2b60b;
  color: #fff;
}
body.lime-light-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.lime-light-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.lime-light-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.lime-light-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.lime-light-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.lime-light-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.lime-light-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.lime-light-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.lime-light-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.lime-light-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.lime-light-theme .settings-menu {
  background: #fff;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #1e1e1e;
  border: 1px solid #ccc;
  overflow-y: auto;
}
body.lime-light-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #ccc;
}
body.lime-light-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.lime-light-theme .settings-menu .setting-box {
  color: #2c2b2b;
  background-color: #f1f1f1;
}
body.lime-light-theme .settings-menu-fixed {
  position: fixed !important;
}
body.lime-light-theme .nav-profile .nav-link span.active {
  color: #e2b60b;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.lime-light-theme .nav-profile .dropdown-menu {
  background: #fff none repeat scroll 0 0;
  color: #1e1e1e;
  border-top: 1px solid #f1f1f1;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.lime-light-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.lime-light-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.lime-light-theme .nav-profile .dropdown-menu span.active {
  color: #e2b60b;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.lime-light-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #f1f1f1;
}
body.lime-light-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #1e1e1e;
}
body.lime-light-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #e2b60b none repeat scroll 0 0;
  border-left: 2px solid #b18f09;
  color: #fff;
}
body.lime-light-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.lime-light-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
  }
  body.lime-light-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.lime-light-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.lime-light-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.lime-light-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.lime-light-theme .nav-profile .dropdown-menu span.active {
    color: #e2b60b;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.lime-light-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.lime-light-theme .header .logo {
    width: 190px;
  }
  body.lime-light-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.lime-light-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.lime-light-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.lime-light-theme .nav-profile .dropdown-menu span.active {
    color: #e2b60b;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.lime-light-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.lime-light-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.lime-light-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.lime-light-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.lime-light-theme .image-grid > li.main-image {
  width: 50%;
}
body.lime-light-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.lime-light-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.lime-light-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #e2b60b;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.lime-light-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.lime-light-theme .scrollToTop:hover {
  background-color: #b18f09;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.lime-light-theme .breadcrumb-page-title,
  body.lime-light-theme .theme-setting-icon,
  body.lime-light-theme .theme-setting-menu,
  body.lime-light-theme .scrollToTop,
  body.lime-light-theme .right-sidebar,
  body.lime-light-theme .settings-menu,
  body.lime-light-theme .sidebar,
  body.lime-light-theme .header,
  body.lime-light-theme .footer,
  body.lime-light-theme .btn {
    display: none !important;
  }
  body.lime-light-theme .main-wrapper {
    margin-left: 0;
  }
}
body.lime-light-theme .pace {
  display: none;
}
body.lime-light-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.lime-light-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.lime-light-theme .page-loader-container .page-loader .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.lime-light-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.lime-light-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.lime-light-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.lime-light-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.lime-light-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.lime-light-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.lime-light-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #e2b60b;
}
body.lime-light-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #e2b60b;
}
body.lime-light-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #e2b60b;
}
body.lime-light-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #e2b60b;
}
body.lime-light-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.lime-light-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.lime-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.lime-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image
  img {
  max-width: 100%;
}
body.lime-light-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.lime-light-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.lime-light-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.lime-light-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.lime-light-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.lime-light-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.lime-light-theme .mail ul li a {
  color: #909190;
}
body.lime-light-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.lime-light-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.lime-light-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.lime-light-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.lime-light-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.lime-light-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.lime-light-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.lime-light-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.lime-light-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.lime-light-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.lime-light-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.lime-light-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.lime-light-theme .readmail .filebox .file img {
  height: 148px;
}
body.lime-light-theme .readmail .filebox .filename {
  height: 70px;
}
body.lime-light-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.lime-light-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.lime-light-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.lime-light-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.lime-light-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.lime-light-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.lime-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group {
  margin-bottom: 0;
}
body.lime-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.lime-light-theme .mail .compose-mail .compose-message .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.lime-light-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.lime-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.lime-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.lime-light-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.lime-light-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.lime-light-theme .mail .compose-mail .mail-footer .right-block .send {
  width: 90px;
  height: 35px;
}
body.lime-light-theme .mail .compose-mail .mail-footer .right-block .send:focus,
body.lime-light-theme .mail .compose-mail .mail-footer .right-block .tool {
  color: #fff;
}
body.lime-light-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.lime-light-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.lime-light-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.lime-light-theme .mail .note-editor.note-frame.card .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.lime-light-theme .mail .note-resizebar {
  display: none;
}
body.lime-light-theme
  .selectize-control.selectize-email.multi
  .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.lime-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.lime-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.lime-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.lime-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.lime-light-theme
  .selectize-control.plugin-remove_button
  [data-value]
  .remove {
  border-left-color: #fff;
  color: #fff;
}
body.lime-light-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.lime-light-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.lime-light-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.lime-light-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.lime-light-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.lime-light-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.lime-light-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.lime-light-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.lime-light-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.lime-light-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.lime-light-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.lime-light-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.lime-light-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.lime-light-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.lime-light-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.lime-light-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.lime-light-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.lime-light-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.lime-light-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.lime-light-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.lime-light-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.lime-light-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.lime-light-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.lime-light-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.lime-light-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.lime-light-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.lime-light-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.lime-light-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.lime-light-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.lime-light-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.lime-light-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.lime-light-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.lime-light-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.lime-light-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.lime-light-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.lime-light-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.lime-light-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.lime-light-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.lime-light-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.lime-light-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.lime-light-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.lime-light-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.lime-light-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.lime-light-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.lime-light-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.lime-light-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.lime-light-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.lime-light-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.lime-light-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.lime-light-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.lime-light-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.lime-light-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.lime-light-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.lime-light-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.lime-light-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.lime-light-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.lime-light-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.lime-light-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.lime-light-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.lime-light-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.lime-light-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.lime-light-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.lime-light-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.lime-light-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.lime-light-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.lime-light-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.lime-light-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.lime-light-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.lime-light-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.lime-light-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.lime-light-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.lime-light-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.lime-light-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.lime-light-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.lime-light-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.lime-light-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.lime-light-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.lime-light-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.lime-light-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.lime-light-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.lime-light-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.lime-light-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.lime-light-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.lime-light-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.lime-light-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.lime-light-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.lime-light-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.lime-light-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.lime-light-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.lime-light-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.lime-light-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.lime-light-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.lime-light-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.lime-light-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.lime-light-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.lime-light-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.lime-light-theme .contact-primary,
body.lime-light-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.lime-light-theme .contact-primary .img-block .social,
body.lime-light-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.lime-light-theme .contact-primary .img-block .social i,
body.lime-light-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.lime-light-theme .contact-primary .contact-info,
body.lime-light-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.lime-light-theme .contact-primary .contact-info .info-block,
body.lime-light-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.lime-light-theme .contact-primary .contact-info .detail,
body.lime-light-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.lime-light-theme .contact-primary .contact-info .detail.name,
body.lime-light-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.lime-light-theme .contact-primary:hover,
body.lime-light-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.lime-light-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.lime-light-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.lime-light-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.lime-light-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.lime-light-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.lime-light-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.lime-light-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.lime-light-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.lime-light-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.lime-light-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.lime-light-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.lime-light-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.lime-light-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.lime-light-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.lime-light-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.lime-light-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.lime-light-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.lime-light-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.lime-light-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.lime-light-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.lime-light-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.lime-light-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.lime-light-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.lime-light-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.lime-light-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.lime-light-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.lime-light-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.lime-light-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.lime-light-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.lime-light-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.lime-light-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.lime-light-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.lime-light-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.lime-light-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.lime-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.lime-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.lime-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.lime-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.lime-light-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.lime-light-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.lime-light-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.lime-light-theme .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.lime-light-theme .cssanimations .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.lime-light-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.lime-light-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.lime-light-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.lime-light-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.lime-light-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.lime-light-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.lime-light-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.lime-light-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.lime-light-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.lime-light-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.lime-light-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.lime-light-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #e2b60b;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.lime-light-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.lime-light-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.lime-light-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.lime-light-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.lime-light-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #e2b60b;
  border-color: #e2b60b;
}
body.lime-light-theme .cd-horizontal-timeline .events a.older-event::after {
  border-color: #e2b60b;
}
body.lime-light-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.lime-light-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.lime-light-theme .cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.lime-light-theme .cd-horizontal-timeline .events-content li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.lime-light-theme .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.lime-light-theme .cd-horizontal-timeline .events-content li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.lime-light-theme .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.lime-light-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.lime-light-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.lime-light-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.lime-light-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.lime-light-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.lime-light-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.lime-light-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.lime-light-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.lime-light-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.lime-light-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.lime-light-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.lime-light-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.lime-light-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.lime-light-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.lime-light-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.lime-light-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.lime-light-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.lime-light-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.lime-light-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.lime-light-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.lime-light-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.lime-light-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.lime-light-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.lime-light-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.lime-light-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.lime-light-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.lime-light-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.lime-light-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.lime-light-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.lime-light-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.lime-light-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.lime-light-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.lime-light-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.lime-light-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.lime-light-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.lime-light-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.lime-light-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.lime-light-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.lime-light-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.lime-light-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.lime-light-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.lime-light-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.lime-light-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.lime-light-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.lime-light-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.lime-light-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.lime-light-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.lime-light-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.lime-light-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.lime-light-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.lime-light-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.lime-light-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.lime-light-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.lime-light-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.lime-light-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.lime-light-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.lime-light-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.lime-light-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.lime-light-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.lime-light-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.lime-light-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.lime-light-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.lime-light-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.lime-light-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.lime-light-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.lime-light-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.lime-light-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.lime-light-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.lime-light-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.lime-light-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.lime-light-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.lime-light-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.lime-light-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.lime-light-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.lime-light-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.lime-light-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.lime-light-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.lime-light-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.lime-light-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.lime-light-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.lime-light-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.lime-light-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.lime-light-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.lime-light-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.lime-light-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.lime-light-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.lime-light-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.lime-light-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.lime-light-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.lime-light-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.lime-light-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.lime-light-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.lime-light-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.lime-light-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.lime-light-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.lime-light-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.lime-light-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.lime-light-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.lime-light-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.lime-light-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.lime-light-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.lime-light-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.lime-light-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.lime-light-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.lime-light-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.lime-light-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.lime-light-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.lime-light-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.lime-light-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.lime-light-theme .product-detail .product-image-list img:first-child {
  margin-left: 0;
}
body.lime-light-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.lime-light-theme .product-detail .product-img img {
  max-width: 100%;
}
body.lime-light-theme .product-grid-primary,
body.lime-light-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.lime-light-theme .product-grid-primary .product-img,
body.lime-light-theme .product-grid-secondary .product-img {
  position: relative;
}
body.lime-light-theme .product-grid-primary .product-img .product-like,
body.lime-light-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.lime-light-theme .product-grid-primary .product-img .product-like:hover,
body.lime-light-theme .product-grid-secondary .product-img .product-like:hover {
  color: #e2b60b;
}
body.lime-light-theme .product-grid-primary .product-detail,
body.lime-light-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.lime-light-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.lime-light-theme .file-manager .toggle-file-menu {
  display: none;
}
body.lime-light-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.lime-light-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.lime-light-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.lime-light-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.lime-light-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.lime-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type {
  bottom: 0px;
  right: 5px;
}
body.lime-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.lime-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.lime-light-theme .file-manager .file-block .file-view .folder .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.lime-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.lime-light-theme .file-manager .file-block .file-view .folder .file,
body.lime-light-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.lime-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type,
body.lime-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-type {
  position: absolute;
}
body.lime-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.lime-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.lime-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.lime-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.lime-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.lime-light-theme .file-manager .file-block .file-view .doc .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.lime-light-theme .file-manager .file-block .file-view .doc .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.lime-light-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.lime-light-theme .file-manager .file-block.file-menu-close .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.lime-light-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.lime-light-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.lime-light-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.lime-light-theme .other-widgets-box {
  background-color: #15337e;
}
body.lime-light-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.lime-light-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.lime-light-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.lime-light-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.lime-light-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.lime-light-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.lime-light-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.lime-light-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.lime-light-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.lime-light-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.lime-light-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.lime-light-theme .social-widgets .profile .social-profile .profile-avatar {
  height: 120px;
}
body.lime-light-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.lime-light-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.lime-light-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.lime-light-theme .social-widgets .profile.profile-cover-bg {
  background: #e2b60b url(../../images/login_box_bg.png);
}
body.lime-light-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.lime-light-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.lime-light-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.lime-light-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.lime-light-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.lime-light-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.lime-light-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.lime-light-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.lime-light-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.lime-light-theme .amcharts-export-menu-top-right {
  display: none;
}
body.lime-light-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.lime-light-theme .sales-performance .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.lime-light-theme .social-analytics .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.lime-light-theme .sales-performance .amcharts-graph-g3,
body.lime-light-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.lime-light-theme .sales-performance .amcharts-value-axis.value-axis-a3,
body.lime-light-theme .social-analytics .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.lime-light-theme .sales-performance .lastBullet,
body.lime-light-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.lime-light-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.lime-light-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.lime-light-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.lime-light-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.lime-light-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.lime-light-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.lime-light-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.lime-light-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.lime-light-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.lime-light-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.lime-light-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.lime-light-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.lime-light-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.lime-light-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.lime-light-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.lime-light-theme .theme-border-color {
  border-color: #e2b60b;
}
body.lime-light-theme .primary-border-color {
  border-color: #286090;
}
body.lime-light-theme .danger-border-color {
  border-color: #d73925;
}
body.lime-light-theme .info-border-color {
  border-color: #00acd6;
}
body.lime-light-theme .warning-border-color {
  border-color: #e08e0b;
}
body.lime-light-theme .success-border-color {
  border-color: #008d4c;
}
body.lime-light-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.lime-light-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #e2b60b !important;
  border-radius: 0px;
}
body.lime-light-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.lime-light-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.lime-light-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.lime-light-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.lime-light-theme .material-card h2 span {
  display: block;
}
body.lime-light-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.lime-light-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.lime-light-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.lime-light-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.lime-light-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.lime-light-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.lime-light-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.lime-light-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.lime-light-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.lime-light-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.lime-light-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.lime-light-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.lime-light-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.lime-light-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.lime-light-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.lime-light-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.lime-light-theme .material-card.mc-active h2:before {
  top: 0;
}
body.lime-light-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.lime-light-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.lime-light-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.lime-light-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.lime-light-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.lime-light-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.lime-light-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.lime-light-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.lime-light-theme .material-card.theme h2 {
  background-color: #e2b60b;
}
body.lime-light-theme .material-card.theme h2:after {
  border-top-color: #e2b60b;
  border-right-color: #e2b60b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #b18f09;
  border-bottom-color: #b18f09;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.theme .mc-btn-action {
  background-color: #e2b60b;
}
body.lime-light-theme .material-card.theme .mc-btn-action:hover {
  background-color: #b18f09;
}
body.lime-light-theme .material-card.theme .mc-footer h4 {
  color: #b18f09;
}
body.lime-light-theme .material-card.theme .mc-footer a {
  background-color: #b18f09;
}
body.lime-light-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #e2b60b;
  border-bottom-color: #e2b60b;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.theme.mc-active h2:after {
  border-top-color: #b18f09;
  border-right-color: #b18f09;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.lime-light-theme .material-card.theme.mc-active .mc-footer {
  background-color: #e2b60b;
}
body.lime-light-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.lime-light-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.lime-light-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.lime-light-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.lime-light-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.lime-light-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.lime-light-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.lime-light-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.lime-light-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.lime-light-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.lime-light-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.lime-light-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.lime-light-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.lime-light-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.lime-light-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.lime-light-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.lime-light-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.lime-light-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.lime-light-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.lime-light-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.lime-light-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.lime-light-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.lime-light-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.lime-light-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.lime-light-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.lime-light-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.lime-light-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.lime-light-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.lime-light-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.lime-light-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.lime-light-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.lime-light-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.lime-light-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.lime-light-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.lime-light-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.lime-light-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.lime-light-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.lime-light-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.lime-light-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.lime-light-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.lime-light-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.lime-light-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.lime-light-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.lime-light-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.lime-light-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.lime-light-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.lime-light-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.lime-light-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.lime-light-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.lime-light-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.lime-light-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.lime-light-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.lime-light-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.lime-light-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.lime-light-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.lime-light-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.lime-light-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.lime-light-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.lime-light-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.lime-light-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.lime-light-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.lime-light-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.lime-light-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.lime-light-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.lime-light-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.lime-light-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.lime-light-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.lime-light-theme .wrapper:after {
  display: table;
  content: " ";
}
body.lime-light-theme .wrapper:before {
  display: table;
  content: " ";
}
body.lime-light-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.lime-light-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.lime-light-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.lime-light-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.lime-light-theme .fixed-width-page .card,
body.lime-light-theme .card-page .card,
body.lime-light-theme .fixed-width-page .card-body,
body.lime-light-theme .card-page .card-body {
  min-height: 500px;
}
body.lime-light-theme .fixed-width-page .card h2,
body.lime-light-theme .card-page .card h2,
body.lime-light-theme .fixed-width-page .card-body h2,
body.lime-light-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.lime-light-theme.full-width-page .main-wrapper,
body.lime-light-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.lime-light-theme.full-width-page .logo {
  background: #fff;
}
body.lime-light-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.lime-light-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.lime-light-theme .form-control:focus {
  background-color: transparent !important;
}

/*********************************************
* Minified CSS for RTDL Theme
* All kind of basic css.
*
* Developer: Ranpariya - The development lab
*********************************************/

/**********************************************************
 ** elderberry-light-theme.less
 ** 
 ** Main LESS file for Elderberry Light Theme Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************/
/*********************************************
 * Generalize CSS.
 * These can use for global component styling
 *********************************************/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
*:focus {
  outline: none;
}
body.elderberry-light-theme {
  /******************************************************
 ** elderberry-light-theme _variables.less
 ** 
 ** LESS variables for Elderberry Light Theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Elderberry Light Theme
 *************************/
  /**********************************************************************
 ** common-variables.less
 ** 
 ** File contains custom scripts for Ranpariya-Admin  common-variables
 ** Developer: Ranpariya - The Development Lab - India
 **********************************************************************/
  /**************
 * Main Theme
 **************/
  /****************************
 * Social Buttons variables
 ****************************/
  /**************
 * Mail
 * Compose mail
 **************/
  /********
 * Inbox
 ********/
  /********
 * Font
 ********/
  /*******************************
 * Theme Configuration variables
 *******************************/
  /***********************
 * Left side menu style
 ***********************/
  /************************
 * Right side menu style
 ************************/
  /*********************
 * Theme Setting Menu
 *********************/
  /***************
 * Header style
 ***************/
  /******************************************************
 ** app.less
 ** 
 ** Custom less for Ranpariya Theme.
 ** Imports all LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************************
 * Generalize CSS.
 * These can be used for global component styling
 *************************************************/
  /******************************************************
 ** _mixin.less
 ** 
 ** Group of mixins used in various LESS files.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*****************************
 * Transition for all browsers
 *****************************/
  /*****************************
 * Box-shadow for all browsers
 *****************************/
  /*******************
 * Box-sizing Mixin
 *******************/
  /******************
 * Transform Mixin
 ******************/
  /*************************
 * Transform Origin Mixin
 *************************/
  /*********************************
 * Sets Animation for all browsers
 *********************************/
  /******************************************
 * Sets Animation Duration for all browsers
 ******************************************/
  /***************************************
 * Sets Animation Delay for all browsers
 ***************************************/
  /**************************************
 * Sets Animation Name for all browsers
 **************************************/
  /********************************
 * Removes Mouse Touch Selection
 ********************************/
  /**********************
 * Border Radius Mixin
 **********************/
  /*******************************************
 * Loader Circle (used in loader-icons.less)
 *******************************************/
  /**********************
 * Social button Mixin
 **********************/
  /******************************************************
 ** Helper-classes.less
 ** 
 ** Helper classes for the theme.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************
 * Generalize CSS
 ******************/
  /****************
 * Border Helpers
 ****************/
  /***********************
 * Border Radius Helpers
 ***********************/
  /*******************
 * Margins Helpers
 *******************/
  /******************
 * Paddings Helpers
 ******************/
  /*******************
 * Font/Text Helpers
 *******************/
  /********************
 * Font Size Helper
 ********************/
  /*********************
 * Text Colors Helpers
 *********************/
  /**************************
 * Background colors Helper
 **************************/
  /****************
 * Height Helpers
 ****************/
  /***************
 * Width Helpers
 ***************/
  /********************
 * Progress bar sizes
 ********************/
  /****************************************************
 * Sets Mouse Selection color based on selected theme 
 ****************************************************/
  /***************************
 * Avatar responsive classes
 ***************************/
  /***********************************
 * Bootstrap Button Style Overwrite
 ***********************************/
  /* Write Comment here */
  /********************************
 * Overwrite Form Elements Styles
 ********************************/
  /**********
 * Badges 
 **********/
  /*********************
 * Theme color Lable
 *********************/
  /************************
 * Table Style Overwrite
 ************************/
  /*************************************************************
 ** theme-components.less
 ** 
 ** LESS for various small-small components of the theme like
 ** section, Footer, Ribbon, Breadcrumb, etc..
 ** Developer: Ranpariya - The Development Lab - India
 *************************************************************/
  /*******************************
 * Section and Section Tab box.
 *******************************/
  /*********
 * Footer
 *********/
  /**********************
 * Side corner ribbons
 **********************/
  /********************
 * Custom List Group
 ********************/
  /****************************************************************
 * Color Schemes block.
 * NOTE: Never usualable in real work. Developed for theme demo.
 ****************************************************************/
  /*******************
 * Breadcrumb Style
 *******************/
  /************************
 * Todo lists (Dashboard)
 ************************/
  /*******************
 * PDF Viewer Style
 *******************/
  /***********************
 * Chartist chart-shadow
 ***********************/
  /*********************************
 * Media query for maximum 460px
 *********************************/
  /******************************************************
 ** thirdPartyLib-overwrite.less
 ** 
 ** Overwriting LESS for Third Party lib's CSS.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************************
 * Select 2 Style Overwrite
 ***************************/
  /****************************
 * Selectize Style Overwrite
 ****************************/
  /***************************************
 * Ihover Image gallery Style Overwrite
 ***************************************/
  /********************************
 * Sortable list Style Overwrite
 ********************************/
  /***************************************
 * Todo List (Sortable) Style Overwrite
 ***************************************/
  /***********************
 * jQuery contextMenu 
 * used in File manager
 ***********************/
  /*****************************
 * Google Map Style Overwrite
 *****************************/
  /***********************************************
 * Theme Switch (Switch Button) Style Overwrite
 ***********************************************/
  /***************************************
 * Product Edit Summernote Modal Dialog
 ***************************************/
  /***************************
 * .introjs Style Overwrite
 ***************************/
  /************************************
 * Barcode Generator Style Overwrite
 ************************************/
  /*********************************
 * Payment's card Style Overwrite
 *********************************/
  /***************************
 * Dropzone Style Overwrite
 ***************************/
  /******************************
 * Animate-css Style Overwrite
 ******************************/
  /**************************
 * Splitjs Style Overwrite
 **************************/
  /***********************
 * Dropdown menu (Right)
 ***********************/
  /******************
 * Jasny File Input
 ******************/
  /******************************************************
 ** Sidebars.less
 ** 
 ** LESS for Sidebar V1 and Sidebar V2.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Toggle Button
 ****************/
  /*********************************
 * Media query for minimum 768px
 *********************************/
  /*********************************
 * Media query for maximum 767px
 *********************************/
  /******************
 * Keyframe rules
 ******************/
  /******************************************************
 ** right-sidebar.less
 ** 
 ** LESS for Right Sidebar.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Right sidebar settings
 *************************/
  /************************************************************
 ** Boxed-layout.less
 ** 
 ** LESS for Boxed Layout. Usable only if admin panel is used
 ** in boxed layout.
 ** Developer: Ranpariya - The Development Lab - India
 ************************************************************/
  /***************
 * Boxed layout
 ***************/
  /*********************************
 * Media query for maximum 1180px
 *********************************/
  /******************************************************
 ** header.less
 ** 
 ** LESS for Admin Panel Header. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********
 * Header
 *********/
  /****************************
 * Navbar notification style
 ****************************/
  /**************************
 * Settings menu in Navbar
 **************************/
  /*****************
 * Navbar profile
 *****************/
  /********************************
 * Media query for maximum 767px
 ********************************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /********************************
 * Media query for maximum 320px
 ********************************/
  /*********************************************************
 ** Image-grid.less
 ** 
 ** LESS for Image Grid, Used in Profile and Image Viewer.
 ** Developer: Ranpariya - The Development Lab - India
 *********************************************************/
  /******************************************************
 ** scroll-top.less
 ** 
 ** LESS for Scroll Top Button. 
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*********************
 * Scroll top button
 *********************/
  /******************************************************
 ** print.less
 ** 
 ** LESS for Print Button.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************************
 * Remove Breadcrumb, Sidebar, Footer
 *************************************/
  /******************************************************
 ** page-loader.less
 ** 
 ** LESS for page loader.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************
 * Pace.js Style Overwrite
 **************************/
  /********************
 * Custom page loader
 ********************/
  /******************************************************
 ** profile.less
 ** 
 ** LESS for Profile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Profile page
 ***************/
  /******************************************************
 ** mail-box.less
 ** 
 ** LESS for Mail Box.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Read mail
 ************/
  /*********************
 * Compose Mail style 
 *********************/
  /*********************
 * Selectize dropdown
 *********************/
  /******************************************************
 ** loader-icons.less
 ** 
 ** LESS for Spinners and Page Loaders.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***********
 * Spinner
 ***********/
  /*********
 * Loader
 *********/
  /*********
 * Loader
 *********/
  /******************************************************
 ** contact.less
 ** 
 ** Less for Contact Card Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Primary demo
 ***************/
  /*****************
 * Tertiary style 
 *****************/
  /******************************************************
 ** pricing.less
 ** 
 ** LESS for Pricing Table.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * Pricing Page
 ***************/
  /******************************************************
 ** vertical-timeline.less
 ** 
 ** LESS for Vertical Timeline
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /* inverse bounce effect on even content blocks */
  /******************************************************
 ** horizontal-timeline.less
 ** 
 ** LESS for Horizontal Timeline.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Horizontal Timeline
 **********************/
  /******************************************************
 ** social-buttons.less
 ** 
 ** LESS for Social Buttons.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Social Button
 ****************/
  /******************************************************
 ** e-commerce.less
 ** 
 ** LESS for E-Commerce Admin Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**********************
 * Product Detail Page
 **********************/
  /*************************************************
 * Product grid primary & secondary (Prpduct Box)
 *************************************************/
  /******************************************************
 ** file-manager.less
 ** 
 ** LESS for File Manager
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /***************
 * File Manager
 ***************/
  /*********************************
 * Media query for small devices.
 *********************************/
  /******************************************************
 ** widgets.less
 ** 
 ** LESS for Social and other widgets.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Other widgets
 ****************/
  /*****************
 * Social widgets
 *****************/
  /******************
 * Weather widgets
 ******************/
  /******************************************************
 ** text-editors.less
 ** 
 ** LESS for Text Editor.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /******************************************************
 ** dashboards.less
 ** 
 ** Less for All Dashboard UIs.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /********************
 * SparkLine Tooltip
 ********************/
  /***********************
 * Am Chart (Dashboard)
 ***********************/
  /****************************************************************************
 * AM Chart (CSS Animations For Sales Dashboard and Data Analytics Dashboard)
 ****************************************************************************/
  /******************************************************
 ** theme-setting.less
 ** 
 ** LESS for Theme Setting Menu.
 ** NOTE: Not Usable in real work. Developed for
 ** Demonstration purpose.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************************************************
 * Theme Setting (Auth pages)
 **************************************************/
  /******************************************************
 ** agile-board.less
 ** 
 ** LESS for Agile Page.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Agile Board
 **************/
  /******************************************************
 ** scrollspy.less
 ** 
 ** Less for Scrollspy.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /************
 * Scrollspy
 ************/
  /******************************************************
 ** material-cards.less
 ** 
 ** LESS for Material Cards.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /****************
 * Material Card
 ****************/
  /***********************
 * Active Material Card
 ***********************/
  /**********************
 * Theme Material Card
 **********************/
  /************************
 * Primary Material Card
 ************************/
  /************************
 * Success Material Card
 ************************/
  /*********************
 * Info Material Card
 *********************/
  /************************
 * Warning Material Card
 ************************/
  /***********************
 * Danger Material Card
 ***********************/
  /**************
 * Media Query
 **************/
  /******************************************************
 ** image-cropper.less
 ** 
 ** LESS for Image Cropper
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /*************************
 * Cropper / image editor 
 *************************/
  /******************************************************
 ** error-page.less
 ** 
 ** LESS for Error Pages such as 400, 500 Pages.
 ** Developer: Ranpariya - The Development Lab - India
 ******************************************************/
  /**************
 * Error pages
 **************/
  /********************************
 * Media query for maximum 460px
 ********************************/
  /*************************
 * Wrapper for whole page
 *************************/
  /***************************************
 * Main Wrapper for actual content area
 ***************************************/
  /*******************
 * Fixed width page
 *******************/
  /*******************************
 * Removes background from
 * Logo area in full width page.
 *******************************/
  /***********************************
 * Removes form-controls background
 ***********************************/
  overflow-x: hidden;
}
body.elderberry-light-theme body {
  font-family: "Open Sans", sans-serif !important;
}
body.elderberry-light-theme a {
  text-decoration: none;
}
body.elderberry-light-theme h1 {
  font-size: 36px;
}
body.elderberry-light-theme h2 {
  font-size: 30px;
}
body.elderberry-light-theme h3 {
  font-size: 24px;
}
body.elderberry-light-theme h4 {
  font-size: 18px;
}
body.elderberry-light-theme h5 {
  font-size: 14px;
}
body.elderberry-light-theme h6 {
  font-size: 12px;
}
body.elderberry-light-theme .bordered {
  border: 1px solid #f1f1f1;
}
body.elderberry-light-theme .border-theme {
  border: 1px solid #7847b5 !important;
}
body.elderberry-light-theme .border-t {
  border-top: 1px solid #f1f1f1;
}
body.elderberry-light-theme .border-r {
  border-right: 1px solid #f1f1f1;
}
body.elderberry-light-theme .border-b {
  border-bottom: 1px solid #f1f1f1;
}
body.elderberry-light-theme .border-l {
  border-left: 1px solid #f1f1f1;
}
body.elderberry-light-theme .border-t-b {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
body.elderberry-light-theme .border-l-r {
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
body.elderberry-light-theme .border-r-sm {
  border-radius: 3px;
}
body.elderberry-light-theme .border-r-md {
  border-radius: 6px;
}
body.elderberry-light-theme .border-r-lg {
  border-radius: 12px;
}
body.elderberry-light-theme .border-r-xlg {
  border-radius: 24px;
}
body.elderberry-light-theme .m-xs {
  margin: 5px;
}
body.elderberry-light-theme .mt-xs {
  margin-top: 5px;
}
body.elderberry-light-theme .mr-xs {
  margin-right: 5px;
}
body.elderberry-light-theme .mb-xs {
  margin-bottom: 5px;
}
body.elderberry-light-theme .ml-xs {
  margin-left: 5px;
}
body.elderberry-light-theme .my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
body.elderberry-light-theme .mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}
body.elderberry-light-theme .m-sm {
  margin: 10px;
}
body.elderberry-light-theme .mt-sm {
  margin-top: 10px;
}
body.elderberry-light-theme .mr-sm {
  margin-right: 10px;
}
body.elderberry-light-theme .mb-sm {
  margin-bottom: 10px;
}
body.elderberry-light-theme .ml-sm {
  margin-left: 10px;
}
body.elderberry-light-theme .my-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
body.elderberry-light-theme .mx-sm {
  margin-left: 10px;
  margin-right: 10px;
}
body.elderberry-light-theme .m-md {
  margin: 15px;
}
body.elderberry-light-theme .mt-md {
  margin-top: 15px;
}
body.elderberry-light-theme .mr-md {
  margin-right: 15px;
}
body.elderberry-light-theme .mb-md {
  margin-bottom: 15px;
}
body.elderberry-light-theme .ml-md {
  margin-left: 15px;
}
body.elderberry-light-theme .my-md {
  margin-top: 15px;
  margin-bottom: 15px;
}
body.elderberry-light-theme .mx-md {
  margin-left: 15px;
  margin-right: 15px;
}
body.elderberry-light-theme .m-lg {
  margin: 20px;
}
body.elderberry-light-theme .mt-lg {
  margin-top: 20px;
}
body.elderberry-light-theme .mr-lg {
  margin-right: 20px;
}
body.elderberry-light-theme .mb-lg {
  margin-bottom: 20px;
}
body.elderberry-light-theme .ml-lg {
  margin-left: 20px;
}
body.elderberry-light-theme .my-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.elderberry-light-theme .mx-lg {
  margin-left: 20px;
  margin-right: 20px;
}
body.elderberry-light-theme .m-xlg {
  margin: 25px;
}
body.elderberry-light-theme .mt-xlg {
  margin-top: 25px;
}
body.elderberry-light-theme .mr-xlg {
  margin-right: 25px;
}
body.elderberry-light-theme .mb-xlg {
  margin-bottom: 25px;
}
body.elderberry-light-theme .ml-xlg {
  margin-left: 25px;
}
body.elderberry-light-theme .my-xlg {
  margin-top: 25px;
  margin-bottom: 25px;
}
body.elderberry-light-theme .mx-xlg {
  margin-left: 25px;
  margin-right: 25px;
}
body.elderberry-light-theme .p-xs {
  padding: 5px;
}
body.elderberry-light-theme .pt-xs {
  padding-top: 5px;
}
body.elderberry-light-theme .pr-xs {
  padding-right: 5px;
}
body.elderberry-light-theme .pb-xs {
  padding-bottom: 5px;
}
body.elderberry-light-theme .pl-xs {
  padding-left: 5px;
}
body.elderberry-light-theme .py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
body.elderberry-light-theme .px-xs {
  padding-left: 5px;
  padding-right: 5px;
}
body.elderberry-light-theme .p-sm {
  padding: 10px;
}
body.elderberry-light-theme .pt-sm {
  padding-top: 10px;
}
body.elderberry-light-theme .pr-sm {
  padding-right: 10px;
}
body.elderberry-light-theme .pb-sm {
  padding-bottom: 10px;
}
body.elderberry-light-theme .pl-sm {
  padding-left: 10px;
}
body.elderberry-light-theme .py-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.elderberry-light-theme .px-sm {
  padding-left: 10px;
  padding-right: 10px;
}
body.elderberry-light-theme .p-md {
  padding: 15px;
}
body.elderberry-light-theme .pt-md {
  padding-top: 15px;
}
body.elderberry-light-theme .pr-md {
  padding-right: 15px;
}
body.elderberry-light-theme .pb-md {
  padding-bottom: 15px;
}
body.elderberry-light-theme .pl-md {
  padding-left: 15px;
}
body.elderberry-light-theme .py-md {
  padding-top: 15px;
  padding-bottom: 15px;
}
body.elderberry-light-theme .px-md {
  padding-left: 15px;
  padding-right: 15px;
}
body.elderberry-light-theme .p-lg {
  padding: 20px;
}
body.elderberry-light-theme .pt-lg {
  padding-top: 20px;
}
body.elderberry-light-theme .pr-lg {
  padding-right: 20px;
}
body.elderberry-light-theme .pb-lg {
  padding-bottom: 20px;
}
body.elderberry-light-theme .pl-lg {
  padding-left: 20px;
}
body.elderberry-light-theme .py-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}
body.elderberry-light-theme .px-lg {
  padding-left: 20px;
  padding-right: 20px;
}
body.elderberry-light-theme .p-xlg {
  padding: 25px;
}
body.elderberry-light-theme .pt-xlg {
  padding-top: 25px;
}
body.elderberry-light-theme .pr-xlg {
  padding-right: 25px;
}
body.elderberry-light-theme .pb-xlg {
  padding-bottom: 25px;
}
body.elderberry-light-theme .pl-xlg {
  padding-left: 25px;
}
body.elderberry-light-theme .py-xlg {
  padding-top: 25px;
  padding-bottom: 25px;
}
body.elderberry-light-theme .px-xlg {
  padding-left: 25px;
  padding-right: 25px;
}
body.elderberry-light-theme .text-normal {
  font-weight: 400;
}
body.elderberry-light-theme .text-bold {
  font-weight: 700;
}
body.elderberry-light-theme .text-italic {
  font-style: italic;
}
body.elderberry-light-theme .text-strike {
  text-decoration: line-through;
}
body.elderberry-light-theme .font-os-thin {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
body.elderberry-light-theme .font-os-bold {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
body.elderberry-light-theme .font-os-normal {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
body.elderberry-light-theme .font-roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.elderberry-light-theme .font-roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
body.elderberry-light-theme .font-roboto-normal {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body.elderberry-light-theme .font-16 {
  font-size: 16px;
}
body.elderberry-light-theme .font-14 {
  font-size: 14px;
}
body.elderberry-light-theme .font-12 {
  font-size: 12px;
}
body.elderberry-light-theme .font-10 {
  font-size: 10px;
}
body.elderberry-light-theme .text-lg {
  color: #f1f1f1;
}
body.elderberry-light-theme .text-mdg {
  color: #ccc;
}
body.elderberry-light-theme .text-dg {
  color: #909190;
}
body.elderberry-light-theme .text-mb {
  color: #2c2b2b;
}
body.elderberry-light-theme .text-mg {
  color: #6e6e6e;
}
body.elderberry-light-theme .text-theme {
  color: #7847b5;
}
body.elderberry-light-theme .no-bg {
  background: transparent;
}
body.elderberry-light-theme .bg-theme {
  background-color: #7847b5;
}
body.elderberry-light-theme .bg-lg {
  background-color: #f1f1f1;
}
body.elderberry-light-theme .bg-mdg {
  background-color: #ccc;
}
body.elderberry-light-theme .bg-dg {
  background-color: #909190;
}
body.elderberry-light-theme .bg-mb {
  background-color: #2c2b2b;
}
body.elderberry-light-theme .bg-mg {
  background-color: #6e6e6e;
}
body.elderberry-light-theme .height-30 {
  min-height: 30px;
}
body.elderberry-light-theme .height-40 {
  min-height: 40px;
}
body.elderberry-light-theme .height-50 {
  min-height: 50px;
}
body.elderberry-light-theme .height-100 {
  min-height: 100px;
}
body.elderberry-light-theme .height-150 {
  min-height: 150px;
}
body.elderberry-light-theme .height-200 {
  min-height: 200px;
}
body.elderberry-light-theme .height-320 {
  min-height: 320px;
}
body.elderberry-light-theme .width-30 {
  min-width: 30px;
}
body.elderberry-light-theme .width-40 {
  min-width: 40px;
}
body.elderberry-light-theme .width-50 {
  min-width: 50px;
}
body.elderberry-light-theme .width-100 {
  min-width: 100px;
}
body.elderberry-light-theme .width-150 {
  min-width: 150px;
}
body.elderberry-light-theme .width-200 {
  min-width: 200px;
}
body.elderberry-light-theme .width-320 {
  min-width: 320px;
}
body.elderberry-light-theme .progress.progress-xxs {
  height: 2px;
}
body.elderberry-light-theme .progress.progress-xs {
  height: 5px;
}
body.elderberry-light-theme .progress.progress-sm {
  height: 10px;
}
body.elderberry-light-theme .progress.progress-lg {
  height: 20px;
}
body.elderberry-light-theme ::-moz-selection {
  color: #fff;
  background: #7847b5;
}
body.elderberry-light-theme ::selection {
  color: #fff;
  background: #7847b5;
}
body.elderberry-light-theme .avatar {
  width: 32px;
}
body.elderberry-light-theme .avatar.avatar-xxs {
  width: 16px;
}
body.elderberry-light-theme .avatar.avatar-xs {
  width: 24px;
}
body.elderberry-light-theme .avatar.avatar-sm {
  width: 32px;
}
body.elderberry-light-theme .avatar.avatar-md {
  width: 40px;
}
body.elderberry-light-theme .avatar.avatar-lg {
  width: 64px;
}
body.elderberry-light-theme .avatar.avatar-xl {
  width: 128px;
}
body.elderberry-light-theme .avatar.avatar-xxlg {
  width: 256px;
}
body.elderberry-light-theme .btn {
  border-radius: 0px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
  /******************
   * Button rounded
   ******************/
  /*****************
   * Raised Buttons
   ****************/
}
body.elderberry-light-theme .btn.btn-theme {
  background-color: #7847b5;
  color: #fff;
}
body.elderberry-light-theme .btn.btn-theme:hover {
  color: #fff;
  background-color: #603990;
}
body.elderberry-light-theme .btn.btn-theme:active,
body.elderberry-light-theme .btn.btn-theme:focus {
  box-shadow: 0 0 0 0.2rem #8b5fc0;
}
body.elderberry-light-theme .btn.btn-theme .badge {
  background-color: #fff;
  color: #7847b5;
}
body.elderberry-light-theme .btn.btn-outline-theme {
  color: #7847b5;
  background-color: transparent;
  border: 1px solid;
}
body.elderberry-light-theme .btn.btn-outline-theme:hover {
  color: #fff;
  background-color: #7847b5 !important;
  border-color: #603990;
}
body.elderberry-light-theme .btn.btn-outline-theme:active,
body.elderberry-light-theme .btn.btn-outline-theme:focus {
  box-shadow: 0 0 0 0.2rem #8b5fc0;
}
body.elderberry-light-theme .btn.btn-rounded {
  border-radius: 50px !important;
}
body.elderberry-light-theme .btn .btn-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
body.elderberry-light-theme .btn .btn-animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  -ms-animation: ripple 0.65s linear;
  -o-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
body.elderberry-light-theme input,
body.elderberry-light-theme select,
body.elderberry-light-theme textarea {
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
}
body.elderberry-light-theme input:focus,
body.elderberry-light-theme select:focus,
body.elderberry-light-theme textarea:focus {
  border: 1px solid #7847b5;
  box-shadow: none !important;
}
body.elderberry-light-theme .badge-theme,
body.elderberry-light-theme .theme-item {
  background-color: #7847b5;
  color: #fff;
}
body.elderberry-light-theme .badge-theme *,
body.elderberry-light-theme .theme-item * {
  color: #fff;
}
body.elderberry-light-theme .theme-item:hover,
body.elderberry-light-theme .item-group:hover {
  background-color: #603990;
}
body.elderberry-light-theme .theme-item:hover a,
body.elderberry-light-theme .item-group:hover a {
  background-color: #603990;
}
body.elderberry-light-theme .theme-item:hover *,
body.elderberry-light-theme .item-group:hover * {
  color: #fff;
}
body.elderberry-light-theme .label.label-theme {
  background-color: #7847b5;
  color: #fff;
}
body.elderberry-light-theme table tr td,
body.elderberry-light-theme table tr th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  body.elderberry-light-theme .table-responsive table tr td,
  body.elderberry-light-theme .table-responsive table tr th {
    white-space: nowrap !important;
  }
}
@font-face {
  font-family: "MuseoSans-700";
  src: url("../fonts/MuseoSans_700.otf");
}
body.elderberry-light-theme .footer {
  bottom: 0px;
  color: #909190;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  -ms-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
  z-index: 20;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: 230px;
}
body.elderberry-light-theme .footer.fixed {
  position: fixed;
}
body.elderberry-light-theme .ribbon {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
body.elderberry-light-theme .ribbon span {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100px;
  display: block;
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
  -webkit-box-shadow: 0 3px 10px -5px #000000;
  -moz-box-shadow: 0 3px 10px -5px #000000;
  -o-box-shadow: 0 3px 10px -5px #000000;
  -ms-box-shadow: 0 3px 10px -5px #000000;
  box-shadow: 0 3px 10px -5px #000000;
  position: absolute;
  top: 19px;
  right: -21px;
}
body.elderberry-light-theme .ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #00c0ef;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.elderberry-light-theme .ribbon span::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #00c0ef;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #00c0ef;
}
body.elderberry-light-theme .ribbon.ribbon-info span {
  background: linear-gradient(#00acd6 0%, #00c0ef 100%);
}
body.elderberry-light-theme .ribbon.ribbon-info span::before {
  border-left: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.elderberry-light-theme .ribbon.ribbon-info span::after {
  border-right: 3px solid #00c0ef;
  border-top: 3px solid #00c0ef;
}
body.elderberry-light-theme .ribbon.ribbon-success span {
  background: linear-gradient(#008d4c 0%, #00a65a 100%);
}
body.elderberry-light-theme .ribbon.ribbon-success span::before {
  border-left: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.elderberry-light-theme .ribbon.ribbon-success span::after {
  border-right: 3px solid #00a65a;
  border-top: 3px solid #00a65a;
}
body.elderberry-light-theme .ribbon.ribbon-danger span {
  background: linear-gradient(#d73925 0%, #dd4b39 100%);
}
body.elderberry-light-theme .ribbon.ribbon-danger span::before {
  border-left: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.elderberry-light-theme .ribbon.ribbon-danger span::after {
  border-right: 3px solid #dd4b39;
  border-top: 3px solid #dd4b39;
}
body.elderberry-light-theme .ribbon.ribbon-theme span {
  background: #7847b5;
}
body.elderberry-light-theme .ribbon.ribbon-theme span::before {
  border-left: 3px solid #7847b5;
  border-top: 3px solid #7847b5;
}
body.elderberry-light-theme .ribbon.ribbon-theme span::after {
  border-right: 3px solid #7847b5;
  border-top: 3px solid #7847b5;
}
body.elderberry-light-theme ul.custom-list-group.list-group li {
  border-radius: 0px;
  margin: 0;
}
body.elderberry-light-theme ul.custom-list-group.list-group li.active {
  background: #f1f1f1;
  border: 1px solid #909190;
}
body.elderberry-light-theme ul.custom-list-group.list-group li:hover {
  background: #f1f1f1;
}
body.elderberry-light-theme .color-schemes a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #404040;
  /******************
     * For Dark Themes
     ******************/
  /*******************
     * For Light Themes
     *******************/
}
body.elderberry-light-theme .color-schemes a.strawberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #851a35 50%, #15337e 100%);
}
body.elderberry-light-theme .color-schemes a.teal-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #1b6c5c 50%, #18ba9b 100%);
}
body.elderberry-light-theme .color-schemes a.fresh-apple-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #497125 50%, #74c52c 100%);
}
body.elderberry-light-theme .color-schemes a.blueberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #22647f 50%, #26aae0 100%);
}
body.elderberry-light-theme .color-schemes a.orange-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #8b392e 50%, #f9553e 100%);
}
body.elderberry-light-theme .color-schemes a.almond-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #885127 50%, #f38431 100%);
}
body.elderberry-light-theme .color-schemes a.lime-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #806a14 50%, #e2b60b 100%);
}
body.elderberry-light-theme .color-schemes a.elderberry-theme {
  background: linear-gradient(to right, #1e1e1e 0%, #4b3269 50%, #7847b5 100%);
}
body.elderberry-light-theme .color-schemes a.strawberry-light-theme {
  background: linear-gradient(to right, #15337e 0%, #f68ba5 50%, #ffffff 100%);
}
body.elderberry-light-theme .color-schemes a.teal-light-theme {
  background: linear-gradient(to right, #18ba9b 0%, #8bdccd 50%, #ffffff 100%);
}
body.elderberry-light-theme .color-schemes a.fresh-apple-light-theme {
  background: linear-gradient(to right, #74c52c 0%, #b9e295 50%, #ffffff 100%);
}
body.elderberry-light-theme .color-schemes a.blueberry-light-theme {
  background: linear-gradient(to right, #26aae0 0%, #92d4ef 50%, #ffffff 100%);
}
body.elderberry-light-theme .color-schemes a.orange-light-theme {
  background: linear-gradient(to right, #f9553e 0%, #fcaa9e 50%, #ffffff 100%);
}
body.elderberry-light-theme .color-schemes a.almond-light-theme {
  background: linear-gradient(to right, #f38431 0%, #f9c198 50%, #ffffff 100%);
}
body.elderberry-light-theme .color-schemes a.lime-light-theme {
  background: linear-gradient(to right, #e2b60b 0%, #f0da85 50%, #ffffff 100%);
}
body.elderberry-light-theme .color-schemes a.elderberry-light-theme {
  background: linear-gradient(to right, #7847b5 0%, #bba3da 50%, #ffffff 100%);
}
body.elderberry-light-theme .breadcrumb-page-title {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
body.elderberry-light-theme .breadcrumb-page-title h1 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
body.elderberry-light-theme .breadcrumb-page-title .breadcrumb {
  text-transform: capitalize;
}
body.elderberry-light-theme .todo-lists ul {
  padding: 0 10px;
}
body.elderberry-light-theme .todo-lists ul li {
  border-bottom: 1px solid #ccc;
  color: #909190;
  margin: 5px;
  padding: 10px;
}
body.elderberry-light-theme .todo-lists ul li label {
  font-weight: normal;
  text-decoration: none;
}
body.elderberry-light-theme .todo-lists ul li:last-child {
  border-bottom: none;
}
body.elderberry-light-theme .todo-lists ul li.active label {
  text-decoration: line-through;
}
body.elderberry-light-theme .pdf-viewer {
  height: 600px;
  width: 100%;
}
body.elderberry-light-theme .chart-dark-shadow {
  filter: drop-shadow(0 15px 2px rgba(0, 0, 0, 0.8));
}
body.elderberry-light-theme .chart-light-shadow {
  filter: drop-shadow(0 15px 5px rgba(0, 0, 0, 0.6));
}
@media (max-width: 460px) {
  body.elderberry-light-theme {
    /****************************************
   * Custom Media Block (Blog List & Cart)
   * Remove flex form media
   ****************************************/
  }
  body.elderberry-light-theme .breadcrumb-page-title h1 {
    font-size: 20px;
  }
  body.elderberry-light-theme .breadcrumb-page-title .breadcrumb {
    padding: 0;
  }
  body.elderberry-light-theme .media-block .media {
    display: block !important;
  }
  body.elderberry-light-theme .media-block .media img {
    width: 100% !important;
  }
}
body.elderberry-light-theme .select2-selection--multiple,
body.elderberry-light-theme
  .select2-container--default
  .select2-selection--single {
  border-radius: 0px !important;
}
body.elderberry-light-theme
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: 1px solid #7847b5;
}
body.elderberry-light-theme .select2-selection__choice,
body.elderberry-light-theme .select2-selection__choice__remove {
  background-color: #7847b5 !important;
  border: 1px solid #7847b5 !important;
  border-radius: 0px !important;
  color: #fff !important;
}
body.elderberry-light-theme .selectize-control.multi .selectize-input > div {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #7847b5;
  color: #fff;
}
body.elderberry-light-theme .img-gallery.ih-item.square {
  width: 100%;
}
body.elderberry-light-theme .img-gallery.ih-item.effect4 a:hover .info {
  width: 100%;
}
body.elderberry-light-theme .img-gallery .img {
  width: 100%;
  height: 100%;
}
body.elderberry-light-theme .ui-sortable .sortable-dragging,
body.elderberry-light-theme .ui-sortable .sortable-dragging * {
  cursor: move !important;
}
body.elderberry-light-theme .ui-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
}
body.elderberry-light-theme .ui-sortable .list-group-item {
  min-height: 45px;
}
body.elderberry-light-theme .todo-sortable .sortable-placeholder {
  border: 2px dotted #909190;
  background-color: #f7f7f7;
  min-height: 100px;
  margin-bottom: 20px;
}
body.elderberry-light-theme .context-menu-list.context-menu-root {
  padding: 0px;
}
body.elderberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item {
  padding: 10px 10px 10px 30px;
  color: #6e6e6e;
}
body.elderberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-icon--fa::before {
  color: #6e6e6e;
}
body.elderberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-hover {
  border-left: 2px solid #6e6e6e;
  background-color: #f1f1f1;
}
body.elderberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-not-selectable {
  padding: 0px;
  margin: 0px;
}
body.elderberry-light-theme
  .context-menu-list.context-menu-root
  .context-menu-item.context-menu-submenu::after {
  border-color: transparent transparent transparent #6e6e6e;
  border-width: 5px 0 5px 5px;
}
body.elderberry-light-theme .google-road-map #panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
body.elderberry-light-theme .google-road-map #bar {
  width: 240px;
  background-color: rgba(255, 255, 255, 0.75);
  margin: 8px;
  padding: 4px;
  border-radius: 4px;
}
body.elderberry-light-theme .google-road-map #autoc {
  width: 100%;
  box-sizing: border-box;
}
body.elderberry-light-theme
  .bootstrap-switch
  .bootstrap-switch-handle-on.bootstrap-switch-theme {
  background: #7847b5;
  color: #fff;
}
body.elderberry-light-theme #product-edit .note-editor .modal-body {
  margin: 0px 10px;
}
body.elderberry-light-theme
  .introjs-tooltipReferenceLayer
  .introjs-helperNumberLayer {
  left: 10px;
}
body.elderberry-light-theme .config .barcode2D {
  display: none;
}
body.elderberry-light-theme .miscCanvas {
  display: none;
}
body.elderberry-light-theme .card-wrapper .jp-card {
  min-width: 100%;
}
body.elderberry-light-theme .dropzone {
  min-height: 140px;
  border: 1px dashed #2c2b2b;
  background: #fff;
  padding: 20px 20px;
  font-size: 20px;
}
body.elderberry-light-theme .animate-word {
  font-size: 7rem;
  color: #f35626;
  background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  -moz-animation: hue 60s infinite linear;
  -ms-animation: hue 60s infinite linear;
  -o-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@media (max-width: 500px) {
  body.elderberry-light-theme .mega {
    font-size: 4rem;
  }
}
body.elderberry-light-theme .split-section {
  height: 250px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
body.elderberry-light-theme .split-section .split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
body.elderberry-light-theme .split-section .split.split-horizontal {
  height: 100%;
  float: left;
}
body.elderberry-light-theme .gutter {
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}
body.elderberry-light-theme .gutter.gutter-horizontal {
  background-image: url(../../lib/Split.js/grips/vertical.png);
  cursor: ew-resize;
  height: 100%;
  float: left;
}
body.elderberry-light-theme .gutter.gutter-vertical {
  background-image: url(../../lib/Split.js/grips/horizontal.png);
  cursor: ns-resize;
}
body.elderberry-light-theme .dropdown-menu-right {
  right: 0;
  left: auto;
}
body.elderberry-light-theme .fileinput-preview {
  max-height: 150px;
}
body.elderberry-light-theme .sidebar {
  /**********************************
   * Left Sidebar (Sidebar Version 1)
   **********************************/
  /*************************
   * Sidebar Version 2
   * Used in sidebar-v2.html
   *************************/
  /***************
   * Fixed Sidebar
   ***************/
}
body.elderberry-light-theme .sidebar.sidebar-v1 {
  width: 230px;
  position: absolute;
  top: 50px;
  z-index: 99;
  background: #1e1e1e;
  color: #909190;
  min-height: 100%;
  height: 100% !important;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .sidebar-search {
  border-top: 1px solid #2c2b2b;
}
body.elderberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-search
  input[type="text"] {
  -webkit-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -4px 26px -5px rgba(0, 0, 0, 0.75);
  border: 0px;
  height: 40px;
  color: #909190;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .division:before {
  content: " ";
  border-bottom: 1px solid #2c2b2b;
  width: 100%;
  display: block;
  margin: 20px 0;
}
body.elderberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box {
  padding: 5px 10px;
  border-bottom: 1px solid #2c2b2b;
}
body.elderberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details {
  width: 195px;
  padding-left: 20px;
}
body.elderberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-from {
  color: #ccc;
  font-size: 12px;
}
body.elderberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box
  .mail-details
  .mail-subject {
  font-size: 12px;
  color: #ccc;
}
body.elderberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-mail-content
  .sidebar-mail-box:hover {
  background: #2c2b2b;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .sidebar-statistics {
  padding: 0 0 50px 0;
}
body.elderberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-statistics
  .statistics-font-color {
  color: #909190;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .sidebar-statistics table {
  width: 100%;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .sidebar-statistics table tr {
  border-top: 1px solid #2c2b2b;
}
body.elderberry-light-theme .sidebar.sidebar-v1 span.label {
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 3px 5px;
  margin-left: 2px;
  min-width: 25px;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .vertical-menu {
  -webkit-box-shadow: inset 0px 5px 16px -8px #000000;
  -moz-box-shadow: inset 0px 5px 16px -8px #000000;
  -o-box-shadow: inset 0px 5px 16px -8px #000000;
  -ms-box-shadow: inset 0px 5px 16px -8px #000000;
  box-shadow: inset 0px 5px 16px -8px #000000;
  padding: 5px 0;
  border-bottom: 1px solid #2c2b2b;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul {
  display: inline-block;
  text-align: center;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li {
  min-width: 50px;
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 2px;
  margin-left: 5px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active,
body.elderberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover {
  background-color: #7847b5;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li.active a,
body.elderberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li:hover a {
  color: #fff;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .vertical-menu ul li a {
  color: #fff;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .sidebar-menu {
  padding: 0 0 50px 0;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li a .menu-icon {
  font-size: 16px;
  margin-right: 10px;
}
body.elderberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a
  .fa-angle-right {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li a:hover {
  background: #2c2b2b;
  border-right: 2px solid #7847b5;
  padding: 10px 13px 10px 15px;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li a.active {
  padding: 10px 15px 10px 15px !important;
  background: #2c2b2b;
  border-right: 2px solid #7847b5;
}
body.elderberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  a.active
  .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.elderberry-light-theme .sidebar.sidebar-v1 .sidebar-menu li .sub-menu {
  padding: 0px;
  background-color: #1e1e1e;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  -ms-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  -webkit-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 19px -1px rgba(0, 0, 0, 0.5);
}
body.elderberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list.active {
  background: #2c2b2b;
  border-right: 2px solid #7847b5;
}
body.elderberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a {
  padding-left: 30px;
}
body.elderberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu
  .sub-list
  a
  i {
  margin-right: 10px;
  font-size: 15px;
}
body.elderberry-light-theme
  .sidebar.sidebar-v1
  .sidebar-menu
  li
  .sub-menu.open {
  max-height: 100%;
}
body.elderberry-light-theme .sidebar.sidebar-v1.fixed {
  position: fixed;
}
body.elderberry-light-theme .sidebar.sidebar-v2 {
  position: absolute;
  min-height: 100%;
  height: 100% !important;
  width: 230px;
  z-index: 99;
  top: 50px;
  background-color: #1e1e1e;
  transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s;
  -moz-transition: -moz-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -o-transition: -o-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
  -ms-transition: -ms-transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .sidebar-menu {
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0 0 50px 0;
  white-space: nowrap;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .sidebar-menu .active {
  background: #2c2b2b;
  border-right: 2px solid #7847b5;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li {
  margin: 0;
  padding-right: 2px;
  position: relative;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li .badge {
  margin-right: 5px;
  margin-top: 3px;
}
body.elderberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  .treeview-menu
  > li
  > a
  > .fa-angle-down {
  width: auto;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a {
  padding: 10px 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  width: 100%;
  display: block;
  position: relative;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a i.fa {
  -webkit-animation-duration: 7s;
  -moz-animation-duration: 7s;
  -ms-animation-duration: 7s;
  -o-animation-duration: 7s;
  animation-duration: 7s;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li > a > .fa {
  width: 25px;
}
body.elderberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li
  > a
  > .fa-angle-right {
  float: none;
  height: auto;
  margin-top: 3px;
  position: absolute;
  right: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li .label {
  position: absolute;
  margin-top: 2px;
  right: 0;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li.active {
  padding-right: 0;
}
body.elderberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > a
  > .fa-angle-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
}
body.elderberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  li.active
  > .treeview-menu {
  display: block;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li.header {
  font-size: 12px;
  overflow: hidden;
  padding: 10px 25px 10px 15px;
  white-space: nowrap;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .sidebar-menu li:hover {
  background: #2c2b2b;
  border-right: 2px solid #7847b5;
  padding-right: 0;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .sidebar-menu .treeview-menu {
  background: #1e1e1e none repeat scroll 0 0;
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
body.elderberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li {
  margin: 0;
  padding: 5px;
}
body.elderberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a {
  display: block;
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  position: relative;
}
body.elderberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > .fa-angle-right {
  width: auto;
}
body.elderberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i {
  width: 25px;
}
body.elderberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li
  > a
  > i:first-of-type {
  margin-right: 5px;
}
body.elderberry-light-theme
  .sidebar.sidebar-v2
  .sidebar-menu
  .treeview-menu
  > li:hover {
  padding-right: 3px;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .sidebar-menu:hover {
  overflow: visible;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .user-panel {
  border-top: 1px solid #2c2b2b;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .user-panel img {
  height: auto;
  max-width: 45px;
  width: 100%;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .user-panel h5 {
  font-size: 20px;
  color: #ccc;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .user-panel p {
  font-size: 12px;
  color: #909190;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .user-panel span {
  color: #909190;
  font-size: 16px;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .user-panel a:last-child {
  display: none;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .profile-nav {
  background: #2c2b2b;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .profile-nav ul {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
body.elderberry-light-theme .sidebar.sidebar-v2 .profile-nav ul li {
  padding: 10px;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .profile-nav ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut {
  overflow: hidden;
  max-height: 0;
  background: #2c2b2b;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
body.elderberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul {
  width: 100%;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #909190;
  text-decoration: none;
  display: table;
}
body.elderberry-light-theme .sidebar.sidebar-v2 .mainnav-shortcut ul li a > i {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
}
body.elderberry-light-theme
  .sidebar.sidebar-v2
  .mainnav-shortcut
  ul
  li
  a
  > span {
  display: table-cell;
  vertical-align: middle;
}
body.elderberry-light-theme .sidebar.fixed-sidebar {
  position: fixed;
  height: 100% !important;
}
body.elderberry-light-theme .sidebar-mini .nav-block .btn:focus {
  box-shadow: none !important;
}
body.elderberry-light-theme .sidebar-mini .toggle-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 24px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  body.elderberry-light-theme .main-wrapper {
    margin-left: 230px;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-open.sidebar-collapse
    .main-wrapper {
    margin-left: 0;
  }
  body.elderberry-light-theme .wrapper.sidebar-collapse .main-wrapper {
    margin-left: 0;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .main-wrapper {
    margin-left: 50px !important;
    z-index: 840;
  }
  body.elderberry-light-theme .wrapper.sidebar-mini.sidebar-collapse .footer {
    margin-left: 50px;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    width: 50px !important;
    z-index: 99;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:first-child {
    display: none;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a:last-child {
    display: block;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-v2
    .user-panel
    a
    .info {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li {
    position: relative;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a {
    margin-right: 0;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .fa-angle-right {
    display: none;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > span {
    border-top-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    > .pull-right {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > a
    i {
    zoom: 1.5;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 4px;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 4px;
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span {
    background-color: #2c2b2b;
    margin-left: 0;
    padding: 13px 5px 12px 20px;
    top: 0;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > a
    > span:not(.pull-right) {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li:hover
    > .treeview-menu {
    display: block !important;
    left: 48px;
    position: absolute;
    width: 220px;
    margin-left: 0;
    top: 40px;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .sidebar-menu
    li.header {
    display: none !important;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut {
    max-height: 200px;
    -webkit-transition: max-height 0.7s linear 0.2s;
    -moz-transition: max-height 0.7s linear 0.2s;
    -o-transition: max-height 0.7s linear 0.2s;
    -ms-transition: max-height 0.7s linear 0.2s;
    transition: max-height 0.7s linear 0.2s;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li {
    width: 100%;
    text-align: left;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    a {
    height: auto;
    display: block;
    padding: 12px 18.5px;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li
    i {
    font-size: 13px;
    line-height: 1.42857;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .mainnav-shortcut
    > ul
    > li:hover {
    border-right: 2px solid #7847b5;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .profile-nav {
    display: none;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut {
    background-color: #2c2b2b !important;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: block !important;
    margin-top: -40px;
    margin-left: -6px;
    border-radius: 0;
    padding: 3px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    width: 150px;
    left: 50px !important;
    border: none;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut
    > .arrow {
    display: none;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover.mainnav-shortcut.in {
    -webkit-animation: fadeIn 0.3s;
    -moz-animation: fadeIn 0.3s;
    -ms-animation: fadeIn 0.3s;
    -o-animation: fadeIn 0.3s;
    animation: fadeIn 0.3s;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-mini.sidebar-collapse
    .popover
    .popover-body {
    color: #909190;
  }
}
@media (max-width: 767px) {
  body.elderberry-light-theme .menu-toggle {
    display: block !important;
  }
  body.elderberry-light-theme .sidebar-v1 {
    left: -230px;
  }
  body.elderberry-light-theme .footer {
    margin-left: 0;
  }
  body.elderberry-light-theme .wrapper.sidebar-mini .header .logo {
    width: auto;
  }
  body.elderberry-light-theme .wrapper.sidebar-mini .header .logo a h2 {
    margin-left: 40px;
  }
  body.elderberry-light-theme
    .wrapper.sidebar-open.sidebar-collapse
    .main-wrapper {
    margin-left: 0;
  }
  body.elderberry-light-theme .wrapper.sidebar-open .main-wrapper {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.elderberry-light-theme .wrapper.sidebar-open .footer {
    margin-left: 0;
    -webkit-transform: translate(230px, 0px);
    -moz-transform: translate(230px, 0px);
    -o-transform: translate(230px, 0px);
    -ms-transform: translate(230px, 0px);
    transform: translate(230px, 0px);
  }
  body.elderberry-light-theme .wrapper.sidebar-open .sidebar-v2 {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  body.elderberry-light-theme .wrapper .sidebar-v2 {
    -webkit-transform: translate(-230px, 0px);
    -moz-transform: translate(-230px, 0px);
    -o-transform: translate(-230px, 0px);
    -ms-transform: translate(-230px, 0px);
    transform: translate(-230px, 0px);
  }
}
@-webkit-keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes "fadeIn" {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.elderberry-light-theme .right-sidebar {
  top: 50px;
  right: -320px;
  background-color: #fff;
  position: absolute;
  width: 315px;
  z-index: 95;
  min-height: 100%;
  height: 100%;
  border-top: 1px solid #f1f1f1;
  -webkit-box-shadow: 0px 0 10px 1px #8a8a8a;
  -moz-box-shadow: 0px 0 10px 1px #8a8a8a;
  -o-box-shadow: 0px 0 10px 1px #8a8a8a;
  -ms-box-shadow: 0px 0 10px 1px #8a8a8a;
  box-shadow: 0px 0 10px 1px #8a8a8a;
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
}
body.elderberry-light-theme .right-sidebar .nav-tabs {
  border-bottom: 1px solid #f1f1f1;
}
body.elderberry-light-theme .right-sidebar .nav-tabs li a {
  border-radius: 0;
  color: #1e1e1e;
  border: none;
  margin: 0px;
}
body.elderberry-light-theme .right-sidebar .nav-tabs li a:focus {
  background-color: #7847b5;
  color: #fff;
  border-bottom: 2px solid #603990;
}
body.elderberry-light-theme .right-sidebar .nav-tabs li a:hover {
  background-color: #7847b5;
  color: #fff;
  border-bottom: 2px solid #603990;
}
body.elderberry-light-theme .right-sidebar .nav-tabs li a.active {
  background-color: #7847b5;
  color: #fff;
  border-bottom: 2px solid #603990;
}
body.elderberry-light-theme
  .right-sidebar
  .tab-content
  .input-group
  .input-group-addon {
  border-radius: 0 !important;
  background-color: transparent;
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.elderberry-light-theme .right-sidebar .tab-content input {
  border: 1px solid #f1f1f1;
  color: #6e6e6e;
}
body.elderberry-light-theme .right-sidebar .tab-content textarea {
  color: #6e6e6e;
}
body.elderberry-light-theme .right-sidebar .tab-content #chat {
  padding-bottom: 50px;
}
body.elderberry-light-theme .right-sidebar .tab-content #chat .small-badges {
  border: 2px solid #fff !important;
  border-radius: 20px;
  height: 12px;
  left: 10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 31px;
  width: 12px;
}
body.elderberry-light-theme
  .right-sidebar
  .tab-content
  #chat
  .small-badges.active {
  background-color: #00a65a;
}
body.elderberry-light-theme
  .right-sidebar
  .tab-content
  #chat
  .small-badges.offline {
  background-color: #dd4b39;
}
body.elderberry-light-theme
  .right-sidebar
  .tab-content
  #chat
  .small-badges.idle {
  background-color: #f39c12;
}
body.elderberry-light-theme .right-sidebar .tab-content #chat .content-body a {
  padding: 5px 7px;
  color: #6e6e6e;
}
body.elderberry-light-theme
  .right-sidebar
  .tab-content
  #chat
  .content-body
  a:hover {
  background-color: #7847b5;
  border-radius: 50%;
  color: #fff;
}
body.elderberry-light-theme .right-sidebar .tab-content #chat h5 {
  color: #6e6e6e;
}
body.elderberry-light-theme .right-sidebar .tab-content #chat p {
  color: #909190;
}
body.elderberry-light-theme .right-sidebar .tab-content #tasks {
  color: #6e6e6e;
}
body.elderberry-light-theme .right-sidebar .tab-content #tasks .tasks-col {
  border-bottom: 1px solid #f1f1f1;
}
body.elderberry-light-theme .right-sidebar .tab-content #tasks p,
body.elderberry-light-theme .right-sidebar .tab-content #tasks h6 {
  color: #909190;
}
body.elderberry-light-theme .right-sidebar .tab-content #tasks ul {
  list-style: none;
}
body.elderberry-light-theme .right-sidebar .tab-content #tasks ul li {
  padding: 10px;
}
body.elderberry-light-theme .right-sidebar .tab-content #tasks ul li a {
  color: #6e6e6e;
}
body.elderberry-light-theme .right-sidebar .chat-sidebar-chat {
  position: absolute;
  bottom: 0;
  top: 44px;
  width: 100%;
  background: #fff;
  right: -315px;
  -webkit-transition: right 0.1s linear 0.2s;
  -moz-transition: right 0.1s linear 0.2s;
  -o-transition: right 0.1s linear 0.2s;
  -ms-transition: right 0.1s linear 0.2s;
  transition: right 0.1s linear 0.2s;
  z-index: 9999;
}
body.elderberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  h5 {
  background: #b7b7b7;
}
body.elderberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::after {
  content: " ";
  display: table;
  clear: both;
}
body.elderberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message::before {
  content: " ";
  display: table;
}
body.elderberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body {
  background-color: #b7b7b7;
  color: #fff;
  margin-left: 0;
  margin-right: 45px;
}
body.elderberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message.from-me
  .message-body::before {
  border-left-color: #b7b7b7;
  border-right-color: transparent;
  left: 100%;
  right: auto;
}
body.elderberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body {
  background-color: #7847b5;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-left: 45px;
  padding: 10px;
  position: relative;
}
body.elderberry-light-theme
  .right-sidebar
  .chat-sidebar-chat
  .content-chat-body
  .message-body::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #7847b5 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  position: absolute;
  right: 100%;
  top: 8px;
  width: 0;
}
body.elderberry-light-theme
  .right-sidebar
  .chat-sidebar-chat.chat-sidebar-chat-show {
  right: 0;
  -webkit-transition: right 0.2s linear 0.2s;
  -moz-transition: right 0.2s linear 0.2s;
  -o-transition: right 0.2s linear 0.2s;
  -ms-transition: right 0.2s linear 0.2s;
  transition: right 0.2s linear 0.2s;
}
body.elderberry-light-theme .right-sidebar .right-sidebar-setting label {
  color: #6e6e6e;
}
body.elderberry-light-theme .right-sidebar .right-sidebar-setting h4 {
  color: #6e6e6e;
  border-top: 1px solid #f1f1f1;
}
body.elderberry-light-theme .right-sidebar .right-sidebar-setting small,
body.elderberry-light-theme .right-sidebar .right-sidebar-setting p {
  color: #909190;
}
body.elderberry-light-theme .right-sidebar.right-sidebar-toggle {
  -webkit-transition: right 200ms ease-out;
  -moz-transition: right 200ms ease-out;
  -o-transition: right 200ms ease-out;
  -ms-transition: right 200ms ease-out;
  transition: right 200ms ease-out;
  right: 0;
}
body.elderberry-light-theme.boxed-layout {
  max-width: 1180px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 15px 2px #909190;
  -moz-box-shadow: 0px 0px 15px 2px #909190;
  -o-box-shadow: 0px 0px 15px 2px #909190;
  -ms-box-shadow: 0px 0px 15px 2px #909190;
  box-shadow: 0px 0px 15px 2px #909190;
  background: #fff url(../../images/fixed-width-bg.png);
  background-attachment: fixed;
}
body.elderberry-light-theme.boxed-layout .header.fixed-navbar .navbar-lg {
  width: 1180px;
  margin: 0 auto !important;
}
body.elderberry-light-theme.boxed-layout .footer {
  max-width: 1180px;
}
body.elderberry-light-theme.boxed-layout .footer.fixed {
  margin: 0 auto;
  padding-left: 230px;
  width: 1180px;
}
body.elderberry-light-theme.boxed-layout .sidebar-collapse .footer {
  margin-left: 50px;
}
body.elderberry-light-theme.boxed-layout .sidebar-collapse .footer.fixed {
  margin: 0 auto;
  max-width: 1180px;
  padding-left: 50px;
}
body.elderberry-light-theme.boxed-layout .main-header {
  max-width: 1180px;
  margin: 0 auto !important;
}
body.elderberry-light-theme.boxed-layout .content-wrapper {
  padding: 5px 10px 0 30px;
}
body.elderberry-light-theme.boxed-layout .settings-menu {
  position: absolute;
}
body.elderberry-light-theme.boxed-layout .right-sidebar {
  z-index: 9;
}
@media (min-width: 1180px) {
  body.elderberry-light-theme.boxed-layout .dashboard-widgets-box {
    width: 100%;
  }
  body.elderberry-light-theme.boxed-layout .dashboard-widgets-box-half {
    width: 50%;
  }
}
@media (max-width: 1180px) {
  body.elderberry-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  body.elderberry-light-theme.boxed-layout.toggle-sidebar .footer.fixed {
    padding-left: 230px;
  }
  body.elderberry-light-theme.boxed-layout .footer.fixed {
    width: 100% !important;
    padding-left: 0 !important;
  }
}
body.elderberry-light-theme .header .menu-toggle {
  background-color: transparent;
  border: none;
  font-size: 24px;
  padding: 3px 13px 0 13px;
  display: none;
  color: #ccc;
  left: 0;
}
body.elderberry-light-theme .header .logo {
  width: 230px;
  height: 50px;
  padding: 5px 0 0 0;
  background: #1e1e1e;
  -webkit-transition: left 200ms ease-out;
  -moz-transition: left 200ms ease-out;
  -o-transition: left 200ms ease-out;
  -ms-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}
body.elderberry-light-theme .header .logo .btn:focus {
  box-shadow: none !important;
}
body.elderberry-light-theme .header .logo a h2 {
  margin: 0 0 0 40px;
  font-family: "Maven Pro", sans-serif;
  color: #7847b5;
}
body.elderberry-light-theme .header .navbar {
  border: none !important;
}
body.elderberry-light-theme .header .navbar-lg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  border-radius: 0;
  color: #ccc;
  height: 170px;
  max-height: 50px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 998;
  margin: 0 0 0 250px;
}
body.elderberry-light-theme .header .navbar-lg .nav-block {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
}
body.elderberry-light-theme .header .navbar-lg .setting-block {
  height: 100%;
  display: none;
}
body.elderberry-light-theme .header .navbar-lg .setting-block .top-block {
  height: 50px;
  padding-left: 251px;
}
body.elderberry-light-theme
  .header
  .navbar-lg
  .setting-block
  .top-block
  .menu-item {
  display: inline-block;
  padding: 5px;
  margin-left: 15px;
}
body.elderberry-light-theme .header .navbar-lg .open {
  max-height: 170px;
}
body.elderberry-light-theme .header .navbar-lg .open .setting-block {
  display: block;
}
body.elderberry-light-theme .header .nav-menu-list {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
body.elderberry-light-theme .header .nav-menu-list .notice-label {
  position: absolute;
  right: 5px;
  text-align: center;
  font-size: 9px;
  line-height: 0.9;
  padding: 2px 3px;
  top: 10px;
}
body.elderberry-light-theme .header .nav-menu-list ul > li > a > span {
  padding-left: 5px;
}
body.elderberry-light-theme .header .nav-menu-list:hover {
  color: #909190;
}
body.elderberry-light-theme .header .nav-profile .nav-link {
  display: block;
  padding: 13px 12px !important;
  color: #1e1e1e;
}
body.elderberry-light-theme .header .nav-link {
  display: block;
  padding: 14px 12px;
  color: #1e1e1e;
}
body.elderberry-light-theme .header .nav-link:hover {
  opacity: 0.9;
  background-color: #7847b5;
  color: #fff;
}
body.elderberry-light-theme .header .nav-link:focus {
  opacity: 0.9;
  background-color: #7847b5;
  color: #fff;
}
body.elderberry-light-theme .header.fixed-navbar .navbar-lg {
  position: fixed;
}
body.elderberry-light-theme .notification-dropdown .dropdown-toggle::after {
  display: none;
}
body.elderberry-light-theme .notification-dropdown .list-block {
  max-height: 200px;
  padding-left: 0;
  width: 250px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body.elderberry-light-theme .notification-dropdown .list-block li {
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
}
body.elderberry-light-theme .notification-dropdown .list-block li a {
  color: #6e6e6e;
  padding: 10px;
  text-decoration: none;
  display: block;
}
body.elderberry-light-theme .notification-dropdown .list-block li a span {
  padding-left: 10px;
}
body.elderberry-light-theme .notification-dropdown .list-block li:hover {
  background: #f6f6f6;
  opacity: 0.9;
}
body.elderberry-light-theme .notification-dropdown .list-block li:focus {
  background: #f6f6f6;
  opacity: 0.9;
}
body.elderberry-light-theme .notification-dropdown .header {
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 3px 10px;
  font-size: 13px;
}
body.elderberry-light-theme .notification-dropdown .navbar-footer {
  text-align: center;
  font-size: 11px;
  cursor: pointer;
  line-height: 20px;
  color: #6e6e6e;
}
body.elderberry-light-theme .settings-menu {
  background: #fff;
  position: absolute;
  left: 40%;
  right: 0;
  top: 50px;
  z-index: 99;
  margin: 0 auto;
  width: auto;
  max-width: 1810px;
  display: none;
  color: #1e1e1e;
  border: 1px solid #ccc;
  overflow-y: auto;
}
body.elderberry-light-theme .settings-menu .settings-header {
  display: inline-block;
  border-bottom: 1px solid #ccc;
}
body.elderberry-light-theme .settings-menu .settings-header div {
  display: table-cell;
}
body.elderberry-light-theme .settings-menu .setting-box {
  color: #2c2b2b;
  background-color: #f1f1f1;
}
body.elderberry-light-theme .settings-menu-fixed {
  position: fixed !important;
}
body.elderberry-light-theme .nav-profile .nav-link span.active {
  color: #7847b5;
  left: 35px;
  position: absolute;
  top: 30px;
}
body.elderberry-light-theme .nav-profile .dropdown-menu {
  background: #fff none repeat scroll 0 0;
  color: #1e1e1e;
  border-top: 1px solid #f1f1f1;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  left: -100px !important;
  margin: 45px auto 20px auto;
  width: 163%;
  -webkit-box-shadow: 0px 0 10px 1px #2c2b2b;
  -moz-box-shadow: 0px 0 10px 1px #2c2b2b;
  -o-box-shadow: 0px 0 10px 1px #2c2b2b;
  -ms-box-shadow: 0px 0 10px 1px #2c2b2b;
  box-shadow: 0px 0 10px 1px #2c2b2b;
}
body.elderberry-light-theme .nav-profile .dropdown-menu h5 {
  font-size: 18px;
}
body.elderberry-light-theme .nav-profile .dropdown-menu p {
  font-size: 12px;
}
body.elderberry-light-theme .nav-profile .dropdown-menu span.active {
  color: #7847b5;
  font-size: 20px;
  left: 150px;
  position: absolute;
  top: 60px;
}
body.elderberry-light-theme .nav-profile .dropdown-menu .menu-links {
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid #f1f1f1;
}
body.elderberry-light-theme .nav-profile .dropdown-menu .menu-links .link-menu {
  color: #1e1e1e;
}
body.elderberry-light-theme .nav-profile .dropdown-menu .menu-links:hover {
  background: #7847b5 none repeat scroll 0 0;
  border-left: 2px solid #603990;
  color: #fff;
}
body.elderberry-light-theme .nav-profile .dropdown-menu .menu-links:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  body.elderberry-light-theme .header .logo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
  }
  body.elderberry-light-theme .header .logo a h2 {
    margin-left: 0px;
  }
  body.elderberry-light-theme .navbar-lg .nav-block {
    padding-left: 0px !important;
  }
  body.elderberry-light-theme .nav-profile .dropdown-toggle::after {
    display: none;
  }
  body.elderberry-light-theme .nav-profile .dropdown-menu {
    left: -160px !important;
    min-width: 210px;
  }
  body.elderberry-light-theme .nav-profile .dropdown-menu span.active {
    color: #7847b5;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 460px) {
  body.elderberry-light-theme .header .menu-toggle {
    padding: 3px 10px 0 10px;
  }
  body.elderberry-light-theme .header .logo {
    width: 190px;
  }
  body.elderberry-light-theme .header .nav-profile .nav-link {
    padding: 12px 5px 14px 5px !important;
  }
  body.elderberry-light-theme .header .nav-link {
    padding: 12px 5px 17px 5px;
  }
  body.elderberry-light-theme .nav-profile .dropdown-menu {
    left: -170px !important;
    min-width: 210px;
  }
  body.elderberry-light-theme .nav-profile .dropdown-menu span.active {
    color: #7847b5;
    font-size: 20px;
    left: 118px;
    position: absolute;
    top: 60px;
  }
}
@media (max-width: 575px) {
  body.elderberry-light-theme .notification-dropdown .list-block {
    width: 220px !important;
  }
}
body.elderberry-light-theme .image-grid > li {
  float: left;
  width: 25%;
  padding: 1px;
}
body.elderberry-light-theme .image-grid > li a {
  display: block;
  padding-top: 60%;
  overflow: hidden;
  position: relative;
}
body.elderberry-light-theme .image-grid > li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
body.elderberry-light-theme .image-grid > li.main-image {
  width: 50%;
}
body.elderberry-light-theme .image-grid > li.image-number .number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  margin-top: -12px;
  text-align: center;
}
body.elderberry-light-theme .image-grid > li.image-number .number:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body.elderberry-light-theme .scrollToTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #7847b5;
  text-indent: -9999px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  z-index: 1000;
  display: none;
}
body.elderberry-light-theme .scrollToTop span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
body.elderberry-light-theme .scrollToTop:hover {
  background-color: #603990;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: "alpha(opacity=100)";
  -moz-filter: "alpha(opacity=100)";
  -o-filter: "alpha(opacity=100)";
}
@media print {
  body.elderberry-light-theme .breadcrumb-page-title,
  body.elderberry-light-theme .theme-setting-icon,
  body.elderberry-light-theme .theme-setting-menu,
  body.elderberry-light-theme .scrollToTop,
  body.elderberry-light-theme .right-sidebar,
  body.elderberry-light-theme .settings-menu,
  body.elderberry-light-theme .sidebar,
  body.elderberry-light-theme .header,
  body.elderberry-light-theme .footer,
  body.elderberry-light-theme .btn {
    display: none !important;
  }
  body.elderberry-light-theme .main-wrapper {
    margin-left: 0;
  }
}
body.elderberry-light-theme .pace {
  display: none;
}
body.elderberry-light-theme .page-loader-container {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
body.elderberry-light-theme .page-loader-container .page-loader {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 280px;
}
body.elderberry-light-theme
  .page-loader-container
  .page-loader
  .page-loader-bar {
  background-size: 280px 0.25em;
  height: 100%;
  position: relative;
  background-image: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -o-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -webkit-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background-image: -moz-linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  -webkit-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
  animation: cssload-width 2s cubic-bezier(0.45, 0, 1, 1) infinite;
}
body.elderberry-light-theme
  .page-loader-container
  .page-loader
  .page-loader-bar
  .page-loader-shadow {
  height: 40px;
  position: absolute;
  top: 100%;
  width: 100%;
  -webkit-transform: skew(45deg);
  -moz-transform: skew(45deg);
  -o-transform: skew(45deg);
  -ms-transform: skew(45deg);
  transform: skew(45deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: linear-gradient(to bottom, #eaecee, transparent);
  background-image: -o-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -webkit-linear-gradient(to bottom, #eaecee, transparent);
  background-image: -moz-linear-gradient(to bottom, #eaecee, transparent);
}
@keyframes cssload-width {
  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes cssload-width {
  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes cssload-width {
  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes cssload-width {
  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
body.elderberry-light-theme .profile .profile-block {
  position: relative;
  overflow: hidden;
  height: 200px;
}
body.elderberry-light-theme .profile .profile-block .profile-cover {
  background: url(../../images/profile/profile-cover.jpg) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.elderberry-light-theme .profile .profile-image {
  position: absolute;
  border: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
  left: 35px;
}
body.elderberry-light-theme .profile .profile-image .profile-avatar {
  height: 120px;
}
body.elderberry-light-theme .profile .profile-info {
  position: absolute;
  bottom: 10%;
  left: 200px;
  color: #fff;
}
body.elderberry-light-theme .profile .nav.nav-pills > li > a.active {
  color: #fff;
  background-color: #7847b5;
}
body.elderberry-light-theme .profile .nav.nav-pills > li > a.active:focus {
  color: #fff;
  background-color: #7847b5;
}
body.elderberry-light-theme .profile .nav.nav-pills > li > a.active:hover {
  color: #fff;
  background-color: #7847b5;
}
body.elderberry-light-theme .profile .nav.nav-pills > li > a {
  border-radius: 0;
  color: #7847b5;
}
body.elderberry-light-theme .profile .activity .activity-header:after {
  content: "";
  display: table;
  clear: both;
}
body.elderberry-light-theme .profile .activity .activity-header:before {
  content: "";
  display: table;
  clear: both;
}
body.elderberry-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
body.elderberry-light-theme
  .profile
  .activity
  .activity-header
  .activity-header-image
  img {
  max-width: 100%;
}
body.elderberry-light-theme .profile .activity .activity-content:after {
  content: "";
  display: table;
  clear: both;
}
body.elderberry-light-theme .profile .activity .activity-content:before {
  content: "";
  display: table;
  clear: both;
}
body.elderberry-light-theme .profile .photos img {
  height: 200px;
  width: 100%;
}
body.elderberry-light-theme .mail .text-yellow {
  color: #f39c12 !important;
}
body.elderberry-light-theme .mail .text-yellow-o {
  border-color: yellow;
  color: #fff !important;
}
body.elderberry-light-theme .mail .compose-btn {
  border-radius: 2px;
  height: 40px;
  padding: 7px;
}
body.elderberry-light-theme .mail ul li a {
  color: #909190;
}
body.elderberry-light-theme .mail .box-footer {
  background-color: #fff;
  border-radius: 0px 0px 3px 3px;
  border-top: 1px solid #f4f4f4;
  min-height: 55px;
}
body.elderberry-light-theme .mail .search input[type="text"] {
  width: 150px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
body.elderberry-light-theme .mail .search input[type="text"]:focus {
  width: 250px;
}
body.elderberry-light-theme .mail .search input[type="text"]:hover {
  width: 250px;
}
body.elderberry-light-theme .mail table > tbody > tr > td {
  position: relative;
  padding: 10px;
}
body.elderberry-light-theme .mail table > tbody > tr > td:first-child {
  padding-left: 15px;
}
body.elderberry-light-theme .mail table > tbody > tr > td a {
  color: #6e6e6e;
}
body.elderberry-light-theme .readmail p {
  padding: 0px 10px;
  margin-bottom: 0px;
  margin-top: 3px;
}
body.elderberry-light-theme .readmail .download-btn {
  padding: 2px 7px !important;
}
body.elderberry-light-theme .readmail .filebox {
  border: 1px solid #dbdbdb;
  float: left;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 250px;
}
body.elderberry-light-theme .readmail .filebox .file {
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #dbdbdb;
}
body.elderberry-light-theme .readmail .filebox .file i {
  padding-top: 40px;
}
body.elderberry-light-theme .readmail .filebox .file img {
  height: 148px;
}
body.elderberry-light-theme .readmail .filebox .filename {
  height: 70px;
}
body.elderberry-light-theme .mail .compose-mail {
  -webkit-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
body.elderberry-light-theme .mail .compose-mail .header {
  width: 100%;
  background: #fff;
  color: #9f9696;
  border-bottom: 1px solid #ddd;
}
body.elderberry-light-theme .mail .compose-mail .header .name {
  padding: 15px 0 0 15px;
  display: inline-block;
}
body.elderberry-light-theme .mail .compose-mail .header .action {
  display: inline-block;
  padding: 15px 15px 0 5px;
}
body.elderberry-light-theme .mail .compose-mail .compose-message {
  background: #fff;
}
body.elderberry-light-theme .mail .compose-mail .compose-message .mail-option {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  min-height: 45px;
}
body.elderberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group {
  margin-bottom: 0;
}
body.elderberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .form-group
  .form-control {
  padding-left: 10px;
  border: 0px solid;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body.elderberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border-color: none;
  outline: none;
}
body.elderberry-light-theme .mail .compose-mail .compose-message .message {
  height: 300px;
  overflow-x: hidden;
}
body.elderberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading {
  height: 35px;
  color: #9f9696;
  padding: 8px 0 0 10px;
}
body.elderberry-light-theme
  .mail
  .compose-mail
  .compose-message
  .mail-option
  .heading
  .tool {
  background: #ccc;
  margin-left: 10px;
  color: #2c2b2b;
  height: 27px;
  line-height: 17px;
}
body.elderberry-light-theme .mail .compose-mail .mail-footer {
  width: 100%;
  border-top: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}
body.elderberry-light-theme .mail .compose-mail .mail-footer .right-block {
  padding-right: 15px;
  padding-top: 2px;
}
body.elderberry-light-theme
  .mail
  .compose-mail
  .mail-footer
  .right-block
  .send {
  width: 90px;
  height: 35px;
}
body.elderberry-light-theme
  .mail
  .compose-mail
  .mail-footer
  .right-block
  .send:focus,
body.elderberry-light-theme
  .mail
  .compose-mail
  .mail-footer
  .right-block
  .tool {
  color: #fff;
}
body.elderberry-light-theme .mail .note-editor.note-frame.card {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.elderberry-light-theme .mail .note-editor.note-frame.card .close {
  display: none;
}
body.elderberry-light-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar.card-header {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 0px;
  background: #ddd;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
body.elderberry-light-theme
  .mail
  .note-editor.note-frame.card
  .note-toolbar:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: #ddd transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -15px;
  left: 110px;
}
body.elderberry-light-theme .mail .note-resizebar {
  display: none;
}
body.elderberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
body.elderberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list {
  height: 50px;
}
body.elderberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .label {
  color: #2c2b2b;
}
body.elderberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .email-list
  .caption {
  padding-left: 50px;
}
body.elderberry-light-theme
  .selectize-control.selectize-email.multi
  .selectize-dropdown
  .icon {
  height: 30px;
  width: 30px;
  background: #ccc;
  float: left;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 50%;
}
body.elderberry-light-theme
  .selectize-control.plugin-remove_button
  [data-value]
  .remove {
  border-left-color: #fff;
  color: #fff;
}
body.elderberry-light-theme
  .selectize-control.plugin-remove_button
  [data-value].active
  .remove {
  border-left-color: #fff;
  color: #fff;
}
@-webkit-keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes "loader-rotatePlane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px);
    -moz-transform: perspective(120px);
    -o-transform: perspective(120px);
    -ms-transform: perspective(120px);
    transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
    -moz-transform: perspective(120px) rotateY(180deg);
    -o-transform: perspective(120px) rotateY(180deg);
    -ms-transform: perspective(120px) rotateY(180deg);
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -o-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    -ms-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes "loader-rotateplane" {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes "loader-stretchdelay" {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-circleBounceDelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes "loader-cubeGridScaleDelay" {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    -moz-transform: scale3D(1, 1, 1);
    -o-transform: scale3D(1, 1, 1);
    -ms-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    -moz-transform: scale3D(0, 0, 1);
    -o-transform: scale3D(0, 0, 1);
    -ms-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@-webkit-keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes "loader-cubemove" {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-179deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-179deg);
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg)
      scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes "loader-scaleout" {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "loader-rotate" {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "loader-bouncedelay" {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateX(180deg);
    -moz-transform: perspective(140px) rotateX(180deg);
    -o-transform: perspective(140px) rotateX(180deg);
    -ms-transform: perspective(140px) rotateX(180deg);
    transform: perspective(140px) rotateX(180deg);
    opacity: 0;
  }
}
@keyframes "loader-foldCubeAngle" {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@-webkit-keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes "loader-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
body.elderberry-light-theme .loading-bars {
  background: #fff;
  margin: 20px;
  padding: 0;
}
body.elderberry-light-theme .loading-bars .loding-header {
  height: 50px;
  border-bottom: 1px solid #e3dede;
  color: #000;
}
body.elderberry-light-theme .loading-bars .loding-header .title {
  padding-top: 15px;
}
body.elderberry-light-theme .loader-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 40px auto;
  -webkit-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  -o-animation: loader-rotatePlane 1.2s infinite ease-in-out;
  animation: loader-rotatePlane 1.2s infinite ease-in-out;
}
body.elderberry-light-theme .spinner {
  width: 40px;
  height: 40px;
  background-color: #000;
  margin: 100px auto;
  -webkit-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: loader-rotateplane 1.2s infinite ease-in-out;
  -o-animation: loader-rotateplane 1.2s infinite ease-in-out;
  animation: loader-rotateplane 1.2s infinite ease-in-out;
}
body.elderberry-light-theme .circle-fadeIn {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
body.elderberry-light-theme .double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.elderberry-light-theme .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.elderberry-light-theme .spinner-stick {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
}
body.elderberry-light-theme .spinner-stick > div {
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -ms-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: loader-stretchdelay 1.2s infinite ease-in-out;
  animation: loader-stretchdelay 1.2s infinite ease-in-out;
}
body.elderberry-light-theme .spinner-stick .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.elderberry-light-theme .spinner-stick .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.elderberry-light-theme .spinner-stick .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.elderberry-light-theme .spinner-stick .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.elderberry-light-theme .loader-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.elderberry-light-theme .loader-circle .loader-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.elderberry-light-theme .loader-circle .loader-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: loader-circleBounceDelay 1.2s infinite ease-in-out both;
}
body.elderberry-light-theme .loader-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.elderberry-light-theme .loader-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.elderberry-light-theme .loader-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.elderberry-light-theme .loader-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.elderberry-light-theme .loader-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.elderberry-light-theme .loader-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.elderberry-light-theme .loader-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.elderberry-light-theme .loader-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.elderberry-light-theme .loader-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.elderberry-light-theme .loader-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.elderberry-light-theme .loader-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.elderberry-light-theme .loader-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.elderberry-light-theme .loader-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.elderberry-light-theme .loader-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.elderberry-light-theme .loader-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.elderberry-light-theme .loader-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.elderberry-light-theme .loader-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.elderberry-light-theme .loader-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.elderberry-light-theme .loader-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.elderberry-light-theme .loader-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.elderberry-light-theme .loader-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.elderberry-light-theme .loader-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.elderberry-light-theme .loader-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
body.elderberry-light-theme .loader-cube-grid .loader-cube {
  width: 33%;
  height: 33%;
  background-color: #000;
  float: left;
  -webkit-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -moz-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -ms-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  -o-animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: loader-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
body.elderberry-light-theme .loader-cube-grid .loader-cube1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.elderberry-light-theme .loader-cube-grid .loader-cube2 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.elderberry-light-theme .loader-cube-grid .loader-cube3 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
body.elderberry-light-theme .loader-cube-grid .loader-cube4 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.elderberry-light-theme .loader-cube-grid .loader-cube5 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.elderberry-light-theme .loader-cube-grid .loader-cube6 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.elderberry-light-theme .loader-cube-grid .loader-cube7 {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
body.elderberry-light-theme .loader-cube-grid .loader-cube8 {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
body.elderberry-light-theme .loader-cube-grid .loader-cube9 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
body.elderberry-light-theme .cube-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
body.elderberry-light-theme .cube1 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
}
body.elderberry-light-theme .cube2 {
  background-color: #000;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-cubemove 1.8s infinite ease-in-out;
  -moz-animation: loader-cubemove 1.8s infinite ease-in-out;
  -ms-animation: loader-cubemove 1.8s infinite ease-in-out;
  -o-animation: loader-cubemove 1.8s infinite ease-in-out;
  animation: loader-cubemove 1.8s infinite ease-in-out;
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.elderberry-light-theme .fade-out-spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-scaleout 1s infinite ease-in-out;
  -moz-animation: loader-scaleout 1s infinite ease-in-out;
  -ms-animation: loader-scaleout 1s infinite ease-in-out;
  -o-animation: loader-scaleout 1s infinite ease-in-out;
  animation: loader-scaleout 1s infinite ease-in-out;
}
body.elderberry-light-theme .dot-spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: loader-rotate 2s infinite linear;
  -moz-animation: loader-rotate 2s infinite linear;
  -ms-animation: loader-rotate 2s infinite linear;
  -o-animation: loader-rotate 2s infinite linear;
  animation: loader-rotate 2s infinite linear;
}
body.elderberry-light-theme .dot1 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
}
body.elderberry-light-theme .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-bounce 2s infinite ease-in-out;
  -moz-animation: loader-bounce 2s infinite ease-in-out;
  -ms-animation: loader-bounce 2s infinite ease-in-out;
  -o-animation: loader-bounce 2s infinite ease-in-out;
  animation: loader-bounce 2s infinite ease-in-out;
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.elderberry-light-theme .bounce-spinner {
  margin: 110px auto;
  width: 70px;
  text-align: center;
}
body.elderberry-light-theme .bounce-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -ms-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  -o-animation: loader-bouncedelay 1.4s infinite ease-in-out both;
  animation: loader-bouncedelay 1.4s infinite ease-in-out both;
}
body.elderberry-light-theme .bounce-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -ms-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body.elderberry-light-theme .bounce-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  -ms-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
body.elderberry-light-theme .loader-folding-cube {
  margin: 95px auto;
  width: 40px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
body.elderberry-light-theme .loader-folding-cube .loader-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.elderberry-light-theme .loader-folding-cube .loader-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -moz-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -ms-animation: loader-foldCubeAngle 2.4s infinite linear both;
  -o-animation: loader-foldCubeAngle 2.4s infinite linear both;
  animation: loader-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
body.elderberry-light-theme .loader-folding-cube .loader-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
body.elderberry-light-theme .loader-folding-cube .loader-cube2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
body.elderberry-light-theme .loader-folding-cube .loader-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
body.elderberry-light-theme .loader-folding-cube .loader-cube3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
body.elderberry-light-theme .loader-folding-cube .loader-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
body.elderberry-light-theme .loader-folding-cube .loader-cube4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
body.elderberry-light-theme .loader-fading-circle {
  margin: 90px auto;
  width: 40px;
  height: 65px;
  position: relative;
}
body.elderberry-light-theme .loader-fading-circle .loader-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body.elderberry-light-theme .loader-fading-circle .loader-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -moz-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -ms-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  -o-animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: loader-circleFadeDelay 1.2s infinite ease-in-out both;
}
body.elderberry-light-theme .loader-fading-circle .loader-circle2 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
body.elderberry-light-theme .loader-fading-circle .loader-circle2:before {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -ms-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
body.elderberry-light-theme .loader-fading-circle .loader-circle3 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
body.elderberry-light-theme .loader-fading-circle .loader-circle3:before {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
body.elderberry-light-theme .loader-fading-circle .loader-circle4 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
body.elderberry-light-theme .loader-fading-circle .loader-circle4:before {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -ms-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
body.elderberry-light-theme .loader-fading-circle .loader-circle5 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
body.elderberry-light-theme .loader-fading-circle .loader-circle5:before {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -ms-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
body.elderberry-light-theme .loader-fading-circle .loader-circle6 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
body.elderberry-light-theme .loader-fading-circle .loader-circle6:before {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -ms-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
body.elderberry-light-theme .loader-fading-circle .loader-circle7 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
body.elderberry-light-theme .loader-fading-circle .loader-circle7:before {
  -webkit-animation-delay: -0.6s;
  -moz-animation-delay: -0.6s;
  -ms-animation-delay: -0.6s;
  -o-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
body.elderberry-light-theme .loader-fading-circle .loader-circle8 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
body.elderberry-light-theme .loader-fading-circle .loader-circle8:before {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
body.elderberry-light-theme .loader-fading-circle .loader-circle9 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
body.elderberry-light-theme .loader-fading-circle .loader-circle9:before {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
body.elderberry-light-theme .loader-fading-circle .loader-circle10 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
body.elderberry-light-theme .loader-fading-circle .loader-circle10:before {
  -webkit-animation-delay: -0.3s;
  -moz-animation-delay: -0.3s;
  -ms-animation-delay: -0.3s;
  -o-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
body.elderberry-light-theme .loader-fading-circle .loader-circle11 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
body.elderberry-light-theme .loader-fading-circle .loader-circle11:before {
  -webkit-animation-delay: -0.2s;
  -moz-animation-delay: -0.2s;
  -ms-animation-delay: -0.2s;
  -o-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
body.elderberry-light-theme .loader-fading-circle .loader-circle12 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
body.elderberry-light-theme .loader-fading-circle .loader-circle12:before {
  -webkit-animation-delay: -0.1s;
  -moz-animation-delay: -0.1s;
  -ms-animation-delay: -0.1s;
  -o-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
body.elderberry-light-theme .contact-primary,
body.elderberry-light-theme .contact-secondary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.elderberry-light-theme .contact-primary .img-block .social,
body.elderberry-light-theme .contact-secondary .img-block .social {
  width: 100px;
}
body.elderberry-light-theme .contact-primary .img-block .social i,
body.elderberry-light-theme .contact-secondary .img-block .social i {
  padding-left: 3px;
}
body.elderberry-light-theme .contact-primary .contact-info,
body.elderberry-light-theme .contact-secondary .contact-info {
  color: #6e6e6e;
}
body.elderberry-light-theme .contact-primary .contact-info .info-block,
body.elderberry-light-theme .contact-secondary .contact-info .info-block {
  width: 90%;
}
body.elderberry-light-theme .contact-primary .contact-info .detail,
body.elderberry-light-theme .contact-secondary .contact-info .detail {
  margin: 5px 0px;
}
body.elderberry-light-theme .contact-primary .contact-info .detail.name,
body.elderberry-light-theme .contact-secondary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.elderberry-light-theme .contact-primary:hover,
body.elderberry-light-theme .contact-secondary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.elderberry-light-theme .contact-tertiary {
  background-color: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.elderberry-light-theme .contact-tertiary .img-block {
  -webkit-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 34px -34px rgba(0, 0, 0, 0.2);
}
body.elderberry-light-theme .contact-tertiary .img-block .contact-name {
  font-size: 20px;
  color: #6e6e6e;
}
body.elderberry-light-theme .contact-tertiary .contact-info {
  color: #6e6e6e;
}
body.elderberry-light-theme .contact-tertiary .contact-info .detail {
  margin: 5px 0px;
}
body.elderberry-light-theme .contact-tertiary .contact-info .detail.name {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
body.elderberry-light-theme .contact-tertiary .contact-info .social {
  width: 100px;
}
body.elderberry-light-theme .contact-tertiary .contact-info .social i {
  padding-left: 3px;
}
body.elderberry-light-theme .contact-tertiary:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
body.elderberry-light-theme .pricing .plan {
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #fff;
  border: 1px solid #ccc;
  color: #2c2b2b;
  position: relative;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.elderberry-light-theme .pricing .plan h3 {
  font-size: 20px;
  font-weight: normal;
  padding: 30px;
  margin: -20px -20px 50px -20px;
  background-color: #f1f1f1;
  background-image: -ms-linear-gradient(#fff, #f1f1f1);
  background-image: -moz-linear-gradient(#fff, #f1f1f1);
  background-image: -o-linear-gradient(#fff, #f1f1f1);
  background-image: -webkit-linear-gradient(#fff, #f1f1f1);
  background-image: linear-gradient(#fff, #f1f1f1);
}
body.elderberry-light-theme .pricing .plan h3 span {
  display: block;
  font: bold 20px/40px Georgia, Serif;
  color: #6e6e6e;
  background: #fff;
  border: 5px solid #fff;
  height: 50px;
  width: 100%;
  max-width: 150px;
  margin: 20px auto -50px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -webkit-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -moz-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -o-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  -ms-box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
  box-shadow: 5px 5px 20px #ccc inset, 8px 0 5px #909190 inset;
}
body.elderberry-light-theme .pricing .plan ul li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
body.elderberry-light-theme .pricing .plan .signup {
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px !important;
}
body.elderberry-light-theme .pricing .plan:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2;
}
@-webkit-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes "vertical-bounce-1" {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes "vertical-bounce-2-inverse" {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -o-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
body.elderberry-light-theme .vertical-timeline {
  position: relative;
  padding: 2em 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body.elderberry-light-theme .vertical-timeline::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 45px;
  height: 100%;
  width: 4px;
  background: #ccc;
}
body.elderberry-light-theme .vertical-timeline-block {
  margin: 2em 0;
  position: relative;
}
body.elderberry-light-theme .vertical-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}
body.elderberry-light-theme .vertical-timeline-block:first-child {
  margin-top: 0;
}
body.elderberry-light-theme .vertical-timeline-block:last-child {
  margin-bottom: 0;
}
body.elderberry-light-theme .vertical-timeline-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #fff;
  -moz-box-shadow: 0 0 0 4px #fff;
  -o-box-shadow: 0 0 0 4px #fff;
  -ms-box-shadow: 0 0 0 4px #fff;
  box-shadow: 0 0 0 4px #fff;
  height: 60px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 60px;
}
body.elderberry-light-theme .vertical-timeline-img i {
  display: block;
  left: 10%;
  margin-left: -12px;
  margin-top: -12px;
  position: relative;
  top: 45%;
  color: #fff;
  text-align: center;
}
body.elderberry-light-theme .vertical-timeline-content {
  background: #fff;
  border-radius: 0.25em;
  -webkit-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -moz-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -o-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  -ms-box-shadow: 0 3px 0 #f1f1f1 #ccc;
  box-shadow: 0 3px 0 #f1f1f1 #ccc;
  margin-left: 60px;
  padding: 1em;
  position: relative;
}
body.elderberry-light-theme .vertical-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}
body.elderberry-light-theme .vertical-timeline-content p {
  line-height: 1.6;
  margin: 1em 0;
}
body.elderberry-light-theme .vertical-timeline-content .vertical-read-more {
  display: inline-block;
}
body.elderberry-light-theme .vertical-timeline-content .vertical-date {
  display: inline-block;
  float: left;
  opacity: 0.7;
  padding: 0.8em 0;
}
body.elderberry-light-theme .vertical-timeline-content::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: 16px;
  width: 0;
}
@media only screen and (min-width: 1170px) {
  body.elderberry-light-theme .vertical-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  body.elderberry-light-theme .vertical-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
  body.elderberry-light-theme .vertical-timeline-block {
    margin: 4em 0;
  }
  body.elderberry-light-theme .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  body.elderberry-light-theme .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
  body.elderberry-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content {
    float: right;
  }
  body.elderberry-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  body.elderberry-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-read-more {
    float: right;
  }
  body.elderberry-light-theme
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content
    .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  body.elderberry-light-theme .vertical-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  body.elderberry-light-theme .cssanimations .vertical-timeline-img.is-hidden {
    visibility: hidden;
  }
  body.elderberry-light-theme .cssanimations .vertical-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-1 0.6s;
    -moz-animation: vertical-bounce-1 0.6s;
    -ms-animation: vertical-bounce-1 0.6s;
    -o-animation: vertical-bounce-1 0.6s;
    animation: vertical-bounce-1 0.6s;
  }
  body.elderberry-light-theme
    .cssanimations
    .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
  body.elderberry-light-theme
    .cssanimations
    .vertical-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: vertical-bounce-2 0.6s;
    -moz-animation: vertical-bounce-2 0.6s;
    -ms-animation: vertical-bounce-2 0.6s;
    -o-animation: vertical-bounce-2 0.6s;
    animation: vertical-bounce-2 0.6s;
  }
  body.elderberry-light-theme
    .cssanimations
    .vertical-timeline-block:nth-child(even)
    .vertical-timeline-content.bounce-in {
    -webkit-animation: vertical-bounce-2-inverse 0.6s;
    -moz-animation: vertical-bounce-2-inverse 0.6s;
    -ms-animation: vertical-bounce-2-inverse 0.6s;
    -o-animation: vertical-bounce-2-inverse 0.6s;
    animation: vertical-bounce-2-inverse 0.6s;
  }
  body.elderberry-light-theme .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  body.elderberry-light-theme .vertical-timeline-content::before {
    border-color: transparent transparent transparent #fff;
    left: 100%;
    top: 24px;
  }
  body.elderberry-light-theme .vertical-timeline-content .vertical-read-more {
    float: left;
  }
  body.elderberry-light-theme .vertical-timeline-content .vertical-date {
    font-size: 1rem;
    left: 122%;
    position: absolute;
    top: 6px;
    width: 100%;
  }
}
body.elderberry-light-theme .cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
body.elderberry-light-theme .cd-horizontal-timeline::before {
  content: "mobile";
  display: none;
}
body.elderberry-light-theme .cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
body.elderberry-light-theme .cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
body.elderberry-light-theme .cd-horizontal-timeline::after {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  right: 0;
  background-image: -webkit-linear-gradient(right, #f7f7f7);
  background-image: linear-gradient(to left, #f7f7f7);
}
body.elderberry-light-theme .cd-horizontal-timeline::before {
  content: "";
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  left: 0;
  background-image: -webkit-linear-gradient(left, #f7f7f7);
  background-image: linear-gradient(to right, #f7f7f7);
}
body.elderberry-light-theme .cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #7847b5;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
body.elderberry-light-theme .cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ccc;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
body.elderberry-light-theme .cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1rem;
  padding-bottom: 15px;
  color: #2c2b2b;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
body.elderberry-light-theme .cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #f7f7f7;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
body.elderberry-light-theme .cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
body.elderberry-light-theme .cd-horizontal-timeline .events a.selected::after {
  background-color: #7847b5;
  border-color: #7847b5;
}
body.elderberry-light-theme
  .cd-horizontal-timeline
  .events
  a.older-event::after {
  border-color: #7847b5;
}
body.elderberry-light-theme .cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -o-transition: height 0.4s;
  -ms-transition: height 0.4s;
  transition: height 0.4s;
}
body.elderberry-light-theme .cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0 5%;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
body.elderberry-light-theme
  .cd-horizontal-timeline
  .events-content
  li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.elderberry-light-theme
  .cd-horizontal-timeline
  .events-content
  li.enter-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
body.elderberry-light-theme
  .cd-horizontal-timeline
  .events-content
  li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  -ms-animation-name: cd-enter-right;
  -o-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.elderberry-light-theme
  .cd-horizontal-timeline
  .events-content
  li.enter-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
body.elderberry-light-theme
  .cd-horizontal-timeline
  .events-content
  li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  -ms-animation-name: cd-enter-left;
  -o-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
body.elderberry-light-theme .cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
body.elderberry-light-theme .cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  line-height: 1.2;
}
body.elderberry-light-theme .cd-horizontal-timeline .events-content em {
  display: block;
  margin: 10px auto;
  line-height: 1.6;
}
body.elderberry-light-theme .cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
body.elderberry-light-theme .cd-horizontal-timeline .events-content p {
  font-size: 1rem;
  color: #909190;
  line-height: 1.6;
}
body.elderberry-light-theme .cd-timeline-navigation a {
  position: absolute;
  top: 33%;
  bottom: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #ccc;
  text-indent: 4.5px;
}
body.elderberry-light-theme .cd-timeline-navigation a.next {
  text-indent: 5.5px;
}
body.elderberry-light-theme .cd-timeline-navigation a.prev {
  left: 0;
}
body.elderberry-light-theme .cd-timeline-navigation a.next {
  right: 0;
}
body.elderberry-light-theme .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
body.elderberry-light-theme .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
body.elderberry-light-theme .cd-horizontal-timeline {
  /* show the timeline after events position has been set (using JavaScript) */
}
body.elderberry-light-theme .cd-horizontal-timeline.loaded {
  opacity: 1;
}
@media only screen and (min-width: 1100px) {
  body.elderberry-light-theme .cd-horizontal-timeline {
    margin: 6em auto;
  }
  body.elderberry-light-theme .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
@media only screen and (min-width: 768px) {
  body.elderberry-light-theme .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  body.elderberry-light-theme .cd-horizontal-timeline .events-content em {
    font-size: 1.4rem;
  }
  body.elderberry-light-theme .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
body.elderberry-light-theme .btn-social {
  padding-left: 44px;
  text-align: left;
}
body.elderberry-light-theme .btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
body.elderberry-light-theme .btn-social.btn-lg {
  padding-left: 61px;
}
body.elderberry-light-theme .btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.elderberry-light-theme .btn-social.btn-sm {
  padding-left: 38px;
}
body.elderberry-light-theme .btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.elderberry-light-theme .btn-social.btn-xs {
  padding-left: 30px;
}
body.elderberry-light-theme .btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.elderberry-light-theme .btn-social-icon {
  height: 34px;
  width: 34px;
  padding-left: 0;
  padding-right: 0;
}
body.elderberry-light-theme .btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border: none;
  text-align: center;
  width: 100% !important;
}
body.elderberry-light-theme .btn-social-icon.btn-lg {
  padding-left: 61px;
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
body.elderberry-light-theme .btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
body.elderberry-light-theme .btn-social-icon.btn-sm {
  padding-left: 38px;
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
body.elderberry-light-theme .btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
body.elderberry-light-theme .btn-social-icon.btn-xs {
  padding-left: 30px;
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
body.elderberry-light-theme .btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
body.elderberry-light-theme .btn-android {
  color: #fff;
  background-color: #a4c639;
}
body.elderberry-light-theme .btn-android:hover {
  color: #fff;
  background-color: #7cb342;
}
body.elderberry-light-theme .btn-500px {
  color: #fff;
  background-color: #0099e5;
}
body.elderberry-light-theme .btn-500px:hover {
  color: #fff;
  background-color: #048ece;
}
body.elderberry-light-theme .btn-amazon {
  color: #fff;
  background-color: #ff9900;
}
body.elderberry-light-theme .btn-amazon:hover {
  color: #fff;
  background-color: #ef9002;
}
body.elderberry-light-theme .btn-apple {
  color: #fff;
  background-color: #979797;
}
body.elderberry-light-theme .btn-apple:hover {
  color: #fff;
  background-color: #898989;
}
body.elderberry-light-theme .btn-chrome {
  color: #fff;
  background-color: #4587f3;
}
body.elderberry-light-theme .btn-chrome:hover {
  color: #fff;
  background-color: #276ddd;
}
body.elderberry-light-theme .btn-css3 {
  color: #fff;
  background-color: #1680c0;
}
body.elderberry-light-theme .btn-css3:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.elderberry-light-theme .btn-empire {
  color: #fff;
  background-color: #000;
}
body.elderberry-light-theme .btn-empire:hover {
  color: #fff;
  background-color: #050303;
}
body.elderberry-light-theme .btn-firefox {
  color: #fff;
  background-color: #e66000;
}
body.elderberry-light-theme .btn-firefox:hover {
  color: #fff;
  background-color: #ce5804;
}
body.elderberry-light-theme .btn-git {
  color: #fff;
  background-color: #333;
}
body.elderberry-light-theme .btn-git:hover {
  color: #fff;
  background-color: #161616;
}
body.elderberry-light-theme .btn-html5 {
  color: #fff;
  background-color: #e34f26;
}
body.elderberry-light-theme .btn-html5:hover {
  color: #fff;
  background-color: #ce4925;
}
body.elderberry-light-theme .btn-joomla {
  color: #fff;
  background-color: #142849;
}
body.elderberry-light-theme .btn-joomla:hover {
  color: #fff;
  background-color: #0d182b;
}
body.elderberry-light-theme .btn-linux {
  color: #fff;
  background-color: #333333;
}
body.elderberry-light-theme .btn-linux:hover {
  color: #fff;
  background-color: #050505;
}
body.elderberry-light-theme .btn-opera {
  color: #fff;
  background-color: #cc0f16;
}
body.elderberry-light-theme .btn-opera:hover {
  color: #fff;
  background-color: #bc1016;
}
body.elderberry-light-theme .btn-internet-explorer {
  color: #fff;
  background-color: #1ebbee;
}
body.elderberry-light-theme .btn-internet-explorer:hover {
  color: #fff;
  background-color: #16a1cc;
}
body.elderberry-light-theme .btn-safari {
  color: #fff;
  background-color: #1b88ca;
}
body.elderberry-light-theme .btn-safari:hover {
  color: #fff;
  background-color: #1a77ad;
}
body.elderberry-light-theme .btn-skype {
  color: #fff;
  background-color: #00aff0;
}
body.elderberry-light-theme .btn-skype:hover {
  color: #fff;
  background-color: #069ed6;
}
body.elderberry-light-theme .btn-wechat {
  color: #fff;
  background-color: #93d034;
}
body.elderberry-light-theme .btn-wechat:hover {
  color: #fff;
  background-color: #739b31;
}
body.elderberry-light-theme .btn-youtube {
  color: #fff;
  background-color: #e52d27;
}
body.elderberry-light-theme .btn-youtube:hover {
  color: #fff;
  background-color: #bf211e;
}
body.elderberry-light-theme .btn-bitbucket {
  color: #fff;
  background-color: #205081;
}
body.elderberry-light-theme .btn-bitbucket:hover {
  color: #fff;
  background-color: #183c60;
}
body.elderberry-light-theme .btn-adn {
  color: #fff;
  background-color: #d87a68;
}
body.elderberry-light-theme .btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
}
body.elderberry-light-theme .btn-foursquare {
  color: #fff;
  background-color: #f94877;
}
body.elderberry-light-theme .btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
}
body.elderberry-light-theme .btn-windows {
  color: #fff;
  background-color: #2672ec;
}
body.elderberry-light-theme .btn-windows:hover {
  color: #fff;
  background-color: #125acd;
}
body.elderberry-light-theme .btn-dropbox {
  color: #fff;
  background-color: #1087dd;
}
body.elderberry-light-theme .btn-dropbox:hover {
  color: #fff;
  background-color: #0d70b7;
}
body.elderberry-light-theme .btn-facebook {
  color: #fff;
  background-color: #3b5998;
}
body.elderberry-light-theme .btn-facebook:hover {
  color: #fff;
  background-color: #30487b;
}
body.elderberry-light-theme .btn-flickr {
  color: #fff;
  background-color: #ff0084;
}
body.elderberry-light-theme .btn-flickr:hover {
  color: #fff;
  background-color: #d6006f;
}
body.elderberry-light-theme .btn-github {
  color: #fff;
  background-color: #444;
}
body.elderberry-light-theme .btn-github:hover {
  color: #fff;
  background-color: #303030;
}
body.elderberry-light-theme .btn-google-plus {
  color: #fff;
  background-color: #dd4b39;
}
body.elderberry-light-theme .btn-google-plus:hover {
  color: #fff;
  background-color: #ca3523;
}
body.elderberry-light-theme .btn-instagram {
  color: #fff;
  background-color: #517fa4;
}
body.elderberry-light-theme .btn-instagram:hover {
  color: #fff;
  background-color: #446a89;
}
body.elderberry-light-theme .btn-linkedin {
  color: #fff;
  background-color: #007bb6;
}
body.elderberry-light-theme .btn-linkedin:hover {
  color: #fff;
  background-color: #005f8d;
}
body.elderberry-light-theme .btn-pinterest {
  color: #fff;
  background-color: #cb2027;
}
body.elderberry-light-theme .btn-pinterest:hover {
  color: #fff;
  background-color: #a81a20;
}
body.elderberry-light-theme .btn-tumblr {
  color: #fff;
  background-color: #2c4762;
}
body.elderberry-light-theme .btn-tumblr:hover {
  color: #fff;
  background-color: #1f3346;
}
body.elderberry-light-theme .btn-twitter {
  color: #fff;
  background-color: #2ba9e1;
}
body.elderberry-light-theme .btn-twitter:hover {
  color: #fff;
  background-color: #1c92c7;
}
body.elderberry-light-theme .btn-yahoo {
  color: #fff;
  background-color: #720e9e;
}
body.elderberry-light-theme .btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
}
body.elderberry-light-theme .btn-vk {
  color: #fff;
  background-color: #587ea3;
}
body.elderberry-light-theme .btn-vk:hover {
  color: #fff;
  background-color: #4a6a89;
}
body.elderberry-light-theme .btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
}
body.elderberry-light-theme .btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
}
body.elderberry-light-theme .btn-soundcloud {
  color: #fff;
  background-color: #f50;
}
body.elderberry-light-theme .btn-soundcloud:hover {
  color: #fff;
  background-color: #c40;
}
body.elderberry-light-theme .btn-cc-paypal {
  color: #fff;
  background-color: #2048bf;
}
body.elderberry-light-theme .btn-cc-paypal:hover {
  color: #fff;
  background-color: #253b80;
}
body.elderberry-light-theme .product-detail .product-image-list img {
  cursor: pointer;
}
body.elderberry-light-theme
  .product-detail
  .product-image-list
  img:first-child {
  margin-left: 0;
}
body.elderberry-light-theme .product-detail .price span {
  display: inline-block;
  padding: 0 5px 0 5px;
}
body.elderberry-light-theme .product-detail .product-img img {
  max-width: 100%;
}
body.elderberry-light-theme .product-grid-primary,
body.elderberry-light-theme .product-grid-secondary {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.elderberry-light-theme .product-grid-primary .product-img,
body.elderberry-light-theme .product-grid-secondary .product-img {
  position: relative;
}
body.elderberry-light-theme .product-grid-primary .product-img .product-like,
body.elderberry-light-theme .product-grid-secondary .product-img .product-like {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
}
body.elderberry-light-theme
  .product-grid-primary
  .product-img
  .product-like:hover,
body.elderberry-light-theme
  .product-grid-secondary
  .product-img
  .product-like:hover {
  color: #7847b5;
}
body.elderberry-light-theme .product-grid-primary .product-detail,
body.elderberry-light-theme .product-grid-secondary .product-detail {
  -webkit-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  box-shadow: inset -2px 18px 12px -16px rgba(0, 0, 0, 0.3);
  width: 100%;
  color: #6e6e6e;
  padding: 10px 10px 10px 20px;
}
body.elderberry-light-theme .file-manager .file-action a {
  padding: 0 10px;
  color: #909190;
}
body.elderberry-light-theme .file-manager .toggle-file-menu {
  display: none;
}
body.elderberry-light-theme .file-manager .file-block {
  padding-left: 250px;
  border-left: 1px solid #ccc;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.elderberry-light-theme .file-manager .file-block .file-breadcrumb {
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}
body.elderberry-light-theme .file-manager .file-block .file-menu {
  width: 250px;
  position: absolute;
  left: 0;
  border-right: 1px solid #ccc;
  overflow-x: auto;
  background-color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
body.elderberry-light-theme .file-manager .file-block .file-view {
  min-height: 500px;
}
body.elderberry-light-theme .file-manager .file-block .file-view .folder .file {
  min-height: 35px;
  border: 1px solid #428bca;
  padding: 5px;
}
body.elderberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type {
  bottom: 0px;
  right: 5px;
}
body.elderberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file {
  display: none;
}
body.elderberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .selected-file.show {
  display: block;
}
body.elderberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file:hover {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.elderberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file.active {
  background-color: #428bca;
  color: #fff;
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.elderberry-light-theme .file-manager .file-block .file-view .folder .file,
body.elderberry-light-theme .file-manager .file-block .file-view .doc .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-width: 200px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
  color: #6e6e6e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.elderberry-light-theme
  .file-manager
  .file-block
  .file-view
  .folder
  .file
  .file-type,
body.elderberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-type {
  position: absolute;
}
body.elderberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img {
  text-align: center;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
}
body.elderberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-img
  .file-iocn {
  font-size: 100px;
}
body.elderberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file
  .file-name {
  padding: 10px;
  padding-left: 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
body.elderberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.elderberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active
  .file-name {
  padding-left: 10px;
  color: #fff;
  background-color: #428bca;
  -webkit-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 30px 15px -28px rgba(0, 0, 0, 0.3);
}
body.elderberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file:hover {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.elderberry-light-theme
  .file-manager
  .file-block
  .file-view
  .doc
  .file.active {
  -webkit-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.5);
}
body.elderberry-light-theme .file-manager .file-block.file-menu-close {
  padding-left: 0px;
}
body.elderberry-light-theme
  .file-manager
  .file-block.file-menu-close
  .file-menu {
  width: 0;
  border-right: 0px;
}
@media (max-width: 767px) {
  body.elderberry-light-theme .file-manager .toggle-file-menu {
    display: inline-block !important;
  }
  body.elderberry-light-theme .file-manager .file-block {
    padding-left: 0px !important;
  }
  body.elderberry-light-theme .file-manager .file-block .file-menu {
    z-index: 1;
    -webkit-box-shadow: 3px 2px 15px -10px #000000;
    -moz-box-shadow: 3px 2px 15px -10px #000000;
    -o-box-shadow: 3px 2px 15px -10px #000000;
    -ms-box-shadow: 3px 2px 15px -10px #000000;
    box-shadow: 3px 2px 15px -10px #000000;
  }
}
body.elderberry-light-theme .other-widgets-box {
  background-color: #15337e;
}
body.elderberry-light-theme .social-widgets {
  /******************
   * Profile widgets
   ******************/
}
body.elderberry-light-theme .social-widgets .widgets-body li {
  display: none !important;
}
body.elderberry-light-theme .social-widgets .widgets-body li.active {
  opacity: 1;
  display: block !important;
}
body.elderberry-light-theme .social-widgets .widgets-counter {
  padding: 20px;
  line-height: 1;
  width: 100%;
}
body.elderberry-light-theme .social-widgets .widgets-counter .widgets-icon i {
  display: block;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  -ms-background-clip: padding;
  -o-background-clip: padding;
}
body.elderberry-light-theme .social-widgets .widgets-counter .widgets-label {
  display: table-cell;
  vertical-align: middle;
}
body.elderberry-light-theme .social-widgets .widgets-counter span {
  display: block;
  line-height: 1.4;
}
body.elderberry-light-theme .social-widgets .progress-widgets .progessbar {
  background: rgba(0, 0, 0, 0.1);
}
body.elderberry-light-theme .social-widgets .progress-widgets .progessbar span {
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
body.elderberry-light-theme .social-widgets .social-media div {
  display: table-cell;
  vertical-align: middle;
}
body.elderberry-light-theme .social-widgets .profile .social-profile {
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
body.elderberry-light-theme
  .social-widgets
  .profile
  .social-profile
  .profile-avatar {
  height: 120px;
}
body.elderberry-light-theme .social-widgets .profile .profile-widgets {
  border: 3px solid #fff;
  border-radius: 50%;
  top: 18%;
}
body.elderberry-light-theme .social-widgets .profile .profile-widgets2 {
  border: 3px solid #fff;
  border-radius: 5px 5px 0 0;
  bottom: -5px;
}
body.elderberry-light-theme .social-widgets .profile .info-block {
  margin-top: 40px;
}
body.elderberry-light-theme .social-widgets .profile.profile-cover-bg {
  background: #7847b5 url(../../images/login_box_bg.png);
}
body.elderberry-light-theme .weather-icon {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 10px;
}
body.elderberry-light-theme .weather-small-icon {
  font-size: 24px;
  margin-bottom: 10px;
}
body.elderberry-light-theme .mexico-weather-widgets-img {
  background: url(../../images/mexico.jpg) center no-repeat;
  background-size: cover;
}
body.elderberry-light-theme .brazil-weather-widgets-img {
  background: url(../../images/brazil.jpg) center no-repeat;
  background-size: cover;
}
body.elderberry-light-theme .brazil-weather-widgets-img table tr td {
  border-top: 1px solid #ada6a6;
}
body.elderberry-light-theme .note-editor .note-editing-area {
  min-height: 300px;
}
body.elderberry-light-theme .note-editor.note-frame.fullscreen {
  height: 100%;
}
body.elderberry-light-theme .toolTipValue {
  min-width: 100px;
  min-height: 100px;
  background: #000;
  position: absolute;
  color: white;
}
body.elderberry-light-theme .jqstooltip {
  font-size: 11px !important;
  padding: 5px !important;
  overflow: auto !important;
  border-color: #cccccc !important;
  max-width: 400px !important;
  max-height: 400px !important;
  width: 100px;
  height: 50px;
}
body.elderberry-light-theme .amcharts-export-menu-top-right {
  display: none;
}
body.elderberry-light-theme .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  -moz-animation: am-moving-dashes 1s linear infinite;
  -ms-animation: am-moving-dashes 1s linear infinite;
  -o-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
body.elderberry-light-theme
  .sales-performance
  .amcharts-graph-column-front:hover {
  fill: #a5a0a0;
  stroke: #a5a0a0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.elderberry-light-theme
  .social-analytics
  .amcharts-graph-column-front:hover {
  fill: #4f6ba8;
  stroke: #4f6ba8;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
body.elderberry-light-theme .sales-performance .amcharts-graph-g3,
body.elderberry-light-theme .social-analytics .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 500%;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  -moz-animation: am-draw 40s;
  animation: am-draw 40s;
}
@-webkit-keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
@keyframes "am-draw" {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0%;
  }
}
body.elderberry-light-theme
  .sales-performance
  .amcharts-value-axis.value-axis-a3,
body.elderberry-light-theme
  .social-analytics
  .amcharts-value-axis.value-axis-a3 {
  display: none;
}
body.elderberry-light-theme .sales-performance .lastBullet,
body.elderberry-light-theme .social-analytics .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  -moz-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes "am-pulsating" {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
body.elderberry-light-theme .theme-setting-icon {
  right: 0;
  top: 100px;
  font-size: 18px;
  cursor: pointer;
  z-index: 555555;
  position: fixed;
  height: 35px;
  width: 35px;
}
body.elderberry-light-theme .theme-setting-menu {
  position: fixed;
  top: 135px !important;
  right: -250px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 210px;
  z-index: 555555;
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
}
body.elderberry-light-theme .theme-setting-menu li {
  width: 26px;
  height: 26px;
  cursor: pointer;
  display: inline-block;
  border-radius: 10% !important;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.elderberry-light-theme .theme-setting-menu li:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
body.elderberry-light-theme .theme-setting-menu li.strawberry-theme {
  background: #15337e;
}
body.elderberry-light-theme .theme-setting-menu li.teal-theme {
  background: #18ba9b;
}
body.elderberry-light-theme .theme-setting-menu li.fresh-apple-theme {
  background: #74c52c;
}
body.elderberry-light-theme .theme-setting-menu li.blueberry-theme {
  background: #26aae0;
}
body.elderberry-light-theme .theme-setting-menu li.orange-theme {
  background: #f9553e;
}
body.elderberry-light-theme .theme-setting-menu li.almond-theme {
  background: #f38431;
}
body.elderberry-light-theme .theme-setting-menu li.lime-theme {
  background: #e2b60b;
}
body.elderberry-light-theme .theme-setting-menu li.elderberry-theme {
  background: #7847b5;
}
body.elderberry-light-theme .theme-setting-menu.theme-setting-menu-toggle {
  -webkit-transition: right 300ms ease-out;
  -moz-transition: right 300ms ease-out;
  -o-transition: right 300ms ease-out;
  -ms-transition: right 300ms ease-out;
  transition: right 300ms ease-out;
  right: 0;
}
body.elderberry-light-theme .todo-content-border-right {
  border-right: 3px solid;
}
body.elderberry-light-theme .todo-content-border-left {
  border-left: 3px solid;
}
body.elderberry-light-theme .theme-border-color {
  border-color: #7847b5;
}
body.elderberry-light-theme .primary-border-color {
  border-color: #286090;
}
body.elderberry-light-theme .danger-border-color {
  border-color: #d73925;
}
body.elderberry-light-theme .info-border-color {
  border-color: #00acd6;
}
body.elderberry-light-theme .warning-border-color {
  border-color: #e08e0b;
}
body.elderberry-light-theme .success-border-color {
  border-color: #008d4c;
}
body.elderberry-light-theme .add-todo {
  border: 2px dotted;
  width: 100%;
}
body.elderberry-light-theme .scrollspy .nav-pills .nav-link.active {
  color: #fff;
  background-color: #7847b5 !important;
  border-radius: 0px;
}
body.elderberry-light-theme .scrollspy-cn {
  position: relative;
  min-height: 500px !important;
  overflow: auto;
}
@-webkit-keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes "fa-spin-fast" {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.elderberry-light-theme .fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
body.elderberry-light-theme .material-card {
  position: relative;
  height: 300px;
  margin-bottom: 100px;
}
body.elderberry-light-theme .material-card h2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.elderberry-light-theme .material-card h2 span {
  display: block;
}
body.elderberry-light-theme .material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
body.elderberry-light-theme .material-card h2:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.elderberry-light-theme .material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  top: auto;
  bottom: 0;
}
body.elderberry-light-theme .material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.elderberry-light-theme .material-card .mc-btn-action {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.elderberry-light-theme .material-card .mc-description {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -o-transition: all 1.2s;
  -ms-transition: all 1.2s;
  transition: all 1.2s;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.elderberry-light-theme .material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.elderberry-light-theme .material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 50px;
  margin-left: 5px;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  top: 200px;
}
body.elderberry-light-theme .material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
body.elderberry-light-theme .material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
body.elderberry-light-theme .material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -o-transition: all 0.7s;
  -ms-transition: all 0.7s;
  transition: all 0.7s;
}
body.elderberry-light-theme .material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
body.elderberry-light-theme .material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -o-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
body.elderberry-light-theme .material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.elderberry-light-theme .material-card .img-container img {
  width: 100%;
  height: 100%;
}
body.elderberry-light-theme .material-card.mc-active h2 {
  top: 0;
  padding: 10px 15px 10px 90px;
}
body.elderberry-light-theme .material-card.mc-active h2:before {
  top: 0;
}
body.elderberry-light-theme .material-card.mc-active h2:after {
  bottom: -16px;
}
body.elderberry-light-theme .material-card.mc-active .mc-btn-action {
  top: 55px;
}
body.elderberry-light-theme .material-card.mc-active .img-container {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  left: 0;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
body.elderberry-light-theme .material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
body.elderberry-light-theme .material-card.mc-active .mc-description {
  top: 110px;
  opacity: 1;
  filter: alpha(opacity=100);
}
body.elderberry-light-theme .material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: 100%;
  left: 15px;
  right: 0;
  height: 80px;
  padding-top: 15px;
  padding-left: 25px;
}
body.elderberry-light-theme .material-card.mc-active .mc-footer a {
  top: 0;
}
body.elderberry-light-theme .material-card.mc-active .mc-footer h4 {
  top: -30px;
}
body.elderberry-light-theme .material-card.theme h2 {
  background-color: #7847b5;
}
body.elderberry-light-theme .material-card.theme h2:after {
  border-top-color: #7847b5;
  border-right-color: #7847b5;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.theme h2:before {
  border-top-color: transparent;
  border-right-color: #603990;
  border-bottom-color: #603990;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.theme .mc-btn-action {
  background-color: #7847b5;
}
body.elderberry-light-theme .material-card.theme .mc-btn-action:hover {
  background-color: #603990;
}
body.elderberry-light-theme .material-card.theme .mc-footer h4 {
  color: #603990;
}
body.elderberry-light-theme .material-card.theme .mc-footer a {
  background-color: #603990;
}
body.elderberry-light-theme .material-card.theme.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #7847b5;
  border-bottom-color: #7847b5;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.theme.mc-active h2:after {
  border-top-color: #603990;
  border-right-color: #603990;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.theme.mc-active .mc-content {
  background-color: #fff;
}
body.elderberry-light-theme .material-card.theme.mc-active .mc-footer {
  background-color: #7847b5;
}
body.elderberry-light-theme .material-card.theme.mc-active .mc-btn-action {
  border-color: #fff;
}
body.elderberry-light-theme .material-card.primary h2 {
  background-color: #428bca;
}
body.elderberry-light-theme .material-card.primary h2:after {
  border-top-color: #428bca;
  border-right-color: #428bca;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.primary h2:before {
  border-top-color: transparent;
  border-right-color: #286090;
  border-bottom-color: #286090;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.primary .mc-btn-action {
  background-color: #428bca;
}
body.elderberry-light-theme .material-card.primary .mc-btn-action:hover {
  background-color: #286090;
}
body.elderberry-light-theme .material-card.primary .mc-footer h4 {
  color: #286090;
}
body.elderberry-light-theme .material-card.primary .mc-footer a {
  background-color: #286090;
}
body.elderberry-light-theme .material-card.primary.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #428bca;
  border-bottom-color: #428bca;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.primary.mc-active h2:after {
  border-top-color: #286090;
  border-right-color: #286090;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.primary.mc-active .mc-content {
  background-color: #fff;
}
body.elderberry-light-theme .material-card.primary.mc-active .mc-footer {
  background-color: #428bca;
}
body.elderberry-light-theme .material-card.primary.mc-active .mc-btn-action {
  border-color: #fff;
}
body.elderberry-light-theme .material-card.success h2 {
  background-color: #00a65a;
}
body.elderberry-light-theme .material-card.success h2:after {
  border-top-color: #00a65a;
  border-right-color: #00a65a;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.success h2:before {
  border-top-color: transparent;
  border-right-color: #008d4c;
  border-bottom-color: #008d4c;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.success .mc-btn-action {
  background-color: #00a65a;
}
body.elderberry-light-theme .material-card.success .mc-btn-action:hover {
  background-color: #008d4c;
}
body.elderberry-light-theme .material-card.success .mc-footer h4 {
  color: #008d4c;
}
body.elderberry-light-theme .material-card.success .mc-footer a {
  background-color: #008d4c;
}
body.elderberry-light-theme .material-card.success.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00a65a;
  border-bottom-color: #00a65a;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.success.mc-active h2:after {
  border-top-color: #008d4c;
  border-right-color: #008d4c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.success.mc-active .mc-content {
  background-color: #fff;
}
body.elderberry-light-theme .material-card.success.mc-active .mc-footer {
  background-color: #00a65a;
}
body.elderberry-light-theme .material-card.success.mc-active .mc-btn-action {
  border-color: #fff;
}
body.elderberry-light-theme .material-card.info h2 {
  background-color: #00c0ef;
}
body.elderberry-light-theme .material-card.info h2:after {
  border-top-color: #00c0ef;
  border-right-color: #00c0ef;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.info h2:before {
  border-top-color: transparent;
  border-right-color: #00acd6;
  border-bottom-color: #00acd6;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.info .mc-btn-action {
  background-color: #00c0ef;
}
body.elderberry-light-theme .material-card.info .mc-btn-action:hover {
  background-color: #00acd6;
}
body.elderberry-light-theme .material-card.info .mc-footer h4 {
  color: #00acd6;
}
body.elderberry-light-theme .material-card.info .mc-footer a {
  background-color: #00acd6;
}
body.elderberry-light-theme .material-card.info.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #00c0ef;
  border-bottom-color: #00c0ef;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.info.mc-active h2:after {
  border-top-color: #00acd6;
  border-right-color: #00acd6;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.info.mc-active .mc-content {
  background-color: #fff;
}
body.elderberry-light-theme .material-card.info.mc-active .mc-footer {
  background-color: #00c0ef;
}
body.elderberry-light-theme .material-card.info.mc-active .mc-btn-action {
  border-color: #fff;
}
body.elderberry-light-theme .material-card.warning h2 {
  background-color: #f39c12;
}
body.elderberry-light-theme .material-card.warning h2:after {
  border-top-color: #f39c12;
  border-right-color: #f39c12;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.warning h2:before {
  border-top-color: transparent;
  border-right-color: #e08e0b;
  border-bottom-color: #e08e0b;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.warning .mc-btn-action {
  background-color: #f39c12;
}
body.elderberry-light-theme .material-card.warning .mc-btn-action:hover {
  background-color: #e08e0b;
}
body.elderberry-light-theme .material-card.warning .mc-footer h4 {
  color: #e08e0b;
}
body.elderberry-light-theme .material-card.warning .mc-footer a {
  background-color: #e08e0b;
}
body.elderberry-light-theme .material-card.warning.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #f39c12;
  border-bottom-color: #f39c12;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.warning.mc-active h2:after {
  border-top-color: #e08e0b;
  border-right-color: #e08e0b;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.warning.mc-active .mc-content {
  background-color: #fff;
}
body.elderberry-light-theme .material-card.warning.mc-active .mc-footer {
  background-color: #f39c12;
}
body.elderberry-light-theme .material-card.warning.mc-active .mc-btn-action {
  border-color: #fff;
}
body.elderberry-light-theme .material-card.danger h2 {
  background-color: #dd4b39;
}
body.elderberry-light-theme .material-card.danger h2:after {
  border-top-color: #dd4b39;
  border-right-color: #dd4b39;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.danger h2:before {
  border-top-color: transparent;
  border-right-color: #d73925;
  border-bottom-color: #d73925;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.danger .mc-btn-action {
  background-color: #dd4b39;
}
body.elderberry-light-theme .material-card.danger .mc-btn-action:hover {
  background-color: #d73925;
}
body.elderberry-light-theme .material-card.danger .mc-footer h4 {
  color: #d73925;
}
body.elderberry-light-theme .material-card.danger .mc-footer a {
  background-color: #d73925;
}
body.elderberry-light-theme .material-card.danger.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #dd4b39;
  border-bottom-color: #dd4b39;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.danger.mc-active h2:after {
  border-top-color: #d73925;
  border-right-color: #d73925;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
body.elderberry-light-theme .material-card.danger.mc-active .mc-content {
  background-color: #fff;
}
body.elderberry-light-theme .material-card.danger.mc-active .mc-footer {
  background-color: #dd4b39;
}
body.elderberry-light-theme .material-card.danger.mc-active .mc-btn-action {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  body.elderberry-light-theme .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
  body.elderberry-light-theme .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
  body.elderberry-light-theme .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
body.elderberry-light-theme .image-cropper .docs-preview {
  margin-right: -16px;
}
body.elderberry-light-theme .image-cropper .img-container > img {
  max-width: 100%;
}
body.elderberry-light-theme .image-cropper .img-preview {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  overflow: hidden;
}
body.elderberry-light-theme .image-cropper .img-preview > img {
  max-width: 100%;
}
body.elderberry-light-theme .image-cropper .img-preview.preview-lg {
  height: 143px;
  width: 255px;
}
body.elderberry-light-theme .image-cropper .img-preview.preview-md {
  height: 72px;
  width: 128px;
}
body.elderberry-light-theme .image-cropper .img-preview.preview-sm {
  height: 41px;
  width: 72px;
}
body.elderberry-light-theme .image-cropper .img-preview.preview-xs {
  height: 24px;
  width: 40px;
  margin-right: 0;
}
body.elderberry-light-theme .image-cropper .docs-cropped .modal-body > canvas {
  max-width: 100%;
}
body.elderberry-light-theme.error-page {
  font-family: "MuseoSans-700", Helvetica, Arial, Verdana, sans-serif;
  font-smoothing: antialiased;
  font-weight: normal;
  background: #151618 !important;
  background-size: 100%;
  background-position: center;
  color: #fff;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
body.elderberry-light-theme.error-page .error-cn {
  display: none;
  /* Page Loader */
}
body.elderberry-light-theme.error-page .error-cn h1 {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: normal;
  font-size: 22px;
}
body.elderberry-light-theme.error-page .error-cn h2 {
  text-transform: uppercase;
  letter-spacing: 20px;
  font-size: 200px;
  margin: -30px 0 20px 0;
}
body.elderberry-light-theme.error-page .error-cn p {
  line-height: 1.6em;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
body.elderberry-light-theme.error-page .error-cn a {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  text-decoration: none;
  color: #fff;
}
body.elderberry-light-theme.error-page .error-cn a:hover {
  color: #ccc;
  text-decoration: none;
}
body.elderberry-light-theme.error-page .error-cn .logo {
  margin-top: 30px;
  width: 150px;
  visibility: visible;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
body.elderberry-light-theme.error-page .error-cn .btn-white {
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  margin: 30px 30px;
  padding: 15px 35px;
  text-decoration: none;
}
body.elderberry-light-theme.error-page .error-cn .footer-content a {
  padding: 3px;
  font-size: 18px;
}
body.elderberry-light-theme.error-page .error-cn .content-page {
  padding-top: 100px;
}
@media (max-width: 460px) {
  body.elderberry-light-theme.error-page h2 {
    font-size: 120px !important;
  }
}
body.elderberry-light-theme .wrapper {
  display: none;
  /* Page Loader */
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background-color: #1e1e1e;
}
body.elderberry-light-theme .wrapper:after {
  display: table;
  content: " ";
}
body.elderberry-light-theme .wrapper:before {
  display: table;
  content: " ";
}
body.elderberry-light-theme .wrapper .main-header-toggle {
  position: absolute;
  color: #ccc;
}
body.elderberry-light-theme .wrapper.page-animated {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  -ms-animation: pulse 1s;
  -o-animation: pulse 1s;
  animation: pulse 1s;
}
body.elderberry-light-theme .wrapper.toggle-sidebar .sidebar.sidebar-v1 {
  left: 0px;
}
body.elderberry-light-theme .main-wrapper {
  min-height: 100%;
  margin-top: 50px;
  padding: 0 15px 70px 15px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body.elderberry-light-theme .fixed-width-page .card,
body.elderberry-light-theme .card-page .card,
body.elderberry-light-theme .fixed-width-page .card-body,
body.elderberry-light-theme .card-page .card-body {
  min-height: 500px;
}
body.elderberry-light-theme .fixed-width-page .card h2,
body.elderberry-light-theme .card-page .card h2,
body.elderberry-light-theme .fixed-width-page .card-body h2,
body.elderberry-light-theme .card-page .card-body h2 {
  margin-top: 230px;
}
body.elderberry-light-theme.full-width-page .main-wrapper,
body.elderberry-light-theme.full-width-page .footer {
  margin-left: 0 !important;
}
body.elderberry-light-theme.full-width-page .logo {
  background: #fff;
}
body.elderberry-light-theme.full-width-page .logo a h2 {
  margin: 0 0 0 10px;
}
body.elderberry-light-theme.full-width-page.boxed-layout .footer.fixed {
  padding-left: 0;
}
body.elderberry-light-theme .form-control:focus {
  background-color: transparent !important;
}

.rebrandedBtn {
    border-radius: 25px!important;
    text-align: center;
    cursor:pointer!important;
}

.rebrandedFormField {
    border-radius: 6px!important;
}

*{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}