/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-background-clip: text;
	-webkit-text-fill-color: #eee;
}

img{
	max-width:100% !important;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: none;
    color: #295fa1;
	line-height:120%;
}

[data-site_mode="dark"] h1, [data-site_mode="dark"] h2, [data-site_mode="dark"] h3, [data-site_mode="dark"] h4, [data-site_mode="dark"] h5, [data-site_mode="dark"] h6, [data-site_mode="dark"] a{
  color: #fff;
}


nav.navigation.fixedtop{
  position: sticky;
  transition: transform .25s linear;
  top:0;
  transform: translateY(0);
}

nav.navigation.fixedtop.nav-hidden{
	transform: translateY(-70px);
}

nav .navicon i {
    font-size: 34px;
}
.sidenav.sidemenu li.lvl1 a:after {
    content: "";
}



.page{
	padding:0 0 65px 0;
}
.page p a{
	text-decoration:underline;
}

.navigation .brand-logo{
	padding-top:10px;
}
.navigation .brand-logo img{
	max-height:40px;
}	
.navigation #logo-container {
    line-height: 30px !important;
}

nav .navicon.nav-site-mode, nav .navicon.sidenav-trigger {
    margin: 10px 18px 10px 0;
}


/* @media only screen and (min-width : 668px) and (max-width : 480px) and (orientation : portrait) { */
@media only screen and (min-width : 668px) {
	.navigation .brand-logo{
		margin-left:-40px;
	}
	
	.navigation .brand-logo img{
		max-height:45px;
	}	
	
	nav .navicon.nav-site-mode, nav .navicon.sidenav-trigger {
		margin: 15px 18px 10px 5px;
	}	

	nav .navicon.nav-site-mode, nav .navicon.sidenav-trigger {
		margin-top: 15px 18px 10px 5px !important;
	}
}




.settings-row a{
	display:block;
}


.login-area .input-field input{
	border-left:0 !important;
	border-right:0 !important;
	box-shadow:none !important;
	border-color:#fff !important;
}

.login-area label {
    color: #c0c0c0 !important;
}


@media only screen and (max-width : 668px) {
	#tabs-swipe-files li.col{
		width:auto !important;
	}
}


.notice-bell{
	position:absolute;top:0;right:50px;
}
.notice-bell .navicon{
	margin: 16px 18px 10px 0;
}
@media only screen and (max-width : 584px) {
	.notice-bell .navicon{
		margin: 12px 18px 10px 0;
	}
}
.notice-bell .notice-unred{
	position:absolute;top:0;right:0;z-index:2;background:#9b1319;color:#fff;border-radius:50%;width:17px;height:17px;font-size:10px;font-weight:bold;line-height:17px;
}

.modal.alert-modal .modal-content{
	padding:0;
}

.collection.notifications{
	border:0;
	box-shadow: none !important;
}
.collection.notifications .collection-item.inactive{
	opacity:.6;
}
.collection.notifications .collection-item.deleted{
	display:none;
}

.collection.notifications .collection-item.avatar p {
    padding-right: 60px;
}
.collection.notifications .collection-item .time{
	text-align:right;
}
.collection.notifications .collection-item .mdi{
	font-size:25px;
}


@media only screen and (max-width: 992px){
	.modal {
		width: 90%;
	}
}


html{
	height:100%;	
}

.dropupmenu{
	position:relative;
}

.dropupmenu:hover{
	cursor:pointer;
}
.dropupmenu .dropupmenu-footer-menu{
	position:absolute; 
	bottom:0; 
	padding-bottom:54px;
	left:50%; 
	margin-left:-50px; 
	width:100px; 
	height:auto; 
	display:none;
}		
.dropupmenu .dropupmenu-footer-menu .footer-menu{
	position:relative; 
	bottom:0; 
	left:0; 				
	width:100px; 
	height:auto; 
}	
.dropupmenu .dropupmenu-footer-menu .footer-menu li{
	width:100%;display:block;float:none;text-align:center;padding:5px 0; 
}		
.dropupmenu .dropupmenu-footer-menu .footer-menu li a{
	display:block;
}			
.dropupmenu.menuactive .dropupmenu-footer-menu{
	display:block;
}	
.dropupmenu.menuactive i.mdi-menu:before{
	content: "\F156";
}