body{
	background:rgba(230,230,230,1);
}
.signin{
	padding-top:12.5%;
}
.toppadding{
	padding-top:5%;
	padding-bottom:5%;
}
#footersignin{
	padding-top:10%;
	line-height:1px;
}
.complogo{
	position:relative;
	bottom:0px;
}
.complogo p{
	font-size:0.8em;
}
.complogo img{
	margin:0;
	width:8%; 
}
input[type=date]{
    width: 100%;
    padding: 10px 5px;
    margin: 4px 0;
	background:white;
    border: 2px solid rgba(255,255,255,1);
    outline: none;
    box-sizing: border-box;
}
input[type=text],[type=password]{
    width: 100%;
    padding: 10px 5px;
    margin: 4px 0;
	background:white;
    border: 2px solid rgba(255,255,255,1);
    outline: none;
    box-sizing: border-box;
}
select{
    width: 100%;
    padding: 10px 5px;
    margin:5px 0;
	background:white;
    border: 2px solid rgba(255,255,255,1);
    outline: none;
    box-sizing: border-box;
}
textarea{
    width:100%;
    height: 125px;
    margin: 2px 0;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid rgba(255,255,255,1);
}
.textarea_box{
    margin: 10px 0;
}
input[type=color]{
    width: 100%;
	height:30px;
    padding: 0px 5px;
    margin: 4px 0;
	background:white;
    border: 2px solid rgba(255,255,255,1);
    outline: none;
    box-sizing: border-box;
}

input[type=submit]{
	justify-content: center;
	align-items: center;
	margin: 5px 0;
	width: 100%;
	height: 50px;
	font-weight:800;
	background:white;
	position: relative;
	border: 5px solid rgba(0,155,215,1);
}
input[type=button]{
    width: 100px;
    color: white;
	padding: 8px;
    border-radius: 4px;
    cursor: pointer;
	background: rgba(100,100,100,1);
	color:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:0 solid #1A87B9;
}
input[type=button]:hover{
    width: 100px;
    color: white;
    border-radius: 4px;
    cursor: pointer;
	background: rgba(200,200,200,1);
	color:#000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:0 solid #1A87B9;
}

input[type=submit]:hover {
	background:rgba(0,155,215,1);
	border:5px solid rgba(255,255,255,0);
	color:white;
}

input[type=text]:focus {
    border: 2px solid rgba(0,155,206,1);
}
input[type=password]:focus {
    border: 2px solid rgba(0,155,206,1);
}

select:focus {
    border: 2px solid rgba(0,155,206,1);
}

textarea:focus {
    border: 2px solid rgba(0,155,206,1);
}
.edit_update_button {
	position:absolute;
	top:2%;
	left:2%;
	background:transparent;
}
.edit_update_button button{
	outline:none;
	border:none;
	background:transparent;
	color:rgba(105,255,105,1);
	font-size:1.4em;
	margin-left:1em;
}
.remove_update_button {
	position:absolute;
	top:2%;
	right:2%;
	background:transparent;
}
.remove_update_button button{
	outline:none;
	border:none;
	background:transparent;
	font-size:1.4em;
	margin-right:1em;
	color:rgba(255,0,0,1);
}
.img_remove_button{
	position:absolute;
	top:0;
	right:0;
	font-size:1.4em;
}
.img_remove_button a{
	color:rgba(255,0,0,0.5);
}
.img_remove_button a:hover{
	color:rgba(255,0,0,1);
}
.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}
/* style 1 */
.inputfile-1 + label {
    color:rgba(150,150,150,1);
    background-color:rgba(200,200,200,1);
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color:rgba(150,150,150,1);
	color:rgba(200,200,200,1);
}

/* style 5 */
.inputfile-5 + label {
    color:rgba(150,150,150,1);
	font-size:1em;
}

.inputfile-5:focus + label,
.inputfile-5.has-focus + label,
.inputfile-5 + label:hover {
    color: rgba(180,180,180,1);
}

.inputfile-5 + label figure {
    width: 100px;
    height: 135px;
	background: rgba(180,180,180,1);
    display: block;
    position: relative;
    padding: 30px;
    margin: 0 auto 10px;
	box-shadow:0px 3px 5px rgba(0,0,0,0.5) ;
}

.inputfile-5:focus + label figure,
.inputfile-5.has-focus + label figure,
.inputfile-5 + label:hover figure {
    background-color: rgba(150,150,150,1);
	box-shadow:0px 3px 5px rgba(0,0,0,0.5) inset;
}

.inputfile-5 + label figure::before,
.inputfile-5 + label figure::after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
}

.inputfile-5 + label figure::before {
    border-top: 20px solid rgba(200,200,200,1);
    border-left: 20px solid transparent;
}

.inputfile-5 + label figure::after {
    border-bottom: 20px solid rgba(150,150,150,1);
    border-right: 20px solid transparent;
}

.inputfile-5:focus + label figure::after,
.inputfile-5.has-focus + label figure::after,
.inputfile-5 + label:hover figure::after {
    border-bottom-color: rgba(180,180,180,1);
}

.inputfile-5 + label svg {
    width: 100%;
    height: 100%;
    fill: white;
}
input[type=file]{
position:absolute;
visibility: hidden;
}
.btnstyle {
	width: 220px;
	background: #25A6E1;
	background: -moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
	background: -webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
	padding:8px 13px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:12px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
} 
.btnstyle1 {
	width: 220px;
	height: 25px;
	background: #25A6E1;
	background: -moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
	background: -webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: -ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background: linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:12px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
} 
.centercontainer{
	margin-left:10%;
	margin-right:10%;
	max-width:100%;
}
.space
{
padding-top:5px;
padding-bottom:5px;	
}
.topdiv{
	max-width:100%;
	margin-left:10%;
	margin-right:10%;
	background-color: #f2f2f2;
}
h1{
	color: rgb(0, 122, 255);
}
.addbtnstyle {
	width: 150px;
	 background: #565656;
  background: -moz-linear-gradient(#565656 0%, #323232 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #323232));
  background: -webkit-linear-gradient(#565656 0%, #323232 100%);
  background: linear-gradient(#565656 0%, #323232 100%);
  border: 1px solid #565656;
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
	padding:8px 13px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:14px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:0px solid #1A87B9;
} 
#viewtable
{
text-align:center;
 width:100%;
 border:0px;
}
[placeholder]:focus::-webkit-input-placeholder {
  transition: text-indent 0.5s 0.5s ease; 
  text-indent: -200%;
  opacity: 2;
}
[placeholder]::-webkit-input-placeholder {
  transition: text-indent 0.5s 0.5s ease; 
  text-indent: 0;
  opacity: 2;
}
.fileUpload {
	position: relative;
	overflow: hidden;
    margin-left:25%;
    margin-right:25%;
	background-color: #BDBDBD;
	text-align: center;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	height: 100%;
	text-align: center;
}
.custom-span{ font-family: Arial; font-weight: bold;font-size: 100px; color: #fff;}
#uploadFile{border: none;margin-left: 10px; width: 200px;}
.custom-para{font-family: arial;font-weight: bold;font-size: 16px; color:#585858;}
.imgsize{
	width:80%;
	height:35%;
}


@media only screen and (max-width:540px){
	
.imgsize{
	width:100%;
	height:15%;
}

	
.fileUpload {
	position: relative;
	overflow: hidden;
    margin-left:0;
    margin-right:0;
	background-color: #BDBDBD;
	text-align: center;
	cursor: pointer;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	height: 100%;
	text-align: center;
}
.custom-span{ font-family: Arial; font-weight: bold;font-size: 50px; color: #fff;}
#uploadFile{border: none;margin-left: 10px; width: 50%;}
.custom-para{font-family: arial;font-weight: bold;font-size: 16px; color:#585858;}

}