/*
** NOTE: This file is generated by Gulp and should not be edited directly!
** Any changes made directly to this file will be overwritten next time its asset group is processed by Gulp.
*/

@media screen and (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
}
/*
 * Global layout variables
 * 
 */
/* FONTS */
/*COLOR SCHEME*/
/* === Primary colors === */
/* === Secondary colors === */
/* 
Banner
Button focused
Links
*/
/* === Text and Background colors === */
/* 
The most important text has an opacity of 87%.
Secondary text, which is lower in the visual hierarchy, has an opacity of 54%.
Text hints (like those in text fields and labels) and disabled text have even lower visual prominence with an opacity of 38%.
*/
/* === Light theme colors === */
/* 
1. Status bar
2. App bar
3. Background
4. Cards/Dialogs
*/
/*TRANSITIONS SETTINGS*/
/* === Transition global options === */
/*SIDEBAR SKINS*/
/* === Light sidebar === */
/*MENU SIDEBAR*/
/*COMMON VALUES*/
/*COPYRIGHT link color*/
/*ALERT */
/**********/
/* MESSAGE */
/********************/
/* ANIMATION */
/*****BUTTONS*****/
/*@secondary-color: color("teal", "lighten-1") ;

@button-border: none ;
@button-background-focus: lighten(@secondary-color, 4%);
@button-font-size: 1.3rem ;
@button-height: 36px;
@button-padding: 0 2rem;
@button-radius: 2px;



// Raised buttons
@button-raised-background: #26a69a;
@button-raised-background-hover: lighten(@button-raised-background, 5%);
@button-raised-color: #fff;*/
/****************/
/* SHADOWS */
/* NOTFICATIONS */
/*CardViews*/
.animate {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/**UNAUTHENTICATED STYLE SHEET */
/***  MIXINS ***/
/*END MIXINS*/
/*******SHADOW*********/
/* === Colors for top menu === */
.skin-default {
  /**********
     * Navbar & Logo *
     **********/
}
.skin-default .main-header {
  font-size: 1.4rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  /*background menu items*/
}
.skin-default .main-header .navbar-toggler,
.skin-default .main-header .navbar-brand {
  color: #E0E0E0;
}
.skin-default .main-header > .navbar {
  background-color: #FFFFFF;
}
.skin-default .main-header > .navbar .navbar-header button > .fa-bars {
  color: #FFFFFF;
  opacity: 0.87;
}
.skin-default .main-header > .navbar .nav .active > a {
  color: white;
}
.main-header .menu-header .nav-item.active {
    color:#FFF;
    background-image: linear-gradient(to bottom, #65c8d0,rgba(255, 255, 255, 0)), linear-gradient(#65c8d0, #479196);
}
.skin-default .main-header > .navbar .nav .open > a:hover,
.skin-default .main-header > .navbar .nav .open > a:focus {
  background: #65c8d0;
  color: rgba(0, 0, 0, 0.87);
}
.skin-default .main-header > .navbar .nav > li > a {
  color: #7E7E7E;
  opacity: 0.87;
}
.skin-default .main-header > .navbar .nav > li > a:hover,
.skin-default .main-header > .navbar .nav > li > a:active,
.skin-default .main-header > .navbar .nav > li > a:focus {
  color: rgba(0, 0, 0, 0.87);
}
.skin-default .main-header > .navbar .sidebar-toggle {
  color: #FFFFFF;
}
.skin-default .main-header > .navbar .sidebar-toggle:hover {
  color: rgba(0, 0, 0, 0.87);
  background: #65c8d0;
}
.skin-default .main-header > .navbar .searchbox button {
  color: #FFFFFF;
  opacity: 0.87;
}
.skin-default .main-header > .navbar > .sidebar-toggle {
  color: blue;
}
.skin-default .main-header > .navbar .nav > li.global-search-menu > a:active,
.skin-default .main-header > .navbar .nav > li.global-search-menu > a:focus,
.skin-default .main-header > .navbar .nav > .active.global-search-menu > a {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.skin-default .main-header > .logo {
  border-right: 1px solid #eee;
}
@media (max-width: 767px) {
  .skin-default .main-header > .logo {
    border-right: none;
  }
}
.skin-default .main-header li.user-header {
  background-color: #222;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f5f5f5;
}

.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item > a {
    color: rgba(0, 0, 0, 0.87);
}
/*.skin-default .main-header .dropdown-menu > li > a:hover,
.skin-default .main-header .dropdown-menu > li > a:focus {
  background-color: #65c8d0;
}*/
.skin-default .main-header .searchbox {
  background-color: #65c8d0;
  box-shadow: 0 7px 10px 1px rgba(0, 0, 0, 0.15), 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
/*.skin-default .webui-popover .dropdown-menu > li > a:hover,
.skin-default .webui-popover .dropdown-menu > li > a:focus {
  color: #65c8d0;
}*/
.skin-default .content-header {
  background: transparent;
  box-shadow: none;
}
.skin-default .content-wrapper {
  font-size: 1.4rem;
}
.skin-default .menu-sidebar {
  background-color: #172335;
  font-size: 1.4rem;
}
.skin-default .menu-sidebar .main-sidebar,
.skin-default .menu-sidebar .left-side {
  background-color: #2AA74B;
}
.skin-default .menu-sidebar .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-default .menu-sidebar .sidebar-menu > li.header {
  color: rgba(64, 64, 64, 0.87);
  background-color: #2AA74B;
}
.skin-default .menu-sidebar .sidebar-menu > li > a {
  border-left: 0.3rem solid transparent;
  font-weight: 500;
  text-decoration: none;
}
.skin-default .menu-sidebar .sidebar-menu > li:hover > a {
  box-shadow: 0px 2px 0px 0px #095d64;
  background-image: linear-gradient(to bottom, #65c8d0,rgba(255, 255, 255, 0)), linear-gradient(#65c8d0, #479196);
  color: white;
}
.skin-default .menu-sidebar .sidebar-menu > li.active {
  border-left-color: #FFFFFF;
}
.skin-default .menu-sidebar .sidebar-menu > li.active > a {
  color: #FFFFFF;
  /*background-color: #388E3C;*/
  background-image: linear-gradient(to bottom, #45777b,rgba(255, 255, 255, 0)), linear-gradient(#65c8d0, #479196);
  font-weight: 500;
}
.skin-default .menu-sidebar .sidebar-menu > li > .treeview-menu {
  /*background: #2AA74B;*/
  /*background-image: linear-gradient(to bottom, #45777b,rgba(255, 255, 255, 0)), linear-gradient(#65c8d0, #479196);*/
    background-color: #65c8d0;
}
.skin-default .menu-sidebar .sidebar a {
  color: #A1D3FF
  ;
}
.skin-default .menu-sidebar .sidebar a:hover {
  text-decoration: none;
}
.skin-default .menu-sidebar .treeview-menu > li > a {
  color: #FFFFFF;
}
.skin-default .menu-sidebar .treeview-menu > li:hover > a,
.skin-default .menu-sidebar .treeview-menu > li.active > a {
  color: rgba(0, 0, 0, 0.87);
  /*background: #388E3C;*/
  /*background-image: linear-gradient(to bottom, #45777b,rgba(255, 255, 255, 0)), linear-gradient(#65c8d0, #479196);*/
  font-weight: 500;
}
@media (min-width: 768px) {
  .skin-default .menu-sidebar.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    border-left: 0.1rem solid #555555;
  }
}
.skin-default .main-sidebar {
  background-color: #F5F5F5;
  font-size: 1.4rem;
   border-right: 1px solid #dddddd;
}
.skin-default .main-sidebar .main-sidebar,
.skin-default .main-sidebar .left-side {
  background-color: #F5F5F5;
}
.skin-default .main-sidebar .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-default .main-sidebar .sidebar-menu > li.header {
  color: rgba(64, 64, 64, 0.87);
  background-color: #F5F5F5;
}
.skin-default .main-sidebar .sidebar-menu > li > a {
  border-left: 0.3rem solid transparent;
  font-weight: 500;
  text-decoration: none;
}
    .skin-default .main-sidebar .sidebar-menu > li:hover > a {
        /*background-color: #E0E0E0;*/
        background-color: #65c8d0;
    }
.skin-default .main-sidebar .sidebar-menu > li.active {
  border-left-color: #FFFFFF;
}
.skin-default .main-sidebar .sidebar-menu > li.active > a {
    color: rgba(0, 0, 0, 0.87);
    /*background-color: #E0E0E0;*/
    background-color: #65c8d0;
    font-weight: 500;
}
.skin-default .main-sidebar .sidebar-menu > li > .treeview-menu {
  background: #F5F5F5;
}
.skin-default .main-sidebar .sidebar a {
  color: rgba(0, 0, 0, 0.87);
}
.skin-default .main-sidebar .sidebar a:hover {
  text-decoration: none;
}
.skin-default .main-sidebar .treeview-menu > li > a {
  color: rgba(0, 0, 0, 0.87);
}
    .skin-default .main-sidebar .treeview-menu > li:hover > a,
    .skin-default .main-sidebar .treeview-menu > li.active > a {
        color: rgba(0, 0, 0, 0.87);
        /*background: #E0E0E0;*/
        background: #65c8d0;
        font-weight: 500;
    }
@media (min-width: 768px) {
  .skin-default .main-sidebar.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    border-left: 0.1rem solid #555555;
  }
}