@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: local('Lato Light'), local('Lato-Light'), url(fonts/Lato-latin-ext.woff2) format('woff2');
	unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: local('Lato Light'), local('Lato-Light'), url(fonts/Lato.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local('Montserrat-Bold'), url(fonts/Montserrat-bold.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
html {
	-webkit-font-smoothing: antialiased;
	/*-webkit-font-smoothing: subpixel-antialiased;*/
}

/*@media
only screen and ( -webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx) {
	-webkit-font-smoothing: subpixel-antialiased;
}*/

*, *:before, *:after {
	box-sizing: border-box;
}
html {font-family: 'Lato', Helvetica, Arial, sans-serif; }
body {background-color:#3e3e3e; min-width:600px;}
.container {}
.ribbon {width:100%; color:#FFF}
.menu-item, .logo-title{
	display:inline-block;
	vertical-align:top;
	padding-top:14px;
}
.menu-item { float:right }
.menu-item h1, .logo-title h1 { font-size:18px; padding:0; margin:0;  text-transform: uppercase;}
.menu-item a:link { 
	padding-right: 20px;
	text-transform:uppercase;
	/*color:#F7C57C;*/
}

.image-logo	{
	padding:6px 6px 3px 6px;
}

.hero {
	background:url(../assets/hero.jpg) center center no-repeat;
	background-size:cover;
	min-height:500px;	
	padding:24px;	
}

.login-box {
	background:#63b0d2 url(../assets/login-background-box2.png) right top no-repeat;
	background-size:86px 179px;
	border:2px solid #86d2ee;
	width:360px;
	padding: 12px 17px;
	position:relative;
	left:40px;
	top:40px;
	border-radius:5% 5% 0 5%;
}
.login-box form { margin:0}
.login-box h1 { font-size:28px; padding: 20px 0 30px 0; margin:0;}
.login-box h2 { font-size:16px; padding: 6px 0; margin:0; }
.login-box h3 { font-size:16px; padding: 12px 0 6px 0; margin:0; color:#f7c57c; }
.login-box span { display:inline-block; width: 30%; padding-top:14px;}
.login-box input { display:inline-block; font-size:16px; width:70%; }
.login-box input[type="submit"] { margin-top:16px; }
.login-box p { font-size:16px; padding:0; margin:0; line-height:16px; }
.login-box div {display:inline-block; }

.login-box-a
{
	text-align:center;
	width:100%;
}
.login-box a { padding:5px 0 13px 0; }
.login-box a:link, .login-box a:visited { color:#FFFFFF; }
.login-box a:hover { color:#000000; }

hr.style-two {
	border: 0;
	height: 2px;
	background-image: linear-gradient(to right, rgba(255,255,255, 0), rgba(255,255,255, 0.75), rgba(255,255,255, 0));
	padding:0;
	margin:0;
}

.columns { }
.columns>div {
	display:inline-block;
	max-width:600px;
	padding:0 20px;
	vertical-align:top;
}

a:link, a:visited { color:#7dd4ef;}
a:hover { color:#59b2d3;}


.useful_title h1
{
	padding:12px 0;
	margin: 0 0 0 20px;
}
.useful_title h2
{
	padding:0;
	margin: 0 0 0 20px;
	font-size:18px;
	font-weight:400;
	
}

.welcome_info
{
	border:1px solid #AAA;
	background-color:rgba(0,0,0,.7);
	width:100%;
	display:block;
	border:1px solid white;
	padding-left:20px;
	padding-right:20px;
	
}
.welcome_info h3
{
	font-size:24px;
}
.welcome_info h4
{
	font-size:18px;
	margin-bottom:0;
}
.welcome_info p
{
	
}
.welcome_info ul
{
	list-style-type:none;
	padding-left:0;
	margin-top:10px;
	
}
.welcome_info li
{
	
}
.welcome_info li>span
{
	display:inline-block;
	width:130px;
}


.invitations
{
	/*padding:1em;*/
	margin:20px;
	display:inline-block;
	
	
	/*border:2px solid #F7C57C;
	background-color:#e8a83a;
	filter:alpha(opacity=70);background-image:-webkit-linear-gradient(transparent, rgba(0,0,0,.10) 40%, rgba(0,0,0,.20));background-image:linear-gradient(transparent, rgba(0,0,0,.10) 50%, rgba(0,0,0,.2));
	border-radius: 5% 5% 0% 5%;*/
}

.invitations ul
{
	padding:0;
	margin:0 0 20px 0;
	list-style-type:none;
	
	border:2px solid #F7C57C;
	background-color:#e8a83a;
	filter:alpha(opacity=70);background-image:-webkit-linear-gradient(transparent, rgba(0,0,0,.10) 40%, rgba(0,0,0,.20));background-image:linear-gradient(transparent, rgba(0,0,0,.10) 50%, rgba(0,0,0,.2));
	border-radius: 5% 5% 0% 5%;
}

.invitations li
{
	padding:12px;
	/*margin:2em;
	border:1px solid yellow;*/
	font-weight:700;
	font-size:24px;
}

.invitations li>span
{
	display:inline-block;
	width:140px;
	font-weight:400;
}

.invitations ul:hover, .invitation ul:hover
{
	cursor:pointer;
	filter:alpha(opacity=70);background-image:-webkit-linear-gradient(transparent, rgba(0,0,0,.10) 40%, rgba(0,0,0,.40));background-image:linear-gradient(transparent, rgba(0,0,0,.10) 50%, rgba(0,0,0,.4));
}














.invitation
{
	margin:20px;
	display:inline-block;
}



.invitation ul
{
	margin:0px 20px 20px 0;
	list-style-type:none;
	border-radius: 5% 5% 0% 5%;
}







.appearance_ul
{
	border:2px solid #BAEA83;
	background-color:#89AB65;
	width:440px;
	padding:12px;
	filter:alpha(opacity=70);background-image:-webkit-linear-gradient(transparent, rgba(0,0,0,.10) 40%, rgba(0,0,0,.20));background-image:linear-gradient(transparent, rgba(0,0,0,.10) 50%, rgba(0,0,0,.2));
}
.appearance_ul:hover
{
	/*filter:alpha(opacity=70);background-image:-webkit-linear-gradient(transparent, rgba(0,0,0,.10) 40%, rgba(0,0,0,.20));background-image:linear-gradient(transparent, rgba(0,0,0,.10) 50%, rgba(0,0,0,.2))*/
	filter:alpha(opacity=70);background-image:-webkit-linear-gradient(transparent, rgba(0,0,0,.10) 40%, rgba(0,0,0,.40));background-image:linear-gradient(transparent, rgba(0,0,0,.10) 50%, rgba(0,0,0,.4));
}

.appearance_ul>span
{
	/*somepadding*/
	display:inline-block;
	margin:10px;
}
.appearance_ul li
{
	font-size:18px;
	font-weight:700;
	line-height:24px;
	
}
.appearance_ul li>span
{
	display:inline-block;
	width:320px; /* 322 is max */
	vertical-align:top;
}
.appearance_ul li>span:first-child
{
	width:90px;
}


.appearance_ul li>div
{
	display:inline-block;
	width:90px;
	/*border:1px solid green;*/
	vertical-align:top;
}
.appearance_ul_highlight
{
	color:#FFF;
}
.appearance_ul_lowlight
{
	color:#ddd;
}
.appearance_ul_lowlight:first-child
{
	color:#aaa;
}
.no_files
{
	border:2px solid #48778D;
	background-color:#D44D43;
}

.appearance_box
{
	border:1px solid #AAA;
	background-color:rgba(0,0,0,.7);
	display:inline-block;
	
}
.appearance_box>div
{
	display:inline-block;
	/*border:1px solid #4887CC;*/
	vertical-align:top;
	/*width:300px;*/
	width:370px;
	padding:16px 32px;
}
.appearance_box>div:first-child
{
	width:600px;
	padding-right:0;
}
.appearance_card
{
	/*border:1px solid #ab87CC;*/
	
	
}
.appearance_card>span
{
	display:block;
	border:2px solid #a3a7CC;
	
	border-radius: 5% 5% 0% 5%;
}
.appearance_card>h3
{
	text-transform: uppercase;
}
.files_card {
	
	
	
}



.files_card>span {
	background-color:#FFFFFF;
	color:#000000;
}
.files_card>span>ul {
	list-style-type:none;
	overflow:hidden;
	padding:8px 16px;
	margin:0;
	
}
.files_card>span>ul:first-child {
	padding-top:16px;
	
	
}
.files_card>span>ul>li {
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-top:8px;
	
}
.files_card>span>ul>li:nth-of-type(1)  { width:50px;padding-top:0;}
.files_card>span>ul>li:nth-of-type(2)  { width:300px; }
.files_card>span>ul>li:nth-of-type(3)  { width:110px; }
.files_card>span>ul>li:nth-of-type(4)  { width:60px; }
.files_card>span>p { padding-left:16px; }
.file_inactive { text-decoration: line-through; }

.return_main_link
{
	
}
.return_main_link a
{
	border: solid 3px #F7c57c;
	border-radius: 10px 10px 0 10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	background: #e8a83a;
	display: block;
	width:50%;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	color:#FFFFFF;
	filter:alpha(opacity=70);background-image:-webkit-linear-gradient(transparent, rgba(0,0,0,.10) 40%, rgba(0,0,0,.20));background-image:linear-gradient(transparent, rgba(0,0,0,.10) 50%, rgba(0,0,0,.2));
}
.return_main_link a:hover
{
	filter:alpha(opacity=70);background-image:-webkit-linear-gradient(transparent, rgba(0,0,0,.10) 40%, rgba(0,0,0,.40));background-image:linear-gradient(transparent, rgba(0,0,0,.10) 50%, rgba(0,0,0,.4));
}


.info_card>span {
	border:2px solid #F2A981;
	background-color:#DD7840;
	color:#FFF;
}
.info_card>span>ul
{
	list-style-type:none;
	overflow:hidden;
	padding:8px 12px;
	margin:0;
}
.info_card>span>ul>li:nth-of-type(1)  { font-weight:700; }


.permissions_card ul
{
	padding-left:28px;
	padding-right:10px;	
}
.permissions_card li
{
	padding:2px 2px;
}

.permissions_card>span {
	border:2px solid #F7C57C;
	background-color:#E8A83A;
	color:#FFF;
}
.permissions_card>span>p {
	padding:0 12px;
}
.permissions_card>span>p:nth-of-type(2) {
	text-align:center;
	font-weight:700;
}
.permissions_card>span>div {
	
	text-align:center;
	margin-bottom:30px;
}
.permissions_card>span>div>a {
	padding:12px;
	margin:0;
	color:white;
	
	font-size:24px;
	text-transform:uppercase;
	font-weight:700;
}
.permissions_card>span>div>a:hover {
	color:#F7C57C;
}

label.fileInputLabel input[type="file"] { position: fixed; top: -1000px; }
.fileInputLabel {
	border: solid 3px #86d2ee;
	border-radius: 10px 10px 0 10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	background: #63b0d2;
	display: block;
	width:50%;
	text-align:center;
	cursor:pointer;
	
	filter:alpha(opacity=70);background-image:-webkit-linear-gradient(transparent, rgba(0,0,0,.10) 40%, rgba(0,0,0,.20));background-image:linear-gradient(transparent, rgba(0,0,0,.10) 50%, rgba(0,0,0,.2));
}
.fileInputLabel:hover { 
	filter:alpha(opacity=70);background-image:-webkit-linear-gradient(transparent, rgba(0,0,0,.10) 40%, rgba(0,0,0,.40));background-image:linear-gradient(transparent, rgba(0,0,0,.10) 50%, rgba(0,0,0,.4));
 }
/*.fileInputLabel:active { background: #CCF; } */
.fileInputLabel :invalid + span { color:#FFF; }
.fileInputLabel :valid + span { color: #FFF; }

.logo-title a { text-decoration:none; color:#FFF; }
.logo-title a:hover { text-decoration:underline; }