/*
Script     : Testimonial Showcase
Author     : Google
Author URI : www.Google.com
Version    : 5.2

*/
<link href="https://fonts.googleapis.com/css?family=Open Sans" rel="stylesheet">

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font: normal 14px/1.8 "Lato", Verdana, Arial, Sans-serif;
	background-color: #808080;
}

hr { clear: both; border:1px solid #dddddd; border-width: 1px 0 0; margin: 10px 0 30px; height: 0; }
a { border:0; outline: none; }
small { font: 11px; }
p { margin: 0 0 20px 0; }

/* Clearfix
==================================================== */
.clear	{
	clear: both;
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* Admin Options Interface
==================================================== */

#iva_container {
	margin: 0 auto;
	width: 90%;
	z-index: 0;
}

#wrapper {
	margin: 0 auto;
	width: 600px;
}

#iva_container #main {
	position: relative;
	overflow: hidden;
	margin-left: 220px;
	min-height: 550px;	
}

#iva_container #sidebar {
	width: 220px;
	position: absolute;
	background-color: #e7e7ec;
	top: 0;
	bottom: 0;
	left: 0;
}

#iva_container .iva_inner {
	position: relative;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	background-color: #f1f1f4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.iva_admin  .iva_inner {
	min-height:600px;
}

.iva_upgrade-info { background-color:#eefcf6; border:1px solid #a6efd0; }

.frontend_wrap {
	position: relative;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}

/* Headings
==================================================== */

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 25px 0;
	font-family:  'Lato', Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-weight:400;
}

h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; }

h1 small { font-size: 20px; }
h2 small { font-size: 16px; }
h3 small { font-size: 14px; }
h4 small { font-size: 12px; }

/* General
==================================================== */

#header { margin:0 auto; width: 90%;}

.logo {
	text-align: center;
	margin:60px auto;
	border:none;
}

.logo h1 {
	font-size: 26px;
	font-weight: bold;
	line-height: normal;
	color: #e7e7ec;
	text-transform: uppercase;
}

.logo span {
	display: block;
	font-size: 14px;
	line-height: normal;
	font-weight: normal;
	color: #b8b8c7;
	letter-spacing: .3em;
}

.inner { margin: 0 auto; }

/* Form Wrapper */

.textcenter { text-align: center; }
.textleft { text-align: left; }
.textright { text-align: right; }

#formwrap {
	width: 400px;
	position: relative;
	margin:0 auto;
}
.formheader h3 {
	color: #e7e7ec;
}
.ivaform .formheader { padding:20px  30px; background: #ffffff; }

.ivaform .formheader h3 {
	font-weight: 300;
	font-size: 20px;
	line-height:1.8;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #22222b;
	margin-bottom: 10px;
}

.ivaform .formheader p {
	font-size: 12px;
	margin-bottom: 0;
}

.ivaform .formcontent {
	background: #f1f1f4;
	padding: 30px;
	overflow: hidden;
}


/* Input field */
.ivaform .formcontent .input {
	width: 100%;
	padding: 1em;
	font-weight: 400;
	font-size: 14px;
	color: #9d9e9e;
	background: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}

.input.input_small   { width:25% !important; }
.input.input_medium  { width:50% !important; }
.input.input_large   { width:95% !important; }

.ivaform .formcontent .input:hover {
	background-color: rgba(0,0,0,0.05);
	color: #22222b;
}

.ivaform .formcontent .input:focus {
	background-color: rgba(0,0,0,0.05);
	color: #22222b;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}

/* Input Radio */

.ivaform input[type=radio] {
  display: none;
}
.ivaform input[type=radio] + label:before {
	content: '';
	display: inline-block;
	border: 2px solid #0F81D5;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px;
}
label:hover:before {
	box-shadow: inset 0 0 5px #0F81D5;
}
.ivaform input[type=radio]:checked + label:before {
	border-width: 5px;
	height: 6px;
	width: 6px;
	margin-right: 10px;
}


/* Select Wrapper */
.ivaform .select_wrapper {
		font-size: 13px;
		background: #ffffff url('../images/select.png') no-repeat right center;
		border: 1px solid #dddddd;
		float: left;
		height: 34px;
		margin: 0 5px 0 0;
		margin-bottom: 9px !important;
		width:100%;
		display: block;
		color: #666666;
		-webkit-box-shadow:	inset 0px 0px 2px 1px #EEEEEE;
		-moz-box-shadow:	inset 0px 0px 2px 1px #EEEEEE;
		box-shadow:			inset 0px 0px 2px 1px #EEEEEE;
}

.ivaform .select_wrapper:hover { background-color: #fff; border-color: #bbb #eee #eee #bbb; color: #333; }
.ivaform .select_wrapper span  { height: 34px; line-height: 34px; position: absolute; z-index: 0; padding-left: 8px; }
.ivaform select.select {
	cursor: pointer;
	height: 34px;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 4;
}

.ivaform .select-s { width: 60px; }
.ivaform .select-m { width: 80px; }
.ivaform .select-l { width: 120px; }
.ivaform .select-xl { width: 235px; }
.ivaform .select-fw { width: 100%; }

.formfield label { display: block; }

/* ivaform */

span.item_count {
	display: inline-block;
	min-width: 30px;
	height: auto;;
	border-radius: 30px;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	background-color: #ee3769;
	color: #ffffff;
	letter-spacing: normal;
}

.item_count.blue,
.menu_count.blue  { background-color:#27aae1 !important; }
.item_count.red,
.menu_count.red   { background-color:#ee3769 !important; }
.item_count.gray,
.menu_count.gray  { background-color:#5a5a5a !important; }
.item_count.green,
.menu_count.green { background-color:#44a766 !important; }

.ivaform .item  { 
	clear: both; 
	padding: 20px;
	background-color: rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	overflow: hidden;
}
.ivaform .item:nth-child(even)  { 
	background-color: rgba(255,255,255,0.8);
}

.ivaform .item .info { 
	width: 50%; 
	display: inline-block; 
	float: left; 
}

.ivaform .label { font-size: 16px; font-weight: bold; }

.ivaform .item .option {
	width: 50%; 
	display: inline-block; 
}
.ivaform .item label { cursor: pointer; padding-right: 20px; }
.ivaform .description { 
	clear: both; 
	font-size: 13px; 
	font-style: italic;
	opacity: 0.6;
	margin-bottom: 0;
}


.textcenter { text-align: center;}

.floatleft			{ float:left;}
.floatright			{ float:right;}


.divider			{ margin:10px 0; border-bottom:1px solid #ccc;}

.box {
	padding:20px;
	margin-left:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius: 5px;
	position:relative;
}


/* Sidebar Menu
==================================================== */

.menu-top {

	min-height: 50px;
	padding: 10px 0;
	text-align: center;
	color: ##E7E7EC;
}

.menu	{
	list-style:none;
	margin:0;
	padding:0;
}
.menu li {
	line-height: 26px;
}

.menu li a {
	padding: 12px 20px 12px 12px;
	color: #767692;
	display: block;
	text-decoration:none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	border-top: 1px solid rgba(255, 255, 255, 0.65);
}
.menu li i {margin-right: 5px; }
.menu li a:hover,
.menu li .current	{
	background-color: rgba(255, 255, 255, 0.8);
	color: #22222b;
	text-decoration:none;
}

span.menu_count {
	display: inline-block;
	float: right;
	min-width: 30px;
	height: auto;;
	border-radius: 30px;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	background-color: #ee3769;
	color: #ffffff;
}


#topbar { margin: 20px auto; text-align: center; }

#footer {
	position: relative;
	width: 90%;
	margin: 0 auto;
	text-align:center;
	padding:20px 0;
	color:#a5a5b8;
}

#footer a { color: #dedee5; text-decoration: none;}
#footer a:hover { color: #ffffff; }

.nums				{ font:normal 30px Georgia, Verdana, Arial, Sans-serif; }

#loginwrapper {
	/* Center wrapper perfectly */
	width: 300px;
	height: 400px;
	margin: 0 auto;
	position: relative;

}


/* Animation */
.input, .button, .register {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
}

.ivaform .footer {
	padding: 20px 30px 20px 30px;
	overflow: auto;
	background: #d4d4dd;
	border: 1px solid #c1c1ce;
	text-align: center;
}


/* Alert Boxes -------------------------------------------------------------------------------------------*/

span.error 						{ color: #ee3769; border: 1px solid #fbd4de; background: #fef3f6; }
span.info 						{ color: #2585d2; border: 1px solid #bedcf4; background: #eaf3fb; }
span.alert 						{ color: #b79000; border: 1px solid #fde179; background: #fef6d8; }
span.download 					{ color: #ffffff; border: 1px solid #6a8b2c; background: #7E9F59; }
span.success 					{ color: #30a69c; border: 1px solid #b8eae6; background: #e0f6f4; }

span.error,
span.info,
span.alert,
span.success,
span.download {
	display: block;
	padding: 10px;
	margin: 15px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
span.error p, span.info p, span.alert p, span.success p, span.download p {  margin-bottom: 0; }
.iva_upgrade-info {
	border: 1px solid #b8eae6;
	background: #e0f6f4;
	padding: 30px;
	text-align: center;
}
.iva_upgrade-info p {
	opacity: 0.6;
}
/* Button
==================================================== */

.button {
	border: 0;
	cursor: pointer;
	padding: 1em 3em;
	margin-bottom:5px;
	background-color: #222222;
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	font-size: .75em;
	line-height: 2;
	display: inline-block;
	letter-spacing: .1em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.button-small   { font-size: .65em;  }
.button-medium  { font-size: 1em; }
.button-large   { font-size: 1.5em;  }


.blue-button		{ background-color:#27aae1 !important; }
.blue-button:hover 	{ opacity: 0.9;}

.red-button			{ background-color:#ee3769 !important; }
.red-button:hover	{ opacity: 0.9;}

.gray-button		{ background-color:#5a5a5a !important; }
.gray-button:hover	{ opacity: 0.9;}

.green-button		{ background-color:#44a766 !important; }
.green-button:hover 	{ opacity: 0.9;}

.btn_align1 { margin: 6px 0 0 106px ;}
.btn_align2 { margin: 6px 0 0 150px ;}
/************************************************
                      Tables
************************************************/

table		{ width:100%; }

table.systest 				{ border:none; border-collapse:collapse; margin:10px auto; }
table.systest th			{ padding:15px 15px; }
table.systest td			{ padding:25px 20px; }

table.systest th			{ background:#e7e7ec; text-align:left; padding-left:20px; }
table.systest th.lefthead	{ text-align: center; width: 30px; }

table.systest a 			{ text-decoration:none;}
table.systest a:link 		{ }
table.systest a:visited		{ }

table.nobr td				{  border:none; vertical-align: top; }

table.systest	tr			{ background:#ffffff; border-bottom: 1px solid #DFDFDF; }

/* Admin Feedback Display
==================================================== */

.clientphoto {
	float:left;
	margin-right:20px;
	display:inline-block;
	text-align:center;
}
.clientdetails {
	overflow: hidden;
}
.clientdetails p { margin:0 0 2px 0; }

.clientdetails p label { display: inline-block; width:100px;  }

/* ================================================= */
/*               PAGINATION CSS                      */
/* ================================================= */

.pagelink 				{ width:10px; font-size:10px; color:#435d82; background:#ffffff; border:1px solid #435d82; clear:both; line-height:35px; text-decoration:none; }

a.pagelink:active,
a.pagelink:visited,
a.pagelink:link 		{ width:10px; border:1px solid #c8dcf1; background:#fff; color:#435d82; padding:6px; }

a.pagelink:hover 		{ width:10px; background:#dae6f3; border:1px solid #b8d1eb; color:#435d82; padding:6px; }

.pagecurrent 			{ width:10px; background:#dae6f3; border:1px solid #b8d1eb; color:#435d82; padding:6px; font-size:9px; }

/*
  CSS
========================================================*/

.content {
	width: 100%;
	height: 200px;
	overflow: scroll;
	overflow-x: hidden;
}
.content h4 {
	font-family: Arial, serif;
	font-weight: 600;
	line-height: 28px;
	color: #414848;
	letter-spacing: -1px;
}
.updatescontent {
	background-color: #ffffff;
	padding: 20px;
}
.sub_button {
	margin-top: 20px;
	padding-bottom: 20px;
}

.formcontent h1,
.updatescontent h1 {
	font-family: Arial, serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 28px;
	color: #414848;
	letter-spacing: -1px;
}

/*
  CAPTCHA
========================================================*/

.captcha {
    background-color: #4B93CC;
    padding: 5px;
    color: #ffffff;
    margin-left: 17px;
}
/*
 Frontend and Admin Responsive
========================================================*/

@media only screen and (max-width : 767px ) {
	.ivaform .formcontent { padding: 10px; }
}