
/* 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;
	}
}



.footer-menu li {
    width: 50%;
}


.login-bg:after {
    background-color: rgba(0,0,0,.40);
}
