*{ margin:0; padding:0;}
html{
    width:100%;
    height:100%;
    margin:0 auto;
}
body{font-size:12pt; color: #000; line-height: 22px;font-family:inherit; font-weight: inherit; font-style:inherit; background-color:#F4F3F3; }
a{color:#0082c8; text-decoration: none;}
li{list-style: none;}
.test{ border: 1px solid red;}
.header{width: 100%; text-align: center; margin: 100px 0 25px 0; overflow: hidden;}
.header .logo{ width:92%; max-width:345px;margin:0 auto; background-size: cover; background-position: center;}
.main{width: 100%; margin: 0 auto;margin-bottom: 15px; overflow: hidden;}
.footer{width: 100%; text-align: center;margin: 0 auto; font-size:13px; overflow: hidden;}
.site-error{ text-align: center; max-width: 500px; margin: 50px auto;}
p.margin{
    margin:5% 0;
    text-align: center;
}
.text-input{width: calc(100% - 16px); margin: 0; padding: 7px 8px; font-size: 16px; line-height: 20px; color: #d5d5d5; border: none; border: 1px solid #d5d5d5; position: relative; -webkit-appearance: none; border-radius: 0; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.form-submit{background-color: #0082c8; width: 75%; margin: 0 auto; padding: 12px 5px; font-size: 19px; line-height: 22px; color: #fff; border: none; border-radius: 0; display:block; cursor: pointer; white-space: normal; -webkit-appearance: none; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: karlaregular, Arial, sans-serif;}

/*login start*/
.login_div{ 
    border: 1px solid #e7e7e7; 
    max-width: 420px; 
    width:100%; 
    background: #F6F4F4;
    margin: 0 auto; 
    font-size:14px;
    padding: 30px 20px;
}
.login_div ul{
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}
.login_div ul li{
    margin:0 0 25px;
    line-height: 16px;
}
.login_div input{
    padding:8px 8px;
}
#remember{ 
    margin-right:10px;
}
.login_div li.link{ 
    position: relative; 
    text-align: center;
    margin-bottom: 0;
}
.login_div .last_li{ margin-bottom: 0;}
.login_div .last_li div{display:block;display: flex;justify-content: space-between;}
.login_div .last_li div a{color:#515151;font-weight: normal;}
.text-input{
    width: calc(100% - 16px); 
    margin: 0; 
    padding: 7px 8px; 
    font-size: 16px;
    line-height: 20px; 
    color: #606060; 
    border: none; 
    border: 1px solid #d5d5d5; 
    position: relative; 
    border-radius: 0; 
    outline:none;

    transition: all .3s linear; 

}
.login_div .form-submit{
    background-color: #0082c8; 
    width: 75%; 
    margin: 0 auto; 
    padding: 12px 5px; 
    font-size: 19px; 
    line-height: 22px; 
    color: #fff; 
    border: none; 
    border-radius: 0px; 
    display:block; 
    cursor: pointer; 
    white-space: normal; 
    transition: all .3s linear; 
    font-family: karlaregular, Arial, sans-serif;
}
/*login end*/

.site-error{ 
    text-align: center; 
    max-width: 500px; 
    margin: 50px auto;
}

/*form verification*/
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{color:red;}
.has-error .form-control{ border-color: red; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}

/*footer*/
footer{padding: 0 0 30px 0; position: relative; text-align: center; display: block; clear: both;}
footer p{font-size: 13px; color: #515151; margin-top: 50px;}
footer p a{font-size: 13px; color: #515151;}
footer p a:hover{border-bottom: 1px solid #515151;}

#content{
    background-color: #fff; 
    margin: 0 0 15px 0; 
    padding: 30px 3%;
    position: relative; 
    -webkit-box-shadow: 0 3px 3px 0 rgba(60,60,57,.13); 
    box-shadow: 0 3px 3px 0 rgba(60,60,57,.13);
}
.contact_logo{
    width:100%;
    height:40px;
    margin:10px 10px;

}
.contact_logo img{
    height:100%;
}

.container{
    margin-bottom:15px;
}

/* Page Title ---------- */
#page-title			{background-color: #7ac043; margin: 0 0 25px -3.8%; padding: 5px 20px 5px 6%; font-size: 16px; line-height: 28px; color: #fff; -webkit-box-shadow: 0 1px 3px 0 rgba(60,60,57,.25); box-shadow: 0 1px 3px 0 rgba(60,60,57,.25); position: relative; z-index: 1; float: left; clear: both;}
#page-title.definition	{cursor: pointer;}
#page-title:before	{content: ''; width: 0; height: 0; position: absolute; bottom: -5px; left: 0; z-index: 0; border-top: 5px solid #629f43; border-left: 5px solid transparent;}
#page-title:after	{background: #7ac043; content: ''; width: 30px; height: 38px; position: absolute; top: 0; right: -15px; -webkit-transform: skew(-25deg); -moz-transform: skew(-25deg); -o-transform: skew(-25deg); z-index: 0;}

/* Page Title Definition */
#page-title i	{font-size: 18px; cursor: pointer; position: absolute; top: 5px; right: 0; z-index: 5;}
#page-title img	{max-width: 14px; width: 14px; height: 14px; cursor: pointer; position: absolute; top: 5px; right: 3px; z-index: 5;}

/* Page Actions ---------- */
#page-actions		{width: 55%; margin: 10px 0 10px 0; position: relative; text-align: right; float: right;}
#page-actions li	{margin: 0 0 0 3%; position: relative; display: inline-block;}
#page-actions li a	{font-size: 16px; line-height: 16px; color: #025f95; display: block;}
#page-actions li a i		{font-size: 18px; line-height: 18px;}	
#page-actions li.text-link	{margin: 0 0 0 2%; padding: 0 3% 0 0; text-transform: uppercase; border-right: 1px solid #025f95;}	

#cover{ position:absolute; top:0; left:0; opacity: 0.5; background:#000; width:100%; height:100%; text-align:center; display:none; z-index:1000;}
#cover2{ position:absolute; top:0; left:0; opacity: 0.5; background:#000; width:100%; height:100%; text-align:center; display:none; z-index:1000;}
#loading_img{ position:fixed; left:50%;  top:40%; z-index:1001; margin-left:-64px; display:none;}
.red{ color: red;}
.orange{ color:orange;}


select {
    background: url(../image/dropdown-arrow.png) right center no-repeat #fff;
    width: 100%;
    height: 36px;
    margin: 0;
    padding: 0px 8px;
    font-size: 15px;
    line-height: 1;
    color: #515151;
    border-radius: 0;
    border: 1px solid #d7d7da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    font-family: karlaregular,Arial,sans-serif;
}