@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../fonts/MaterialIcons-Medium.woff2) format('woff2'),
       url(../fonts/MaterialIcons-Regular.woff) format('woff'),
       url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; 
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;

  -moz-osx-font-smoothing: grayscale;

  font-feature-settings: 'liga';
}
.modal{overflow-y: hidden;}
html, .login-bg, .dropdown-content, .login-card, .sidenav, .modal, .modal .modal-footer{
  background-color: #212725; /*dark-forms*/
}
.dropdown-content li:hover, .dropdown-content li.active, .sidenav .collapsible-body, .sidenav.fixed .collapsible-body, .card {
  background-color: #2f3835; /*bg-dark-mode*/
}
html, a, .btn-flat, .card-title, .dropdown-content li, .dropdown-content li>a, .dropdown-content li>span, .sidenav li>a>i, .sidenav li>a>[class^="mdi-"], .sidenav li>a li>a>[class*="mdi-"], .sidenav li>a>i.material-icons {
  color:#e8f0fe; /*light*/
}    
.xcard-title{
  color:#2f3835; /*dark*/
}
.login-bg {
  background-repeat: no-repeat;
  background-size: cover;
}

#login-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.login-card{
  margin-left: 0 !important;
  border-radius: 6px !important;
  padding:0 20px !important;
}
.login-img{
  width: 100px;
  height: auto;
}
.container{width: 95%}

.plus-btn, .minus-btn{
  padding:0 0px;
}
.pm-wrapper{
  padding:0!important;
  margin:0!important;
}
.autocomplete-content li .highlight {
  color: #4caf50;
}
.no-margin{margin:0;}
.no-padding{padding:0;}
.mb0{margin-bottom: 0px;}
.mt0{margin-bottom: 0px;}
main, nav, footer{padding-left:300px!important;}
@media only screen and (max-width : 992px) {
  nav ul a {
    padding: 0 6px;
  }  
  main, nav, footer{padding-left:0px !important;}
}
nav{background-color: #eee;}
.sidenav li > a {padding: 0 16px;color:#e8f0fe;}
.sidenav li > a > i, .sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"], .sidenav li > a > i.material-icons {
  margin :0 10px 0 0 !important;
  }
.sidenav li > a > i.material-icons.right {
  margin :0 0 0 10px !important;
  }
.sidenav {
    -webkit-transform: translateZ(0);
    height: 110%; 
}
.sidenav.sidenav-fixed{
  overflow:hidden;
  /*overflow-y:auto;*/
  top:0;
}

.sidenav .user-view .circle,.main-prof{
  overflow:hidden;
  height:150px!important;
  width:150px!important;
  margin:0 auto !important;
  background-color:#fff;
  border:solid 8px #fff;
}

.prof-mid{
  position: absolute;
  right: 50%;
  bottom: -90px;  
}
.main-prof img{
  width:100%!important;
  height:auto;
  margin:0 auto;
}
.main-prof a{
  margin:0!important;
  height:100%!important;
}
@media only screen and (max-width : 600px) {
  .sidenav .user-view .circle,.main-prof{
    border:solid 4px #fff;
  }
  .main-prof{
    height:75px!important;
    width: 75px!important;
  }
}

.brand-logo a{padding:20px;}
.brand-logo img{height:70px;padding:10px;}
@media only screen and (max-width : 992px) {
  .brand-logo img{
    /*padding-left:120px;*/
    padding-top:20px;height:60px;}
}
@media only screen and (max-width : 600px) {
  .brand-logo img{margin:0 auto;padding-top:2px;height:60px;}
}

.collapsible-body ul li, .collapsible-body ul li a,  .collapsible-body ul li a i.material-icons {
  height:30px;
  line-height:30px;
}
.background{
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;  
}
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea{
  color:#fff;
  background-color: #2f3835;
}
#mavatar{
  height:40px;
  margin: 10px 0 -10px 0;
}
.row{
  margin-bottom:0px;
}
.modal.bottom-sheet {
  max-height: 90%;
}