@charset "utf-8";
/* CSS Document */
*{margin:0;
padding:0;
}
img{border:0;
max-width:100%;
height:auto;
width:auto\9;
}
ul{
	list-style:none;
	line-height: 140%;
}
:focus{outline:none;}
article, aside, details, figure, figcaption, header, footer, section, hgroup, menu, nav{
	display:block;
}
.clear{clear:both;}
@font-face {
font-family: 'Muli';
src: url('Muli.ttf') format('truetype');
}

@font-face {
font-family: 'Muli-Bold';
src: url('Muli-Bold.ttf') format('truetype');
}

body{background:#f5f5f5;
color:#000;
/*font:.81em/150% Arial, Helvetica, sans-serif;*/
font-family: 'Muli';
font-size:15px;
}
a {
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration:none;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}
/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
	/*margin: 0 0 .4em;*/
	font-family: 'Muli-Bold';
	margin-bottom:10px;
	color:#df1515;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

.float-l{float:left;}
.float-r{float:right;}
/************************************************************************************
STRUCTURE
*************************************************************************************/
.pagewrap {
	width: 1220px;
	margin: 0 auto;
}


/************************************************************************************
HEADER
*************************************************************************************/
#header {
	height: 80px;
	width:100%;
	float:left;
}

/* site logo */
#site-logo {
	margin:10px 0 0 0;
	background:url(../images/logo.png) no-repeat;
	width:237px;
	height:68px;
	float:left;
}
/************************************************************************************
CONTENT
*************************************************************************************/
.content{
	float:left;
	width:100%;
}
/*nav{
width:20%;
position:relative;
z-index:500;
float:right;
}*/
.textfield{
	width:270px;
	padding:10px;
	-webkit-border-radius: 15px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px #ccc solid;
background:#ebebeb;
font-size:18px;
color:#838383;
margin-bottom:5px;
}
.textfield:focus{
	border:1px #5eb61f solid;
}
	
.btn_g {
    float:left;
    text-align:center;
  background: #07a931;
  background-image: -webkit-linear-gradient(top, #07a931, #126f24);
  background-image: -moz-linear-gradient(top, #07a931, #126f24);
  background-image: -ms-linear-gradient(top, #07a931, #126f24);
  background-image: -o-linear-gradient(top, #07a931, #126f24);
  background-image: linear-gradient(to bottom, #07a931, #126f24);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 20px;
  padding: 30px 0px 30px 0px;
  width:415px;
  text-decoration: none;
  border:0;
  cursor:pointer;
  text-transform:uppercase;
}

.btn_g:hover {
  background: #126f24;
  background-image: -webkit-linear-gradient(top, #126f24, #07a931);
  background-image: -moz-linear-gradient(top, #126f24, #07a931);
  background-image: -ms-linear-gradient(top, #126f24, #07a931);
  background-image: -o-linear-gradient(top, #126f24, #07a931);
  background-image: linear-gradient(to bottom, #126f24, #07a931);
  text-decoration: none;
}
.btn_r {
    float:left;
 background: #d72423;
  background-image: -webkit-linear-gradient(top, #d72423, #aa0d0c);
  background-image: -moz-linear-gradient(top, #d72423, #aa0d0c);
  background-image: -ms-linear-gradient(top, #d72423, #aa0d0c);
  background-image: -o-linear-gradient(top, #d72423, #aa0d0c);
  background-image: linear-gradient(to bottom, #d72423, #aa0d0c);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 20px;
  padding: 30px 0px 30px 0px;
  width:415px;
  text-decoration: none;
  border:0;
  cursor:pointer;
  text-transform:uppercase;
  text-align:center;
}

.btn_r:hover {
  background: #aa0d0c;
  background-image: -webkit-linear-gradient(top, #aa0d0c, #d72423);
  background-image: -moz-linear-gradient(top, #aa0d0c, #d72423);
  background-image: -ms-linear-gradient(top, #aa0d0c, #d72423);
  background-image: -o-linear-gradient(top, #aa0d0c, #d72423);
  background-image: linear-gradient(to bottom, #aa0d0c, #d72423);
  text-decoration: none;
}
.btn_l-blu {
    float:left;
    text-align:center;
 background: #15a0df;
  background-image: -webkit-linear-gradient(top, #15a0df, #0782cf);
  background-image: -moz-linear-gradient(top, #15a0df, #0782cf);
  background-image: -ms-linear-gradient(top, #15a0df, #0782cf);
  background-image: -o-linear-gradient(top, #15a0df, #0782cf);
  background-image: linear-gradient(to bottom, #15a0df, #0782cf);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 20px;
  padding: 30px 0px 30px 0px;
  width:415px;
  text-decoration: none;
  border:0;
  cursor:pointer;
  text-transform:uppercase;
}

.btn_l-blu:hover {
  background: #0782cf;
  background-image: -webkit-linear-gradient(top, #0782cf, #15a0df);
  background-image: -moz-linear-gradient(top, #0782cf, #15a0df);
  background-image: -ms-linear-gradient(top, #0782cf, #15a0df);
  background-image: -o-linear-gradient(top, #0782cf, #15a0df);
  background-image: linear-gradient(to bottom, #0782cf, #15a0df);
  text-decoration: none;
}
.btn_orange {
    float:left;
    text-align:center;
 background: #e18e06;
  background-image: -webkit-linear-gradient(top, #e18e06, #e65b13);
  background-image: -moz-linear-gradient(top, #e18e06, #e65b13);
  background-image: -ms-linear-gradient(top, #e18e06, #e65b13);
  background-image: -o-linear-gradient(top, #e18e06, #e65b13);
  background-image: linear-gradient(to bottom, #e18e06, #e65b13);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 20px;
  padding: 30px 0px 30px 0px;
  width:415px;
  text-decoration: none;
  border:0;
  cursor:pointer;
  text-transform:uppercase;
}

.btn_orange:hover {
  background: #e65b13;
  background-image: -webkit-linear-gradient(top, #e65b13, #e18e06);
  background-image: -moz-linear-gradient(top, #e65b13, #e18e06);
  background-image: -ms-linear-gradient(top, #e65b13, #e18e06);
  background-image: -o-linear-gradient(top, #e65b13, #e18e06);
  background-image: linear-gradient(to bottom, #e65b13, #e18e06);
  text-decoration: none;
}
.btn_violet {
    float:left;
    text-align:center;
 background: #6f0970;
  background-image: -webkit-linear-gradient(top, #6f0970, #4c053d);
  background-image: -moz-linear-gradient(top, #6f0970, #4c053d);
  background-image: -ms-linear-gradient(top, #6f0970, #4c053d);
  background-image: -o-linear-gradient(top, #6f0970, #4c053d);
  background-image: linear-gradient(to bottom, #6f0970, #4c053d);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 20px;
  padding: 30px 0px 30px 0px;
  width:415px;
  text-decoration: none;
  border:0;
  cursor:pointer;
  text-transform:uppercase;
}

.btn_violet:hover {
  background: #4c053d;
  background-image: -webkit-linear-gradient(top, #4c053d, #6f0970);
  background-image: -moz-linear-gradient(top, #4c053d, #6f0970);
  background-image: -ms-linear-gradient(top, #4c053d, #6f0970);
  background-image: -o-linear-gradient(top, #4c053d, #6f0970);
  background-image: linear-gradient(to bottom, #4c053d, #6f0970);
  text-decoration: none;
}
.btn_l-green {
    float:left;
    text-align:center;
 background: #40c400;
  background-image: -webkit-linear-gradient(top, #40c400, #29a300);
  background-image: -moz-linear-gradient(top, #40c400, #29a300);
  background-image: -ms-linear-gradient(top, #40c400, #29a300);
  background-image: -o-linear-gradient(top, #40c400, #29a300);
  background-image: linear-gradient(to bottom, #40c400, #29a300);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 20px;
  padding: 30px 0px 30px 0px;
  width:415px;
  text-decoration: none;
  border:0;
  cursor:pointer;
  text-transform:uppercase;
}

.btn_l-green:hover {
  background: #29a300;
  background-image: -webkit-linear-gradient(top, #29a300, #40c400);
  background-image: -moz-linear-gradient(top, #29a300, #40c400);
  background-image: -ms-linear-gradient(top, #29a300, #40c400);
  background-image: -o-linear-gradient(top, #29a300, #40c400);
  background-image: linear-gradient(to bottom, #29a300, #40c400);
  text-decoration: none;
}
.btn_d-blue {
    float:left;
    text-align:center;
 background: #1050b0;
  background-image: -webkit-linear-gradient(top, #1050b0, #0c3c8b);
  background-image: -moz-linear-gradient(top, #1050b0, #0c3c8b);
  background-image: -ms-linear-gradient(top, #1050b0, #0c3c8b);
  background-image: -o-linear-gradient(top, #1050b0, #0c3c8b);
  background-image: linear-gradient(to bottom, #1050b0, #0c3c8b);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 20px;
  padding: 30px 0px 30px 0px;
  width:415px;
  text-decoration: none;
  border:0;
  cursor:pointer;
  text-transform:uppercase;
}

.btn_d-blue:hover {
  background: #0c3c8b;
  background-image: -webkit-linear-gradient(top, #0c3c8b, #1050b0);
  background-image: -moz-linear-gradient(top, #0c3c8b, #1050b0);
  background-image: -ms-linear-gradient(top, #0c3c8b, #1050b0);
  background-image: -o-linear-gradient(top, #0c3c8b, #1050b0);
  background-image: linear-gradient(to bottom, #0c3c8b, #1050b0);
  text-decoration: none;
}
.login_content{
	float:left;
	width:80%;
	min-height:300px;
	margin:30px 0;
	background: #fff;
	padding: 80px 10% 80px;
	text-align:center;
}
.login_content .title{ margin-bottom:30px; font-size:18px;}
.btn_log {
  background: #07a931;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  padding: 12px 0px 12px 0px;
  width:290px;
  text-decoration: none;
  border:0;
  cursor:pointer;
  margin-top:20px;
}

.btn_log:hover {
  background: #126f24;
  text-decoration: none;
}
.btn_logout {
  background: #fff;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #76777b;
  font-size: 16px;
  padding: 10px 0px 10px 0px;
  width:233px;
  text-decoration: none;
  border:1px #ccc solid;
  cursor:pointer;
}

.btn_logout:hover {
  background: #e6e6e6;
  color: #333;
  text-decoration: none;
}

.tab_content .left{
	float:left;
	width:900px;
	margin-right:50px;
}
.tab_content .left ul{
	/*float:left;
	width:415px;
	margin-right:70px;*/
}
.tab_content .left ul li{margin-bottom:20px;float:left;width:415px;	margin-right:35px;}
.tab_content .right{
	float:left;
	width:235px;
}
.tab_content .right .help{
	float:left;
	margin-top:40px;
}
.tab_content .right .help h1{color:#212121; font-weight:100; font-family: 'Muli';}
.tab_content .right .help ul li{margin-bottom:20px;}
.tab_content .right .help ul li img{position:relative; top:10px; padding-right:10px; float:left;}
.overlay {
    display: none;
    float:left;
    padding:20px;
    width:500px;
    border:1px #ccc solid;
    background:#fff;
    border-radius: 10px;
    box-shadow:0 5px 5px 0;
    z-index: 300;
   
}
.textfield2{
	width:270px;
	padding:5px 10px;
	-webkit-border-radius: 15px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px #ccc solid;
font-size:18px;
color:#838383;
margin-bottom:5px;
}
.textfield2:focus{
	border:1px #5eb61f solid;
}
.close {
    float:right;

}
    .layer
  {
        position: fixed;
        opacity: 0.7;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 200;
        background-color: #000;
        display: none;
        cursor: not-allowed;
  }
.detailsContent {
float:left;
width:89%;
border:1px #ddd solid;
padding:20px 5%;
}

.detailsContent .row{
    float:left;
    width:100%;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px #ddd solid;
}
   

/*update as on 02.12.2016*/
.login_content{
	float:left;
	width:96%;
	min-height:300px;
	margin:30px 0;
	background: #fff;
	padding: 20px 2% 20px;
	text-align:center;
}
.login_content .left{
	float:left;
	width:69%;
	margin-right:1%;
	margin-top:40px;
}
.login_content .right{
	float:right;
	width:30%;
}
.login_content .right .myAct{
	float:right;
	width:100%;
	height:508px;
	background:url(../images/login_r.jpg) no-repeat top;
	background-size:contain;
}
.login_content .left .help{
	float:left;
	width:100%;
	height:204px;
	margin-top:30px;
	background:url(../images/login_b.jpg) no-repeat top;
	background-size:100%;
}

/*Form CSS updated on 15.09.17*/

.formRow{
	float:left;
	width:100%;
	margin-bottom:10px;
}
.formRow .col1{
	float:left;
	width:20%;
	font-size:16px;
	font-weight:700;
}
.formRow .col2{
	float:left;
	width:80%;
}
.btn{
  background: #07a931;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  padding: 12px 0px 12px 0px;
  width:150px;
  text-decoration: none;
  border:0;
  cursor:pointer;
  margin-top:20px;
}

.btn:hover {
  background: #126f24;
  text-decoration: none;
}
.btn2{
  background: #ddd;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #666;
  font-size: 16px;
  padding: 12px 0px 12px 0px;
  width:100px;
  text-decoration: none;
  border:1px #ccc solid;
  cursor:pointer;
  margin-top:20px;
}

.btn2:hover {
  background: #ccc;
  text-decoration: none;
}
.textbox{
	width:60%;
	padding:10px;
	-webkit-border-radius: 15px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px #ccc solid;
/*background:#ebebeb;*/
font-size:16px;
color:#838383;
margin-bottom:5px;
}
.textbox:focus{
	border:1px #5eb61f solid;
}
.textarea{
	width:60%;
	height:100px;
	padding:10px;
	-webkit-border-radius: 15px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px #ccc solid;
background:#ebebeb;
font-size:16px;
color:#838383;
margin-bottom:5px;
}
.textarea:focus{
	border:1px #5eb61f solid;
}