@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,600,700&display=swap');
*{
	font-family: 'Montserrat', sans-serif;
}
.text-light-color{
	color:#ffffff;
}
.login-button{
	width: 100%;
    background-color: #00A550;
    color: #fff;
    font-size: 20px;
    border-color: #00A550;
    font-weight: 600;
    margin-top: 20px;
}
.login-button:hover, .login-button:active, .login-button:focus, .login-button:visited, .submit_button:hover, .submit_button:active, .submit_button:focus, .submit_button:visited{
    background-color: #00a550e0;
    color: #fff;
}
h2.login-title{
	color: #888;
    font-size: 22px;
    margin-bottom: 40px;
    font-weight: 400;
}
img.login-logo{
	max-width: 80%;
}
.footer-wrap{
	margin-top: 30px;
    margin-bottom: 30px;
    padding: 10px;
    font-weight: 400;
	background-color: #0000006b;
}
footer{
	width: 50%;
    margin: 0 auto 5%;
}
.login-container{
	 background-color: #ffffffba;
    width: 450px;
    padding: 30px;
    margin: 8% auto 3%;
  }
ul.navbar-nav{
	float: right;
}
nav.navbar{
	background-color: #ffffff;
    border-radius: 0px;
    margin-top: 40px;
    height: 100px;
} 
ul.navbar-nav{
	margin-top: 5px;
} 
.navbar-header{
	margin-left: 15px!important;
}
.navbar-toggle{
	margin-top: 17px;
}
.margin-top20{
	margin-top:20px;
}
.margin-bottom10{
	 margin-bottom: 10px;
}
.margin-bottom40{
	margin-bottom: 40px;
}
.navbar-nav>li>.dropdown-menu {
    padding: 5px;
    right: 0;
	margin-top: 3px;
}
.navbar-toggle .icon-bar {
	background-color: #212121;
}
.qa_records{
	background: #fff;
    padding: 20px;
    margin-top: 20px;
}
input[type=search]{
	    -webkit-appearance: SEARCHFIELD;
}
body {
  background-image: url('../img/dash-bg-01.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
body.checklistpage, body.thankpage{
	background-image: url('../img/ticks.png');
    background-size: unset;
	background-repeat:repeat;
}
p.footer-text{
	margin-bottom:0px;
}
p.footer-text a:hover{
	color:#ffffff;
}
form.password-change-wrap{
	width: 100%;
    float: left;
    background: #fff;
    padding: 20px;
    margin-top: 20px;
}
.submit_button{
	background-color: #00A550;
    color: #fff;
    font-size: 17px;
    border-color: #00A550;
    font-weight: 600;
	margin-top:30px;
	float:left;
}
h1.checklist_heading {
	margin-top: 35px;
    color: #555;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, .3);
    font-weight: 600;
	font-size: 40px;
}
.checklist-form-wrap{
	float: left;
    width: 100%;
    background-color: #ffffff;
    margin-top: 35px;
    padding: 20px;
    border-top: 4px solid #00A651;
    box-shadow: 0px 0px 6px 1px #ccc;
}
.form-lable{
	font-size: 18px;
    font-weight: 400;
    color: #666;
}
p.partner_name{
	font-size: 25px;
    font-weight: 600;
    color: #444;
}
p.spon, p.type_order, p.site_category{
	font-size: 25px;
    font-weight: 400;
    color: #444; 
}
.change_error_wrap{
	display:none;
}
.checklist_question_wrap{
	float: left;
    width: 100%;
    background-color: #f1f1f1;
    padding: 10px;
    margin-top: 35px;
}
.website_checklist_wrap{
	float: left;
    width: 100%;
    margin-top: 5px;
    background-color: #f1f1f1;
    padding: 10px;
}
.sub-heading{
	font-size: 26px;
    margin-top: 35px;
    float: left;
    margin-left: 5px;
    font-weight: 400;
    color: #555;
}
table.dataTable thead th, table.dataTable thead td, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
	color: #666;
}
label{
	font-weight: 600;
}
.success_msg{
	color: #00A550;
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 17px;
}
.error_msg{
	color: #e62828;
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 17px;
}
.thank-text{
	text-align: center;
    margin-top: 10%;
    color: #00a651;
    font-weight: 600;
    font-size: 35px;
    background: #ffffff6e;
	padding: 25px;
}
.refresh{
	float: right;
    margin-bottom: 30px;
	margin-top:0px;
	border-radius: 50%;
    padding: 3px 8px;
    font-size: 17px;
	outline:none!important;
}
#myTable_filter input[type=search]{
	font-weight:400;
}
table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 600;
}
.checkmark:after {
 	top: 5px;
    left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: white;
}
input[type=radio]:checked ~ .checkmark:after {
  display: block;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
input[type=radio]:checked ~ .checkmark {
    background-color: #00A651;
}
input[type=radio] ~ .checkmark {
  background-color: #ccc;
}
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 50%;
}
input[type=radio]{
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.greeting-text{
	font-size: 25px;
    font-weight: 400;
    margin-top: 50px;
    margin-bottom: 25px;
    color: #555;
}
p.greeting-text span{
	font-weight: 500;
}
.feedback-page{
	background-color:#ffffff;
	background-image: none;
}
p.feedback-partner, p.feedback-type-order, p.feedback-site-category, p.feedback-error-change{
	font-size: 16px;
    font-weight: 400;
	color: #555;
}
p.feedback-partner span, p.feedback-type-order span, p.feedback-site-category span, p.feedback-error-change span{
	font-weight: 600;
}
body.feedback-page .footer-wrap{
	background-color: #000000a3;
}
.feedback-page-wrap{
	margin-top: 50px;
}
.feedback-inner-wrap{
    margin-bottom: 50px;
    border-left: 4px solid #00A651;
    padding: 12px;
    background-color: #f2f2f2;
	box-shadow: 0px 1px 5px 1px #cccccc9e;
}
p.feedback-question{
	font-size: 16px;
    font-weight: 500;
	color:#555;
}
p.feedback-response{
	font-size: 16px;
    font-weight: 600;
	color:#555;
}
p.feedback-comment{
	font-size: 16px;
    font-weight: 400;
	color:#555;
}
.export_report_wrap {
	background: #fff;
    padding: 20px;
    margin-top: 20px;
    float: left;
	width:100%;
}

@media screen and (max-width: 549px) {
  .login-container{
	background-color: #ffffffba;
    width: 100%;
    padding: 20px;
    margin: 8% auto 0;
  }
  footer{
	width: 90%!important;
    margin: 0 auto!important;
}
}
@media (min-width: 768px){
.navbar-nav>li>a {
    color: #555;
    font-weight: 500;
    font-size: 16px;
}
}
@media (max-width: 767px){
.navbar-collapse{ 
    width: 215px;
    margin-top: 19px;
    position: absolute;
    float: right;
    right: 14px;
    border-top: 4px solid rgb(0, 166, 81);
    z-index: 9999999;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(85, 85, 85) 1px 0px 6px 0px;
    font-size: 18px;
}
li a.dropdown-toggle{
	color: #444;
	padding: 10px 13px;
}

}
@media (max-width: 600px){
.navbar-brand>img {
    max-width: 70%;
}
}
@media (max-width: 574px){
.navbar-brand>img {
   margin-bottom: 20px;
}
}
@media (max-width: 399px){
.navbar-brand>img {
   max-width: 100%;
}
a.navbar-brand{
	width: 170px;
}
}
/* Prelaoder */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  background-color:#f2f2f2;
  border-top: 10px solid #00A2E5;
  border-right: 10px solid #FFD101;
  border-bottom: 10px solid #00A550;
  border-left: 10px solid #F5821F;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 500px) {
  .logo-inner {
    max-width: 60%;
  }
}