@font-face {
  font-family: 'Nexa_Regular';
  src: url('./font/Nexa_Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Nexa_Bold';
  src: url('./font/Nexa_Bold.otf') format('opentype');
}

@font-face {
  font-family: 'Nexa_Bold_Italic';
  src: url('./font/Nexa_Bold_Italic.otf') format('opentype');
}

@font-face {
  font-family: 'Nexa_Black';
  src: url('./font/Nexa_Black.otf') format('opentype');
}

@font-face {
  font-family: 'Nexa_Black_Italic';
  src: url('./font/Nexa_Black_Italic.otf') format('opentype');
}

*{ outline: 0;}



.grid{
		 display: grid;
		 grid-template-columns: 1fr 1fr;
		 grid-gap: 20px;

}
.grid .gridItem{ border: solid 1px #ccc; position: relative;}


.btnArea{ }
.btnArea a{ display: block; position: relative;}
.btnArea a:before{ content: ''; display: block; width: 100%; height: 0; padding-top: 18.25%;}
.btnArea a span{ position: absolute; top: 0; display: none;}

.btnArea a.downloadPage{background:url(./img/btn_download_page.png) center center no-repeat #808080; background-size: contain; }
.btnArea a.dataDelete{background:url(./img/btn_delete.png) center center no-repeat #808080; background-size: contain; }

body{ margin:0; padding:0; width:100%; height:100%;}
body#index div#conteiner{ z-index:5;width:960px; height:100vh;padding-top: 140px; border:solid 0px #ddd;margin: auto; position: relative;}

body#index div#conteiner:before{ content: ''; display: block; width: 100%; height: 85px; position: absolute; top: 40px; left: 0;background:url(./img/logo_i2f.svg) left top no-repeat; background-size: contain; }

body#index div#box{width:100%; height:300px; padding-top: 170px; padding-bottom: 50px; text-align: center; position:relative;border:solid 0px #ddd; }

body#index div#box:before{ content: ''; display: block; width: 100%; height: 160px; position: absolute; top: 0; left: 0;background:url(./img/truck.png) center top no-repeat; background-size: contain; }



body#index form{}

body#index div#box dl{
	font-family: 'Nexa_Bold';
	width:800px;
	margin: auto;
	    display: grid;
	    grid-gap: 2%;

    grid-template-columns: 1fr 250px 1fr 250px ;
    margin-bottom: 2em;

}
body#index div#box dl dt{text-align: right; display: grid; align-items: center; font-size: 1.35rem; letter-spacing: 0.1em;}
body#index div#box dl dd{padding: 0 2em 0 0; margin: 0; text-align: left; line-height: 0;}

body#index #a,
body#index #b{ font-size: 1.2rem; border:solid 1px #000; background-color:#f2f2f2; color:#024765; font-weight:bold;letter-spacing:1px; text-indent:2px; padding: 0 0.5em;}
body#index #a{width:100%; height:45px; }
body#index #b{width:100%; height:45px;}
body#index #submit1 { position:relative;  border:0; width:360px; height:80px;background:url(./img/btn_download.png) no-repeat #000; background-position:0px 0px; background-size: contain; color:#fff; margin-bottom: 2em; cursor: pointer;
	transition: background-color 0.3s ease;
}
body#index #submit1:hover{ background-color: #024765;}
body#index #submit1 img{ display: none}


body#index div#box p.ex{ font-size: 0.8em;}




#foot{
z-index:1;
width:100%;
text-align: center;
height:auto;

margin:auto;

position: relative;
}




body#link{ padding:20px 10px 10px 10px;}

body#link div h2,
body#link div p{ display:none;}

body#link div#ePASS{ width:350px; height:65px;background:url(./img/link_error_pass.png) no-repeat; background-position:0px 0px; background-size: contain; }
body#link div#eID{ width:350px; height:65px;background:url(./img/link_error_id.png) no-repeat; background-position:0px 0px; background-size: contain;}

p#back{ margin:20px 0 0 5px;}
p#back a{ display:block; width:90px; height:25px;background:url(./img/back.png) no-repeat; background-size: contain; background-position:center center; text-indent:-9999px; overflow:hidden;}

.btnAreaDelete{ padding-top: 50px;}
input.to_delete{ padding: 1em; background: #024765; color: #fff; width: auto; font-weight: bold; font-size: 0.8em;}

input.deleteInput { padding: 1em; background: #eee; color: #000; width: auto; font-weight: bold; font-size: 0.8em; border: 0;}
input.delete_doit{background: #024765; color: #fff;}









body#admin{ background: #fff;}

#container .groupArea_top{ padding-top: 60px; position: relative;}
#container .groupArea_bottom{padding-top: 0px; padding-bottom: 100px; position: relative; background: #000; }

.groupArea_top .subTitle{ position: absolute; top: 0; right: 0; font-family: 'Nexa_Black_Italic';  font-size: 2rem;}
.groupArea_top .subTitle span{ color:#024765;}

div#adminBlock{ }
div#adminBlock .innerWrap{ width: 90%; max-width: 960px; margin: auto; position: relative;}

div#adminBlock section{ border: solid 0px #024765; margin: 0 0 50px 0; padding: 0px;}

.admin_top{}
.admin_top .btnArea{ width: 50%;}


div#adminBlock h1{ display: block; width: 50%; height: 80px;background:url(./img/truck.png) left top no-repeat; background-size: contain;  margin-bottom: 1em; overflow: hidden; text-indent: -9999px;}
div#adminBlock h2 {
	display: none;
}

form#searchBlock{ text-align:right; height:30px; display:none;}
form#searchBlock p{ display:block; width:350px; float:right;}

div.listbgT{ background-color:#000;width:auto;margin:20px 0 20px 0;}

table.uploadset,
table.uploadset2{ border: 0;
	margin:0 0 2em 0;
	border-collapse: separate;
	border-spacing: 0px;
	width:100%;
	background: transparent;
	}



table.uploadset th,
table.uploadset td{ border-bottom: solid 1px #000; padding: 1em 0;}


.upfileBtn{ position: relative; display: inline-block; background: #000; color: #fff; line-height: 1; padding: 0.5em;}
.upfileBtn input{ padding-top: 0px; width: auto;}
.upfileBtn input::before {
content: '';
display: none;
position: absolute;
top: 0;
background: #999;
width: 110px;
height: 26px;
line-height: 1.8;
text-align: right;
}

.passwordInput{    grid-template-columns: 200px 1fr;}

a.passwordAutoMake{background:url(./img/btn_password.png) center center no-repeat #000; background-size: contain; }
a.passwordAutoMake:before{padding-top: 18.25%;}

.passwordInput input.full{  position: absolute; width: 100%; height: 100%; padding: 2px 10px; box-sizing: border-box; background: #f2f2f2; border: solid 1px #000; font-weight: bold; font-size: 1.2em; letter-spacing: 0.05em; color: #024765;}

.uploadAction{grid-template-columns: 1fr auto;    grid-gap: 40px;}

.uploadAction .action{ text-align: right;}




.sendList{ font-size: 0.8em; color: #999; font-weight: bold; line-height: 2;}
.sendList label{ padding: 0.5em; display: inline-block; white-space: nowrap;}
.sendList label.active{ color: #fff; background: #000;}

.uploadAction{}

.uploadAction .message{ border: solid 1px #ccc; display: grid; align-items: center; text-align: center;}
.uploadAction .message div{padding: 5px; font-size: 0.7em; }

.uploadAction .action{ border: 0; line-height: 0; }

.btnUpload{ width: 360px; margin: 0; padding: 0; line-height: 0;border: 0; }
.btnUpload:before{ content: ''; display: block; width: 100%; height: 0; padding-top: 22.250%;background:url(./img/btn_uplodad.png) center center no-repeat #024765; background-size: contain; }



p.uline {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	height:30px;
}

p.uline a{ display:block; width:120px; border:solid 1px #0684c9; padding:3px; float:left; margin-right:15px;

		background-color:#fff;
		color:#0684c9;
		text-align:center;}
p.tline {
	padding-top: 5px;
	padding-bottom: 5px;

	width: 100%;
}
p.bline {
	padding-top: 5px;
	padding-bottom: 5px;

	width: 100%;
}
p.error {
	margin: 10px 0 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 2px #0684c9 solid;
	width: 100%;
}
p#link {
	font-weight: bold;
	color: #336699;
	text-align: right;
}

table {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-collapse: separate;
	border-spacing: 4px;
	empty-cells: show;
}
th {
	text-align: left;
	margin: 0;
}
td {

	margin: 0;
}
td strong{ color: red; }
td.new { text-align: center; color: red}
td.old { text-align: center; color: black }
td.edit { text-align: center; }
td.downl { text-align: center; }
td.size { font-weight: bold; text-align: right; }
td.orig { color: gray }
td.img {
	background-color: #DDDDFF;
	text-align: center;
	width: 180px;
	height: 180px;
	vertical-align: bottom;
	padding: 5px;
}

div.listbg{ background-color:#ccc;width:700px;margin:20px 0 20px 0;}

table#filelist{

}

table#adminlist{
margin:0;}

table#filelist{
	border: 0;
	margin:0;
	border-collapse: separate;
	border-spacing: 20px;
	width:100%;
}
table#filelist th {
	margin: 0;

		color:#fff;
		padding:0.5em;
		border-bottom: solid 1px #fff;
		text-align: center;
		font-size: 0.8em;
}
table#filelist td {
	color:#fff;
	font-size: 12px;
	margin: 0;

	padding:0.5em;
	border-bottom: solid 1px #fff;
}
table#filelist td strong{ color: red; }
table#filelist td.new { text-align: center; color: red}
table#filelist td.old { text-align: center; color: black }
table#filelist td.edit { text-align: center; }
table#filelist td.del { text-align: center; }
table#filelist td.downl { text-align: center; }
table#filelist td.size { font-weight: bold; text-align: right; }
table#filelist td.date { text-align: center; }
table#filelist td.orig { color: gray }
table#filelist td.img {
	text-align: center;
	width: 180px;
	height: 180px;
	vertical-align: bottom;
	padding: 5px;
}



input.bSubmit{ background-color:#0684c9; color:#fff; }