@import url("../webfonts/Quicksand_Bold/stylesheet.css");
* {
  box-sizing: border-box;
}

body {
  padding-top: 1em;
  background-color: #ECECEC;  
}

/*.wrapper {
	width: 630px;        
	margin: auto;        
	padding: 0.5em 0.5em 0.5em 0em;
  	background: rgb(217,236,209);
	background: linear-gradient(0deg, rgba(217,236,209,1) 0%, rgba(227,244,221,0.1741071428571429) 45%, rgba(241,250,238,1) 99%);
	border: 1px solid #666464;        
}*/

.Mytab {
  display: none;
  padding-left: 20px;
  padding-right: 20px;
}
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb; /*Grey Color*/
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}
.step.active {
  opacity: 1;
}
.step.finish {
  background-color: #FA8072;
}
input.invalid {
  background-color: #ffdddd;
}
button:hover {
  opacity: 0.8;
}

#prevBtn {
  background-color: #bbbbbb;
}
.tblBackground {
    background-color: #CBE7F6; /*#FFA07A;*/
    color :#4B7FB2;
    letter-spacing: normal;    
    text-align : center;    
    font-size: 11pt;    
    font-family: "Quicksand Bold";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}

td {
    height:1px;
    letter-spacing: normal;
    font-size: 9pt;    
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;    
}
table th{    
    text-align: center;    
    height: 40px;    
}
.MyWrapper {
    width: 630px;
    display : table;
    height: auto;
    background-color: #F5F5F5;    
    margin-top: 6%;
    margin-left: 20%;
}
label{
    font-weight: normal;
    font-family: Quicksand bold, sans-serif;
    letter-spacing: -1px;
    font-size: 10pt;
}
form {
    letter-spacing: normal;
    font-size: 10pt;    
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}

input[type=text],
input[type=password],
textarea,
button{  
    padding: 0.5em;
    letter-spacing: normal;
    font-size: 10pt;    
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=checkbox]:focus,
textarea:focus,
button:focus,
checkbox:focus,
form-control:focus
{		
        /* For Remove Blue Glow Outline*/
        outline: none;
        box-shadow:none !important;
        border:1px solid #ccc !important;
        background-color: #C2C2C2;
        color: #FFFFFF;
        /* End Remove Blue Glow Outline*/
        
        letter-spacing: normal;
        font-size: 10pt;    
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
}

#lblPosition
{
    height:16pt;
    margin-top:3px;
    text-align:right;
    padding-right:3px;
}
#RoundedCorner
{
    border-radius: 7px;
}
.errTextColor {
    color : #F15822;
}
nav
{
    box-sizing: border-box;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
.nav-Structure {
    margin-left: 0px;
    padding-left: 35px;    
    background: rgb(236,234,234);
    background: -moz-linear-gradient(180deg, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 31%, rgba(205,205,205,1) 71%);
    background: -webkit-linear-gradient(180deg, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 31%, rgba(205,205,205,1) 71%);
    background: linear-gradient(180deg, rgba(236,234,234,1) 0%, rgba(236,234,234,1) 31%, rgba(205,205,205,1) 71%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eceaea",endColorstr="#cdcdcd",GradientType=1);
    top: 0px;
    position: fixed;
    vertical-align: middle;
    height: 60px;
    width: 100%;
    min-width: 0px;
    max-width: 100%;
}
@media (max-width: 600px) {
  form > * {
    width: -50%;
  }
}