/* 
Theme Name: PADU
Theme URI: http://padu.uin-malang.ac.id/docs/
Version: 0.1
Description: Simple. Elegant. Beautiful. 
Author: muchad
Author URI: http://www.muchad.com
*/
@import url("material-icons.css");
@import url("materialize.min.css");
html, body {
  height: 100%;
}
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
h2.no-top {
  margin-top: 0 !important;
}
a{
  outline:none;
}
button:focus {
    border: none !important;
    outline: none !important;
		outline-style: none !important;
}
.text p {
  line-height: 2rem;
}
footer{
  flex-shrink: 0;
}
/* PADU Color */
nav .grey-icon{
	color: #d6d6d6;	
}
nav  .right .waves-effect{
	vertical-align: top;
}
nav .grey-icon:hover{
	color: #25ad9f;	
}
.wrapper{
	flex: 1 0 auto;
}
.trans{
	background-color: transparent !important;
}
.grey-pastel{
	background-color: #F4F5FA;	
}
.green-pastel{
	color: #25ad9f;
}
.green-pastel-hover{
	color: #transparent !important;	
}
.green-pastel-hover:hover{
	color: #25ad9f !important;
}
body.dark-mode .sidebar-logo{
	background-color: #000;
}
body.padu-blue .sidebar-logo{
	background-color: #2B32B2;
}
body.padu-purple .sidebar-logo{
	background-color: #7367F0;
}
body.padu-violet .sidebar-logo{
	background-color: #8C1BAB;
}
body.padu-magenta .sidebar-logo{
	background-color: #D939CD;
}
body.padu-red .sidebar-logo{
	background-color: #b22b2b;
}
body.padu-light-blue .sidebar-logo{
	background-color: #3C8CE7;
}
body.padu-purple-green .sidebar-logo{
	background-color: #736EFE;
}
body.padu-green .sidebar-logo{
	background-color: #32CCBC;
}
body.padu-dark-green .sidebar-logo{
	background-color: #006066;
}
body.padu-orange .sidebar-logo{
	background-color: #DE4313;
}
body.padu-lochmara .sidebar-logo{
	background-color: #1D6FA3;
}
body.padu-sea-green .sidebar-logo{
	background-color: #92DACC;
}

body.padu-red .app-sidebar:after{
  background-image : -webkit-linear-gradient(0deg, #d41313, #b22b2b);
  background-image : -moz- oldlinear-gradient(0deg, #d41313, #b22b2b);
  background-image :      -o-linear-gradient(0deg, #d41313, #b22b2b);
  background-image :         linear-gradient(0deg, #d41313, #b22b2b);
}
body.padu-blue .app-sidebar:after{
  background-image : -webkit-linear-gradient(0deg, #1488CC, #2B32B2);
  background-image : -moz- oldlinear-gradient(0deg, #1488CC, #2B32B2);
  background-image :      -o-linear-gradient(0deg, #1488CC, #2B32B2);
  background-image :         linear-gradient(0deg, #1488CC, #2B32B2);
}
body.padu-purple .app-sidebar:after{
  background-image : -webkit-linear-gradient(0deg, #1488CC, #2B32B2);
  background-image : -moz- oldlinear-gradient(0deg, #1488CC, #2B32B2);
  background-image :      -o-linear-gradient(0deg, #1488CC, #2B32B2);
  background-image :         linear-gradient(0deg, #CE9FFC, #7367F0);
}
body.padu-violet .app-sidebar:after{
  background-image : -webkit-linear-gradient(0deg, #1488CC, #2B32B2);
  background-image : -moz- oldlinear-gradient(0deg, #1488CC, #2B32B2);
  background-image :      -o-linear-gradient(0deg, #1488CC, #2B32B2);
  background-image :         linear-gradient(0deg, #F761A1, #8C1BAB);
}
body.padu-magenta .app-sidebar:after{
  background-image : -webkit-linear-gradient(0deg, #F6CEEC, #D939CD);
  background-image : -moz- oldlinear-gradient(0deg, #F6CEEC, #D939CD);
  background-image :      -o-linear-gradient(0deg, #F6CEEC, #D939CD);
  background-image :         linear-gradient(0deg, #F6CEEC, #D939CD);
}
body.padu-green .app-sidebar:after{
  background-image : -webkit-linear-gradient(0deg, #90F7EC, #32CCBC);
  background-image : -moz- oldlinear-gradient(0deg, #90F7EC, #32CCBC);
  background-image :      -o-linear-gradient(0deg, #90F7EC, #32CCBC);
  background-image :         linear-gradient(0deg, #90F7EC, #32CCBC);
}
body.padu-dark-green .app-sidebar:after{
  background-image : -webkit-linear-gradient(0deg, #BFD976, #006066);
  background-image : -moz- oldlinear-gradient(0deg, #BFD976, #006066);
  background-image :      -o-linear-gradient(0deg, #BFD976, #006066);
  background-image :         linear-gradient(0deg, #BFD976, #006066);
}
body.padu-light-blue .app-sidebar:after{
  background-image : -webkit-linear-gradient(0deg, #00EAFF, #3C8CE7);
  background-image : -moz- oldlinear-gradient(0deg, #00EAFF, #3C8CE7);
  background-image :      -o-linear-gradient(0deg, #00EAFF, #3C8CE7);
  background-image :         linear-gradient(0deg, #00EAFF, #3C8CE7);
}
body.padu-orange .app-sidebar:after{
  background-image : -webkit-linear-gradient(0deg, #FEC163 10%, #DE4313 100%);
  background-image : -moz- oldlinear-gradient(0deg, #FEC163 10%, #DE4313 100%);
  background-image :      -o-linear-gradient(0deg, #FEC163 10%, #DE4313 100%);
  background-image :         linear-gradient(0deg, #FEC163 10%, #DE4313 100%);
}
body.padu-purple-green .app-sidebar:after{
  background-image : -webkit-linear-gradient(0deg, #5EFCE8 10%, #736EFE 100%);
  background-image : -moz- oldlinear-gradient(0deg, #5EFCE8 10%, #736EFE 100%);
  background-image :      -o-linear-gradient(0deg, #5EFCE8 10%, #736EFE 100%);
  background-image :         linear-gradient(0deg, #5EFCE8 10%, #736EFE 100%);
}
body.padu-lochmara .app-sidebar:after{
  background-image : -webkit-linear-gradient(0deg, #65FDF0 10%, #1D6FA3 100%);
  background-image : -moz- oldlinear-gradient(0deg, #65FDF0 10%, #1D6FA3 100%);
  background-image :      -o-linear-gradient(0deg, #65FDF0 10%, #1D6FA3 100%);
  background-image :         linear-gradient(0deg, #65FDF0 10%, #1D6FA3 100%);
}
body.padu-sea-green .app-sidebar:after{
  background-image : -webkit-linear-gradient(0deg, #BCE3CE, #92DACC);
  background-image : -moz- oldlinear-gradient(0deg, #BCE3CE, #92DACC);
  background-image :      -o-linear-gradient(0deg, #BCE3CE, #92DACC);
  background-image :         linear-gradient(0deg, #BCE3CE, #92DACC);
}

.padu-color .padu-red{
  background-image : linear-gradient(270deg, #d41313, #b22b2b);
}
.padu-color .padu-blue{
  background-image : linear-gradient(270deg, #1488CC, #2B32B2);
}
.padu-color .padu-purple{
	background-image : linear-gradient(270deg, #CE9FFC, #7367F0);
}
.padu-color .padu-violet{
	background: linear-gradient(270deg, #F761A1, #8C1BAB); 
}
.padu-color .padu-magenta{
	background: linear-gradient(270deg, #F6CEEC, #D939CD); 
}
.padu-color .padu-light-blue{
	background-image : linear-gradient(270deg, #00EAFF, #3C8CE7);
}
.padu-color .padu-purple-green{
	background: linear-gradient(270deg, #5EFCE8, #736EFE); 
}
.padu-color .padu-green{
	background-image : linear-gradient(270deg, #90F7EC, #32CCBC);
}
.padu-color .padu-orange{
	background: linear-gradient(270deg, #FEC163, #DE4313); 
}
.padu-color .padu-lochmara{
	background: linear-gradient(270deg, #65FDF0, #1D6FA3); 
}
.padu-color .padu-dark-green{
	background: linear-gradient(270deg, #BFD976, #006066); 
}
.padu-color .padu-sea-green{
  background-image : linear-gradient(270deg, #BCE3CE, #92DACC);
}

/* PADU Color End */

/* LOGIN */
body.login-page .sidebar-logo{
	background: url('../img/padu.png') no-repeat;
	height: 18px;
	width: 130px;
	margin-left: 15px;
	margin-top: 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
 body.login-page .sidebar-logo {
  background-image:url('../img/padu@2x.png');
  background-size:64px 18px
 }
}
.login {
  padding: 15px;
  width: 400px;
  min-height: 400px;
  margin: 2% auto 0 auto;
}
.login img {
  text-align: center;
}
.login form .input-group {
  border-bottom: 1px solid rgba(72, 72, 71, 0.3);
}
.login form .input-group:last-of-type {
	margin-top: 30px;
  border-top: none;
}
.login form .input-group span {
  background: transparent;
  min-width: 53px;
  border: none;
}
.login form .input-group span i {
  font-size: 1.5em;
	color: rgba(72, 72, 71, 0.5);
}
.login form .input-group .username{
  color: #4CD2EE;
}
.login form .input-group .password{
  color: #41CDF2;
}
.login form .input-group .captcha{
  color: #2CC3FA;
}
.login form input.form-control {
  display: block;
  width: 330px;
  height: auto;
  border: none;
  outline: none;
  box-shadow: none;
  background: none;
  border-radius: 0px;
  padding: 10px 10px 15px 30px;
  font-size: 1.0em;
  background: transparent;
  color: #30271F;
  margin-top: 15px;
	margin-bottom: 0px; 
}
.login form input.form-control::placeholder {
    color: rgba(72, 72, 71, 0.5);
}
.login input[type=text]:not(.browser-default):focus:not([readonly]),
.login input[type=password]:not(.browser-default):focus:not([readonly]){
  border-bottom: none;
  -webkit-box-shadow: 0 1px 0 0 #3ECCF3;
          box-shadow: 0 1px 0 0 #3ECCF3;
}
.login .prefix {
  position: absolute;
  margin-top: 8px;
	z-index: 2;
}
.login .note{
	margin-top: 10px;
	font-size: 13px;
	color: rgba(72, 72, 71, 0.7);
}
.login .note a{
	color: #24B4FF;
}
.login .note a:hover{
	color: #3586FF;
}
.login .alert{
	margin-top: 5px;
	color: #f44336;
	font-size: 13px;
	height: 24px;
}
.login .alert i{
	font-size: 18px;
	padding: 3px 5px 0 0;
}
.login a.forgot {
	margin-top: 30px;
	font-size: 13px;
	color: #24B4FF;
	display: inline-block;
}
.login a.forgot:hover {
	color: #3586FF;
}
.login form button {
  margin-top: 50px;
  background: #5433FF;  
	background: -webkit-linear-gradient(45deg, #A5FECB, #20BDFF, #5433FF);  
	background: linear-gradient(45deg, #A5FECB, #20BDFF, #5433FF); 
  border: none;
  font-size: 1.4em;
  font-weight: 300;
  padding: 10px 0;
  width: 100%;
  color: #fff;
	cursor: pointer;
	border-radius: 3em;
}
.login form button:hover {
  background: #5433FF;  
	background: -webkit-linear-gradient(120deg, #A5FECB, #20BDFF, #5433FF);  
	background: linear-gradient(120deg, #A5FECB, #20BDFF, #5433FF); 
  -webkit-animation: hop 1s;
  animation: hop 1s;
}
.button_login {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 5px 1px transparent;
}
.button_login:hover, .button_login:focus, .button_login:active {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}
@media only screen and (max-width: 1200px) {
  .login {
    font-size: 1.1em;
  }
}
@media only screen and (max-width: 768px) {
  .login {
    margin-top: 0;
    font-size: 1em;
    min-height: 0;
  }
}
@media only screen and (max-width: 480px) {
  .login {
    margin-top: 0;
    font-size: 1.1em;
		width: 320px;
    min-height: 0;
  }
	.login form input.form-control,
	.login input[type=text]:not(.browser-default):focus:not([readonly]),
	.login input[type=password]:not(.browser-default):focus:not([readonly]){
		width: 250px;
	}
}
@media only screen and (max-width: 320px) {
  .login {
    margin-top: 0;
    width: 250px;
    font-size: 0.8em;
    min-height: 0;
  }
	.login form input.form-control,
	.login input[type=text]:not(.browser-default):focus:not([readonly]),
	.login input[type=password]:not(.browser-default):focus:not([readonly]){
		width: 180px;
	}
}
/* LOGIN End */

div[class*="w-"]{
	margin: 0 auto;	
}
.w-100{
  max-width: 100%;
}
.w-1320 {
	max-width: 1320px;
}
.w-1280 {
	max-width: 1280px;
}
.w-1140 {
	max-width: 1140px;
}
.w-1024 {
	max-width: 1024px;
}
.w-960 {
	max-width: 960px;
}
.w-800 {
	max-width: 800px;
}
.w-400 {
	max-width: 400px;
}
.pad-20{
	padding: 0 20px;
}
#apps-modal{
	min-width: 320px; 
}
.fullwidth {
  padding-left: 280px;
}
.slide-in {
  z-index: 999; 
  position: absolute;
}
.slide-in.from-left {
  left: 0;
}
.slide-in.from-right {
  right: 0;
}
.slide-in-content {
  transition: all .5s ease; 
}
.slide-in.from-left .slide-in-content {
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}
.slide-in.from-right .slide-in-content {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.slide-in.show .slide-in-content {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}
.sidenav{
	width: 280px;	
}
.login-page nav {
	-webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
nav .logo {
    position: relative;
    color: #000;
    display: inline-block;
    font-size: 24px;
    padding: 0;
	line-height: 43px;
}
nav i.material-icons, i.fa{
	height: auto !important;
}
nav, nav .nav-wrapper i, nav .nav-content i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
    line-height: 45px;
}
.sidenav-overlay{
	opacity: 0 !important;
	}
nav {
  height: 45px;		
}
nav .nav-wrapper {
  padding: 0 5px 0 0;	
}
nav .nav-wrapper #notifications-dropdown {
  width: 300px;
	max-height: 460px;
}
nav .nav-wrapper #apps-dropdown {
    width: 320px;
	max-height: 460px;
}
nav ul a,
nav .brand-logo {
  color: #444;
}
.app-sidebar{
	background-image: url('../img/padu_sidebar.jpg');	
	background-position: top center;
	background-size: cover;
	position: relative;
}
.light-mode .logo{
    color: #000;
}
.light-mode .sidebar-logo a.navbar-toggler i, .light-mode .sidebar-logo .side-toggler{
    color: #616161;   
}
.light-mode .sidenav li > a {
	color: rgba(0, 0, 0, 0.87);	
}
.light-mode .sidenav .inactive {
	color: rgba(0, 0, 0, 0.25);	
}
.light-mode .sidenav li > a > i, .light-mode .sidenav li > a > i.material-icons{
	color: #5CB1E4;	
}
.light-mode .sidenav li > a > i, .light-mode .sidenav li > a > i.material-icons{
	color: rgba(0, 0, 0, 0.87);	
}
.light-mode .sidenav .inactive .material-icons{
	color: rgba(0, 0, 0, 0.25);	
}
.light-mode .sidenav .collapsible-header::after {
	color: rgba(0, 0, 0, 0.87);	
}

.light-mode .app-sidebar:after{
	content: "";	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background-color: #fff;
  opacity : 0.95;
  z-index: -1;
}
.light-mode .splitter{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.67), transparent);
    background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.67), transparent);
    background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.67), transparent);
    background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.67), transparent);
    margin-bottom: 3px;
}
.dark-mode .logo{
    color: #fff;
}
.dark-mode .sidenav li > a, .dark-mode .sidenav li > a > i, .dark-mode .sidenav li > a > i.material-icons{
	color: #fff;	
}
.dark-mode .sidenav .inactive, .dark-mode .sidenav .inactive .material-icons {
	color: #333;	
}
.dark-mode .sidenav .subheader{
	color: #fff;
}
.dark-mode .sidenav .collapsible-header::after {
	color: #fff;
}

.dark-mode .app-sidebar:after{
  background-image : -webkit-linear-gradient(0deg, #333, #000);
  background-image : -moz- oldlinear-gradient(0deg, #333, #000);
  background-image :      -o-linear-gradient(0deg, #333, #000);
  background-image :         linear-gradient(0deg, #333, #000);
}
.app-sidebar:after{
	content: "";	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  background-repeat : repeat-x;
  opacity : 0.9;
  z-index: -1;
}
.dark-mode .splitter{
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, transparent, #fff, transparent);
  background-image: -moz-linear-gradient(left, transparent, #fff, transparent);
  background-image: -ms-linear-gradient(left, transparent, #fff, transparent);
  background-image: -o-linear-gradient(left, transparent, #fff, transparent);
  margin-bottom: 3px;
}
.sidenav-tab{
	font-size: 14px;
}
.sidenav-tab .sidenav{
	-webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.sidenav-tab .sidenav li > a{
	padding: 0;
}
.sidenav-tab .collapsible{
	border-left: none;
	border-right: none;
}
.sidenav-tab .sidenav li .active, .sidenav-tab .sidenav li > a > i{
	margin: 0 !important;
	float: none;
	border-radius: 8px;
}	
.sidenav-tab .tabs .tab a:focus,
.sidenav-tab .tabs .tab a:focus.active {
 background-color:rgba(0,0,0,0.2);
}
.sidenav-tab .tabs .tab a:hover,
.sidenav-tab .tabs .tab a.active {
 background-color:transparent;
 color:#fff
}
.sidenav-tab .tabs .indicator{
	background-color:orange;
}
.tab-sidebar{
	width: 230px !important;
	background: #222d32;
	color: #b8c7ce;
	padding: 10px;
}
.sidenav-tab .tabs{
	background-color: #1c2529;
	overflow-x: hidden;
	border-radius: 8px;
}
.sidenav-tab .tabs .tab{
	width: 33.33%;
}
.sidenav-tab .tabs .tab a{
	text-align: center;
}
.sidebar-logo{
  position: relative;
	width: 280px;
	height: 45px;
	padding: 0 10px;
	float: left;
}
.sidebar-logo a.navbar-toggler i{
	font-size: 17px;	
}
.sidebar-logo i.side-toggler {
	margin-right: 5px !important;
}
.nav-search{
  height: 45px;
	width: -webkit-calc(100% - 600px);
	width: -moz-calc(100% - 600px);
	width: calc(100% - 600px);
  background: #fff;
  border-left: 1px solid #efefef; 
	display: inline-block;
	margin-right: 10px;
	padding: 0 10px;
}
.navbar .nav-search:hover > i{
	color: #999;
}
.navbar .nav-search i {
  font-size: 24px;
	color: #efefef;
}
.navbar input.header-search-input
{
  font-size: 16px;
  font-weight: 400;
	height: 45px;
  width: 40%;
  -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
       -o-transition: all 200ms ease;
          transition: all 200ms ease;
  border: none;
  outline: none;
  background: rgba(255, 255, 255, .3);
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.navbar input.header-search-input:hover
{
    background: rgba(255, 255, 255, .5);
}
.navbar input.header-search-input:focus
{
  color: #333;
  border-bottom: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.navbar .header-search-wrapper-focus i
{
  color: #444;
}
.navbar .header-search-input:focus::placeholder
{
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
.navbar .header-search-input::placeholder
{
  font-size: 16px;
  font-weight: 400;
  color: #BABABA;
}
.navbar .avatar{
	display: inline-block;
	padding: 5px 0;
	height: 43px;
	vertical-align: top;
	white-space: nowrap;
}
.navbar .apps, .apps-modal .apps{
	padding: 20px 5px 0px;
}
.navbar .apps .app, .apps-modal .apps .app{
	padding: 0 0 5px;
	width: 33.3%;
	float: left;
	margin: 0 auto;
	text-align: center;
	height: 100px;
	vertical-align: middle;
	border: 1px solid #fff;
	border-radius: 4px;
	margin-bottom: 20px;
	position: relative;
}
.navbar .apps .app:hover, .apps-modal .apps .app:hover{
	border: 1px solid #efefef;
	border-radius: 4px;
}
.navbar .apps .app .app-label, .apps-modal .apps .app .app-label{
	font-size: 12px;
	line-height: 10px;
}
.navbar .apps .app .app-icon, .apps-modal .apps .app .app-icon{
	width: 60px;
	height: 60px;
	display: inline-block;
	text-align: center;
	vertical-align:top;
}
div[class*="padu-icon-"]{
	height: 60px;
	background-image: url('../img/padu_apps.png');
	background-repeat: no-repeat;	
	background-size: 360px 180px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-resolution: 240dpi) {
	div[class*="padu-icon-"]{
		background-image: url('../img/padu_apps@2x.png');
	}
}
div[class*="padu-big-icon-"]{
	height: 300px;
	width: 300px; 
	background-image: url('../img/padu_apps_big.png');
	background-repeat: no-repeat;	
	display: inline-block;
	text-align: center;
	vertical-align:top;
}
.padu-icon-social{
	background-position: 0px 0px; 
}
.padu-big-icon-social{
	background-position: 0px 0px; 
}
.padu-icon-account{
	background-position: -60px 0px; 
}
.padu-icon-agenda{
	background-position: -120px 0px; 
}
.padu-icon-academic{
	background-position: -180px 0px; 
}
.padu-icon-financial{
	background-position: -240px 0px; 
}
.padu-icon-human{
	background-position: -300px 0px; 
}

.padu-icon-library{
	background-position: 0px -60px; 
}
.padu-icon-research{
	background-position: -60px -60px; 
}
.padu-icon-dedication{
	background-position: -120px -60px; 
}
.padu-icon-planning{
	background-position: -180px -60px; 
}
.padu-icon-procurement{
	background-position: -240px -60px; 
}
.padu-icon-tools{
	background-position: -300px -60px; 
}

.padu-icon-mail{
	background-position: 0px -120px; 
}
.padu-icon-stock{
	background-position: -60px -120px; 
}
.padu-icon-archive{
	background-position: -120px -120px; 
}
.padu-icon-email{
	background-position: -180px -120px; 
}
.padu-icon-survey{
	background-position: -240px -120px; 
}
.navbar .more, .apps-modal .more{
	width: 100%;
	float: left;
	text-align: center;
	height: 40px;
	line-height: 40px;
	position: relative;
	background-color: orange;
	margin-bottom: 15px;
	color: #fff;
}
.navbar .more:hover, .apps-modal .more:hover{
	background-color: #BABABA;
}
.navbar-fixed{
  height: 45px;		
}
.sidenav li > a{
	padding: 0 25px;	
}
.sidenav li  .active{
	background: rgba(200, 200, 200, 0.2);
	margin: 0 10px;
	border-radius: 3rem;
}
.sidenav li > a > i, .sidenav li > a > i.material-icons{
	margin: 0 20px 0 0;	
}
.sidenav .collapsible-header{
	padding: 0 25px;
}
.sidenav .collapsible-header::after {
  font-family: 'Material Icons';
  font-size: 18px;
  position: absolute;
  right: 16px;
  content: 'keyboard_arrow_right';
  transition: transform .3s ease-in-out,opacity .25s ease-in-out .1s,-webkit-transform .3s ease-in-out;
}
.sidenav li.active > .collapsible-header::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sidenav .collapsible-body{
	background-color: transparent;
}
.sidenav li .collapsible-body a i {
    font-size: .7rem;
	margin-right: 0px;
}
.sidenav-main .collapsible{
	border: none;
}
.sidenav-trigger {
  color: #26a69a;
}
.login-page .link-footer{	
	background-color: #F2F2F2;
	color: rgba(0,0,0,.54);
	border-top: 1px solid #e4e4e4;
}
footer.page-footer {
  margin: 0;
	line-height: 1;
}
.page-footer{
	padding-top: 0;
	width: 100%;
	background-color: #F4F5FA;
}
.link-footer{
	padding: 10px 0;
	background-color: #fff;
	font-size: 13px;
	color:rgba(0, 0, 0, 0.82)
}
.page-footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
	display: inline-block;
}
.page-footer li {
  float: left;
}
.page-footer li a {
	color:rgba(0, 0, 0, 0.82);
  text-align: center;
  margin: 0 15px;
  text-decoration: none;
}
.page-footer li a:hover {
	border-bottom: dotted 1px rgba(0, 0, 0, 0.82);
}
.page-footer li .active {
	color:rgba(0, 0, 0, 0.62);
	font-weight: bold;
}
@media only screen and (max-width : 992px) {
  header, main, footer {
    padding-left: 0;
  }
	.navbar-fixed{
		height: auto;		
	}
	body:not(.login-page) .sidebar-logo {
		margin: 0 auto;
		display: inline-block;
		float: none;
		left:50%;
		-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
		text-align: center;
		border-radius: 0px 0px 15px 15px;
	}
	.mobile-menu{
		position: absolute;
	}
	.navbar-fixed nav {
    position: relative;
	}
	nav {
		height: 90px;
	}
	nav .nav-wrapper {
    height: 45px;
		padding: 0;
	}
	nav .mobile-search{
		height: 45px;
		background-color: #546e7a;
	}
	body:not(.login-page)  nav .sidebar-logo .logo {
		font-size: 18px;
	}
	.sidenav-tab  .invisible-top {
    top: 90px;
  }
}
@media only screen and (max-width : 380px) {
	body:not(.login-page) .sidebar-logo{
		width: 180px;	
	}
	body:not(.login-page) nav .sidebar-logo .logo {
		font-size: 16px;
	}
}
 @media only screen and (min-width : 992px) {
  .invisible-top {
    top: 45px;
  }
}
.nav-content{
	height: 45px;
	line-height: 45px;
}
.nav-content .waves-effect{
	vertical-align: top;	
}
.nav-menu{
	padding: 0 15px;
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  bottom: 0px;
  position: absolute;
}
.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  right: 0;
  position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute;
}
.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
/*  fontSize: */
.xs   {font-size: 0.75rem}
.sm   {font-size: 0.875rem}
.base {font-size: 1rem}
.lg   {font-size: 1.125rem}
.xl   {font-size: 1.25rem}
.xl2  {font-size: 1.5rem}
.xl3  {font-size: 1.875rem}
.xl4  {font-size: 2.25rem}
.xl5  {font-size: 3rem}
.xl6  {font-size: 4rem}
.fs1  {font-size: 1vw}
.fs2  {font-size: 1.4vw}
.fs3  {font-size: 1.6vw}
.fs4  {font-size: 1.8vw}
.fs5  {font-size: 2vw}
.fs6  {font-size: 2.2vw}
.fs7  {font-size: 2.4vw}
.fs8  {font-size: 2.6vw}

.materialert{
  position: relative;
  min-width: 150px;
  padding: 15px;
  margin-bottom: 20px;
  margin-top: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.1s linear;
  webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.materialert .material-icons{
  margin-right: 10px;
}
.materialert .close-alert{
  -webkit-appearance: none;
  border: 0;
  cursor: pointer;
  color: inherit;
  background: 0 0;
  font-size: 22px;
  line-height: 1;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
  filter: alpha(opacity=40);
  margin-bottom: -5px;
  position: absolute;
  top: 16px;
  right: 5px;
}
.materialert.info{
  background-color: #039be5;
  color: #fff;
}
.materialert.success{
  background-color: #43a047;
  color: #fff;
}
.materialert.error{
  background-color: #c62828;
  color: #fff;
}
.materialert.danger{
  background-color: #c62828;
  color: #fff;
}
.materialert.warning{
  background-color: #fbc02d;
  color: #fff;
}