/******************************************************************
 *
 * Use: eKomi - design (main stylesheet)
 *
 * Author(s): Isabela Goldan (isabela.s@gmail.com)
 * Responsive : Hansen Wijaya (hwijaya@ekomi.de)
 *
 ******************************************************************/



/**************************************************
 *
 *	Layout / Elementary
 *
 **************************************************/


	/* =================
	 *
	 *	GLOBAL SETTINGS
	 *
	 *  ================ */
	 
		.pageWrapper{
			width: 100%;
			max-width: 680px;
			min-width: 350px;
		}

	/* ========================
	 *
	 *	HEADER
	 *
	 *  ======================== */ 

	 	.headerWrapper div.headerTopButton a, .headerWrapper div.headerTopButton span{
	 		width: 91px;
	 	}
		
		.contentHeader .contentDetails{
			background: none;
			width: 100%;
		}
		
		.contentHeader .contentDetailsInner{
			background: none;
			margin-left: 1%;
			width: 100%;
		}
		
		.contentHeader .contentHeaderRightCorner{
			background: none;
			width: 99%;
		}
		
		.contentHeader .pageName{
			width: 40%;
		}
		
		.contentHeader .pageNameArrow span{
			font-size: 15px;
		}
		
		.contentHeader .clientLogo {
			float: left;
			height: auto;
			padding: 3px 25px 0 33px;
			margin-left: -5px;
		}
		
		.contentHeader .clientLogo img{
			width: 120px;
			margin-top: 15% !important;
		}

		.contentHeaderRightWrapper{
			z-index: 2;
		}
		
		#sealWrapper{
			top: 25px;
			right: 5%;
			width: 50%;
			max-width: 35%;
			height: auto;
		}
		
		#sealWrapper img{
			width: 54px;
			height: auto;
		}
		
		.sealRow .sealPic{
			width: 100%;
		}
		
		.sealRow .sealDesc{
			width: 100%;
		}
		
		#sealWrapper .certificateSealText{
			display:none;
		}
		
		#tooltip{
			display: none !important;
		}


	/* ========================
	 *
	 *	BODY
	 *
	 *  ======================== */  
		
		.spacer{
			height: 0px;
			width: 0px;
		}

		.bodyBottomRight{
			background-image: none;
		}
		
		.bodyBottomLeft{
			background-image: none;
		}
		
		.bodyTopRight{
			background-image: none;
		}
		
		.bodyTopLeft{
			background-image: none;
		}
		
		.bodyBottomShadow{
			background-image: none;
		}
		
		.contentWrapper{
			background-image: none;
		}
		
		.bodyContent {
			display: -webkit-inline-box;
			display: -webkit-inline-flex;
			display: -ms-inline-flexbox;
			display: inline-flex;
			max-width: 97%;
		}
		
		.contentBlock{
			margin: 12px 0px;
			max-width: 100%;
		}

		.rating {
			margin: 0 auto;
			text-align: center;
			width: 200px;
		}

		.certificatePageWrapper .certificateSectionWrapper{
			position: relative;
		}
		
		.certificatePageWrapper .leftSide{
			width: 100%;
		}
		
		.whiteBoxT2Wrapper .whiteBoxT2 .whiteBoxT2Inner .whiteBoxT2InnerRight{
			text-align: left;
		}
		
		.rating .ratingGrade{
			width: 100%;
			text-align: center;
		}
		
		ul.reviewsStatus{
			width: 100%;
			max-width: 300px;
			margin: 0 auto;
		}

		.reviewThumbsContainer{
			width: 90px;
		}
		
		.certificatePageWrapper .certificateBoxTpl1Wraper .certificateBoxTpl1BottomInner{
			width: 100%;
			margin: 0 auto;
		}
		
		.certificatePageWrapper .rightSide{
			width: 100%;
		}

		.certificateBoxTpl2Inner ul.certificateDetails li{
			text-align: center;
		}

		.certificateBoxTpl2Inner ul.certificateDetails li .left{
			width: 50%;
		}

		.certificateBoxTpl2Inner ul.certificateDetails li .right{
			float: left;
			width: 130px;
		}

		.certificateBoxTpl2Inner ul.certificateDetails li .scertificateSignatureWrapper{
			margin-left: 50%;
		}
		
		#endCustHelpForm .endCustHelpRow span.endCustHelpLabel{
			width: 90px;
			margin-left: 20px;
		}
		
		span.endCustHelpLabel{
			margin-left:5px;
		}
		
		.textAreaContainer{
			width: 90%;
		}
		
		.textAreaContainer textarea{
			margin-left: 10px;
			margin-bottom: 10px;
			width: 95% !important;
		}
		
		#recaptcha_area, #recaptcha_table{
			margin: 0 auto;
			clear: both;
		}
		
		.greenButton, .redButton, .grayButton{
			width: 50%;
			position: relative;
		}
		.buttonContainer{
			width: 100%;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}
		.sealRow{
			text-align: center;
		}
		
		.certificateBoxTpl3Inner form div div span{
			float: none !important;
			display: block !important;
		}
		.certificateBoxTpl3Inner form div div span input{
			float: none;
			width: 70%;
			margin-left: 10%;
			margin-top: 5px;
		}

		.greenButton span input{
			margin-left: auto !important;
			margin-top: 0px !important;
		}

		#endCustHelpForm textarea{
			width: 70% !important;
			margin-left: 6%;
		}

		#sortReview {
			-webkit-appearance: none;
			-moz-appearance:    none;
			appearance:         none;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: 	border-box;
			box-sizing: 		border-box;
			border: 1px solid #D8D8D8;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			background-color: #ffffff;
			background-image: url('/images_new/certificate/selectbox_arrow_full_mobile_certificate.png');
			background-repeat: no-repeat;
			background-position: right 10px center;
			color: #333;
			padding: 5px;
			width: 99%;
			cursor: pointer;
		}
	/* =================
	 *
	 *	FOOTER
	 *
	 *  ================ */
		.footer ul li a{
			font-size: 12px;
		}
/*
		.footer ul li:nth-of-type(4) a{
			width: 50%;
		}
*/	
	/* =================
	 *
	 *	WHITE LABEL
	 *
	 *  ================ */