/*----------------------------------------
    GENERAL
------------------------------------------*/
body, html {
	height: 100%;
  color: rgba(0,0,0,0.87);
}

#main {
}

/*----------------------------------------
    LOGIN
------------------------------------------*/
.bg-login {
	background-image: url(/public/images/background.png);
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: -250px;
}

.bg-login img {
	padding: 15px;
}

.bg-login h6 {
	text-indent: 15px;
}

#login-form-wrapper {
	position: absolute;
	right: 0;
	width: 430px;
	min-width: 430px;
	max-width: 430px;
	background: white;
	height: 100%;
	padding: 50px;
}

@media only screen and (max-width: 992px) {
	#login-form-wrapper {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
}

#login-form {
	margin: 0 auto;
}

@media only screen and (max-width: 992px) {
	#login-form {
		max-width: 400px;
	}
}

/*----------------------------------------
    Login Page
------------------------------------------*/
.login-form {
  width: 280px;
}

.login-form-text {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8rem;
}

.profile-image-login {
  width: 100px;
  height: 100px !important;
}

.login-text {
  margin-top: -6px;
  margin-left: -6px !important;
}


/*----------------------------------------
    NAVBAR
------------------------------------------*/
header .brand-logo {
    margin: 1px 0;
    padding: 0 15px;
}

.side-nav{
	width: 240px;
	background-color: #333333;
	color:#B3B3B3;
}
nav.top-nav {
  height: 122px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

nav.top-nav a.page-title {
  line-height: 122px;
  font-size: 48px;
}

nav ul li.no-hover:hover {
  background: none;
}

.side-nav a {
  line-height: 42px;
  height: 42px;
}

.side-nav.leftside-navigation .collapsible-body li.active {
  background-color: #1a1a1a;
}

.side-nav.fixed.leftside-navigation .collapsible-body li.active {
  background-color: #1a1a1a;
}

.side-nav .collapsible-body li a {
  margin: 0 1rem 0 3rem;
}

ul.side-nav.leftside-navigation {
  top: 64px;
  overflow: hidden;
}

ul.side-nav.leftside-navigation hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e0e0e0;
  margin: 1em 0;
  padding: 0;
}

ul.side-nav.leftside-navigation li {
  line-height: 44px;
}

ul.side-nav.leftside-navigation li:hover {
  background-color: #1a1a1a;
}

ul.side-nav.leftside-navigation li.active {
  background-color: #1a1a1a;
}

ul.side-nav.leftside-navigation li a {
  font-size: 14px;
  font-weight: 400;
}

ul.side-nav.leftside-navigation li.user-details {
 /*  background: url("../images/user-bg.jpg") no-repeat center center; */
 background: none;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 15px 0 0 15px;
}

ul.side-nav.leftside-navigation li.user-details #profile-dropdown a {
  padding: 8px 15px;
}

ul.side-nav.leftside-navigation li.title {
  padding: 0 10px;
  color: #666;
}

ul.side-nav.leftside-navigation li.title:hover {
  background-color: inherit;
}

ul.side-nav.leftside-navigation .profile-btn {
  margin: 0;
  text-transform: capitalize;
  padding: 0;
  text-shadow: 1px 1px 1px #444;
  font-size: 15px;
}

ul.side-nav.leftside-navigation ul.collapsible-accordion {
  background-color: #333333;
}

ul.side-nav li {
  padding: 0;
}

ul.side-nav .collapsible-header {
  margin: 0;
}
.side-nav .collapsible-body, .side-nav.fixed .collapsible-body{
  background-color: #333333;
}

#slide-out li a i {
  line-height: inherit;
  width: 2rem;
  font-size: 1.6rem;
  display: block;
  float: left;
  text-align: center;
  margin-right: 1rem;
}

#slide-out ul.side-nav li {
  padding: 0 !important;
}

.caption {
  font-size: 1.25rem;
  font-weight: 300;
  margin-bottom: 30px;
}

.caption-uppercase {
  font-size: 1.25rem;
  font-weight: 300;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.sidebar-collapse {
  position: absolute;
  left: -170px;
  top: -45px;
}

.user-task,
.user-time {
  margin: 0;
  font-size: 13px;
  color: #fff;
}

.user-roal {
  color: #fff;
  margin-top: -16px;
  font-size: 13px;
  text-shadow: 1px 1px 1px #444;
}

.user-details .row {
  margin: 0;
}

.bold > a {
  font-weight: bold;
}

.rightside-navigation {
  overflow: hidden;
}

#slide-out li.active>a, #slide-out li.active>a>i{
	color:#fff;
}
#slide-out li a, #slide-out li a i{
	color:#b3b3b3;
}

#profile-dropdown > li:not(.divider) {
	height: 60px
}
#profile-dropdown > li.divider {
	margin: 0;
}
#profile-dropdown > li:not(.divider):hover > a, #profile-dropdown > li:not(.divider):hover > a > i {
	color:white;
}
#profile-dropdown > li:not(.divider):hover {
	background-color: #333;
}


/*----------------------------------------
    SIDEBAR
------------------------------------------*/
.userInfos{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
}
.userInfosText{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
}

/*----------------------------------------
  Breadcrumb
------------------------------------------*/
.breadHeader{
  height: 76px;
  min-height: 76px;
  max-height: 76px;
  padding: 24px;
  background-image: url(/public/images/bread-bg.png);
  background-color: #53b8c5;
  background-size: fixed;
  background-position-y: -260px;
  color:white;
}
.breadHeader > div > h4{
  margin-top: -5px;
}
h4 > i.material-icons{
  font-size: 2.28rem;
  position: relative;
  top: 5px;
}

.tabs .tab a{
  color: #b1b1b1;
}
.tabs .tab a:hover{
  color:#53b8c5;
}
.tabs .tab a.active{
  color: #00acc1;
}
.tabs .indicator{
  background-color: #00acc1;
}


.waves-effect.waves-cyan .waves-ripple {
  background-color: rgba(77, 208, 255, 0.65);
}





/*----------------------------------------
  MODAL
------------------------------------------*/
.modal.modal-large {
  top: 5% !important;
  height: 85%;
  max-height: 85%;
  width: 80%;
}
.modal.modal-full {
  top: 1% !important;
  height: 95%;
  max-height: 95%;
  width: 95%;
}


.progress {
  background-color: rgba(197, 197, 197, 0.22);
}

.dropify-wrapper .dropify-message p{
  text-align: center;
}

.card .card-image.folder{
  min-height: 120px;
  max-height: 120px;
  height: 120px;
  margin-bottom: 58px;
}

.breadcrumb:before{
  content: '\E5CC' !important;
  font-family: 'Material Icons' !important;
}

.collapsible .collapsible-header i.material-icons.active{
  display: none;
}
.collapsible .collapsible-header.active i.material-icons.active{
  display: block;
}

.collapsible .collapsible-header i.material-icons.inactive{
  display: block;
}
.collapsible .collapsible-header.active i.material-icons.inactive{
  display: none;
}

.card .card-image span.card-title.grey{
  padding:5px;
  font-size: 20px;
  font-weight: 400;
  opacity: 0.9;
  position: absolute;
  bottom: -58px;
  top: inherit;
  right: 0;
}

.card .card-content.my-content{
  padding: 10px;
}
.small-text{
  font-size: .6em;
  font-weight: 300;
}


.my-notif-badge{
  position:absolute;
  height: 30px;
  line-height: 24px;
  width: 30px;
  text-align: center;
  top: 5px;
  right: 15px;
}

.notif-card{
  cursor: pointer;
}

#login-page{
  width: 300px;
}