﻿body {
}


.Percentage 
{
	 width:100%;position:absolute;padding-top:17px;z-index:1;font-weight:bold;color:black;text-align:center;
	}


 
		
progress {
 border: none;
 background: white;
}

progress 
{
 height:34px;width:100%;position:absolute;  
}

progress::-webkit-progress-value {
 background: lightblue;
}

progress::-moz-progress-bar {
  background: lightcolor;
}

.progressred::-webkit-progress-value {
 background: red;
}
.progressyellow::-webkit-progress-value {
 background: yellow;
}
.progressgreen::-webkit-progress-value {
 background: green;
}
progress::-webkit-progress-bar {
 background: white;
}
	
#rtptable { 
    margin: 0 auto;
    display: table; 
}

.rtprow {
    display: table-row;
}

.rtpcell {
    display: table-cell;
    height: 30px; 
    vertical-align: middle;
    text-align: center;
}


.btn2 
{
	 
    font-family: 'Arial';
    background:transparent;
	border:none;
	color:black;
	padding:8px 16px; 
margin-left:20px;
	font-size:16px;
	cursor:pointer;
	width:20%;
	}
	


.btn2:hover 
{ 
    background:#eb9f14; 
	}
	
.ico-text
{ 
	font-size:10px;
	color:black;
	
}
	 
div.galleries {
  margin: 5px; 
  float: left;
  width: 120px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

div.galleries:hover {
  border: 1px solid #777;
}

div.galleries img {
  width: 120px;
  height: 120px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

div.desc {
  padding: 15px;
  text-align: center;
}


#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}

 
#parent {  
   
  position:absolute; 
  top: 10%; 
   min-width : 400px;
    left: 50%;
    transform: translate(-50%, -50%);
}
#form_login {
  position:fixed;  
  width:50%; 
  margin: 0 auto; 
  height:80%;
}

#div-panel
{
	 background-color:black;
	 height:550px;
	 text-align:center;
	 padding-top:40px;
	 min-width: 400px;
	 border-radius: 20px 20px 20px 20px; 
	}
	

#tblMain
{
	 border-collapse: collapse;
    margin: 0 auto;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    margin-top:10px;
	}
	
		
#tblMain thead tr {
    background:linear-gradient(to bottom,#fff700 0,#ff8d00 100%);
    color: black;
    text-align: center;
}

#tblMain th,
#tblMain td {
    padding: 12px 15px;
}	


.buttonWrap{
	line-height:20px; 
	min-width:43%;
	display:inline-block;
	text-align: center;
	border-radius: 8px;
}

.button-green{			   background-color:#27ae60;	}
.button-green:active{		background-color:#177c42;	}

.button-blue{				background-color:#2980b9;	}
.button-blue:active{		 background-color:#195a84;	}


.contactSubmitButton{
	line-height:14px!important;
	display:block!important;
	height:40px!important;
	margin-right:0px;
	width:100%;
	color: #ffffff;
}


.buttons{
	text-align:center;
	color:#FFFFFF;
	padding:10px 26px 10px 26px;
	display:inline-block; 
    font-family: aller;
    font-size:20px;
    box-shadow: inset 0 -4px 0 rgb(25, 106, 125);
}


.buttong{
	text-align:center;
	color:#FFFFFF;
	padding:10px 26px 10px 26px;
	display:inline-block; 
    font-family: aller;
    font-size:20px;
    box-shadow: inset 0 -4px 0 rgb(27, 105, 60);
}