@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap');
body{ padding: 0; margin: 0; background: #F0F5F9;font-family: 'Lato', serif !important;}
ul, li, ol, img, a, span, strong, p, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0;}
section{ float: left; width: 100%;}
a:hover, a:focus{ outline: none;}
img{ max-width: 100%;}
.header-log { background: #518AE1; padding: 40px 0 80px;}
.main-log { background: #F0F5F9; padding: 40px 0;}
.main-log h1 { font-weight: 600; font-size: 30px; margin-bottom: 25px;}
.base-log { background: #fff; padding: 70px 50px; margin-top: -100px; border-top: 5px solid #AED1F2; margin-bottom: 25px; min-height: 600px;}
.login { background: linear-gradient(to right, #F1F1F1 0%,#FFFFFF 100%); padding: 40px 40px 20px; border: 2px solid #dedede; max-width: 500px; margin: 0 auto;
 border-radius: 10px;}
.base-log .btn-primary { color: #fff; background-color: #518ae1; border-color: #518ae1;}
.for-pass { color: #000; display: inline-block; padding: 4px 0; text-decoration: underline;}
.logo-log img { max-width: 350px; width: 100%;}
.header-log p { color: #fff; margin-bottom: 15px;}
.footer { background: #518AE1; padding: 15px 0; text-align: center; color: #fff;}
.footer a { color: #fff; padding: 0 8px;}
.footer p { padding: 4px 0;}
.chp {color: #fff;font-size: 13px;display: block;text-align: center;margin-top: 10px;}
.table-look {display: table; height: 100px;}
.table-look-cell {display: table-cell;height: 100%;vertical-align: middle;}
.table-look-cell p {margin: 0;}
.tk_survey .head-title h2 {width: 100%;font-family: 'Lato', serif !important;}

.progress.my-progress {height: 40px;}
.progress.my-progress span {top: 10px;left: 30px;}
.table_lable { margin-bottom: 15px; }

@media(max-width: 991px){
.col-md-offset-8.col-lg-4.col-md-4.col-xs-12.col-sm-12 {padding-left: 15px !important;}
#surveyForm .btn1.na.btn.btn-default {margin-left: 5px !important;}
}
@media(max-width: 767px){
.pass_sec .btn.btn-primary {width: auto;}
}
@media(max-width: 480px){
.logo-log img { width: 100%;}
.base-log { padding: 50px 25px; margin-top: -100px;}
.main-log h1 { font-size: 20px;}
.base-log .form-control { font-size: 14px;}
.login { padding: 40px 18px 20px;}
.base-log .text-right { text-align: left !important; margin-top: 15px;}
.base-log .btn.btn-primary { display: block; width: 100%;}
.edit-title {font-size: 12px;margin-right: 8px;}
.width_table {font-size: 12px;}
.table-look-cell p {margin: 0;padding-left: 20px;}
.table-look-cell .btn.btn-success {margin-top: 40px;}
.header-log {padding: 10px 0 80px;}
.pass_sec .btn.btn-primary {width: auto;}
.pass_sec .test_head {font-size: 18px; margin: 8px 0 20px;}

}