@charset "utf-8";



*, body, h1, h2, h3 {

	margin: 0;

	padding: 0

}

*, body, h1, h2, h3, ol, ul {

	padding: 0

}

.header_top li a, a.link:hover {

	text-decoration: none

}

.fixedLogo span, .landingNav li a, .login .submit input, .page_head h2 {

	text-transform: uppercase

}

.add_ques_box, .login .submit input {

	behavior: url(pie/PIE.htc)

}

.action a, .btn {

	-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.25);

	-moz-text-shadow: 0 -1px 0 rgba(0,0,0,.25);

	-ms-text-shadow: 0 -1px 0 rgba(0,0,0,.25)

}

.login_box h5, .other_logo, .style2, .style2 li {

	list-style-type: none

}

* {

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-o-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box

}

body {

	background: #fff;

	font-family: ralewayregular;

	text-align: justify

}

ol, p, ul {

	margin-top: 0

}

ol, ul {

	list-style: none

}

a.link {

	color: #d52b28

}

strong {

	font-family: ralewaybold

}

.clearfix {

	clear: both;

	display: block

}

.hindi {

	font-family: kruti_dev_010regular;

	font-size: 20px

}

.table_alt .text-center, .text-center {

	text-align: center

}

.header_top, .text-right {

	text-align: right

}

.vmid {

	vertical-align: middle!important

}

.fl_rt {

	float: right;

	clear: right

}

.fl_lt, .side_nav {

	float: left

}

.margin10 {

	margin-bottom: 10px

}

.margin20 {

	margin-bottom: 20px

}

.margin30 {

	margin-bottom: 30px

}

.padd10 {

	padding: 10px

}

.padd5 {

	padding: 5px

}

.border10 {

	border: 10px solid #ddd

}

.border5 {

	border: 5px solid #ddd

}

.no_left_pad {

	padding-left: 0!important

}

.no_mr_top {

	margin-top: 0!important

}

.no_pad_top {

	padding-top: 0!important

}

.no_margin {

	margin: 0!important

}

.line {

	display: block;

	margin: 10px 0;

	height: 2px;

	width: 100%;

	padding: 0;

	background: #ddd;

	border: 0

}

.dashed_line, .thin_line {

	display: block;

	margin: 7px 0;

	padding: 0;

	border: 0;

	width: 100%

}

.thin_line {

	height: 1px;

	background: #eee

}

.dashed_line {

	height: 0;

	background: 0 0;

	border-bottom: 1px dashed #6a6c6f

}

.displayToggle {

	display: none

}

.grey_bg {

	background: #f2f2f2;

	padding: 15px

}

.red {

	color: red

}

.header_top li, .header_top li a {

	color: #fff;

	font-size: 11px;

	margin: 0

}

.header_top {

	display: block;

	margin: 0;

	background: #ffca24

}

.header_top ul {

	padding: 0 2%

}

.header_top li {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	padding: 2px 0

}

.header, .logo {

	padding: 0;

	display: block

}

.header_top li a {

	display: block;

	text-align: center;

	transition: all .3s linear 0s;

	-webkit-transition: all .3s linear 0s;

	-o-transition: all .3s linear 0s;

	-moz-transition: all .3s linear 0s;

	-ms-transition: all .3s linear 0s

}

.header_top li .hindi {

	font-size: 16px

}

.header_top li a:hover, .header_top li.act a {

	text-decoration: underline

}

.fixedLogo, .landingNav li a, .login_box h5 a, .logo {

	text-decoration: none

}

.header {

	margin: 0;

	background: #fff;

	width: 100%;

	border-bottom: 1px solid #ffca24;

	position: relative

}

#landingHeader.headerFixed {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 999;

	width: 100%;

	height: 121px

}

.head_container {

	width: 100%;

	margin: 0 auto

}

.landingContainer {

	width: 1170px;

	max-width: 100%;

	display: block;

	margin: 0 auto

}

.innerContainer {

	width: 100%;

	max-width: 100%;

	display: block;

	margin: 0 auto

}

.logo {

	color: #093d79;

	font-size: 32px;

	font-family: philosopherbold

}

.logo img {

	max-width: 100%;

	max-height: 60px;

	padding: 5px 10px

}

.logo span {

	height: 0

}

.logo img, .logo span {

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

.fixedLogo {

	background: #fff;

	bottom: 5px;

	padding: 5px 10px;

	position: fixed;

	right: 0;

	z-index: 1;

	border: 1px solid #eee;

	border-radius: 4px 0 0 4px;

	-webkit-border-radius: 4px 0 0 4px;

	-moz-border-radius: 4px 0 0 4px;

	-ms-border-radius: 4px 0 0 4px;

	-o-border-radius: 4px 0 0 4px

}

.fixedLogo span {

	display: block;

	font-size: 10px;

	color: #333;

	text-align: center

}

.fixedLogo img {

	display: block;

	margin: 0;

	padding: 0;

	max-height: 40px

}

.other_logo li a img {

	max-height: 60px;

	padding: 10px;

	display: block;

	max-width: 100%

}

.navToggle {

	background: #f8f8f8;

	width: 30px;

	height: 62px;

	text-align: center;

	padding: 0;

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	margin-right: 0;

	border-right: 1px solid #FFCA24;

	color: #444

}

.navToggle i {

	line-height: 62px;

	margin: 0;

	font-size: 24px

}

.navToggle:active {

	color: #FFCA24

}

.navToggle.hint--bottom::after, .navToggle.hint--bottom::before {

	top: 84%

}

.other_logo {

	display: block;

	text-align: left;

	margin: 0

}

.footer, .or span, p.or {

	text-align: center

}

.other_logo li {

	display: inline-block;

	zoom: 1

}

.other_logo li a {

	display: block;

	padding: 0;

	margin: 0;

	border-right: 1px solid #f5f5f5

}

.other_logo li.lastlogo a {

	border-right: none;

	margin-right: 0;

	padding-right: 0

}

.responsiveNav {

	display: none

}

.landingNav {

	display: block;

	padding: 10px;

	margin: 0;

	background: #FFCA24

}

.landingNav li {

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

.landingNav li a {

	display: block;

	font-size: 12px;

	line-height: 100%;

	color: #333;

	padding: 0;

	margin: 0 20px;

	transition: all .3s linear 0s;

	-webkit-transition: all .3s linear 0s;

	-o-transition: all .3s linear 0s;

	-moz-transition: all .3s linear 0s;

	-ms-transition: all .3s linear 0s;

	font-family: ralewaybold

}

.hindiLanding .landingNav li a {

	font-weight: 700

}

.landingNav li a.activeNav, .landingNav li a:hover {

	color: #fff

}

.slider-wrapper {

	margin-top: 116px

}

.login_box {

	display: block;

	margin: 3em auto;

	background: #e6e5e5;

	padding: 20px;

	box-shadow: 0 0 6px #ccc;

	-webkit-box-shadow: 0 0 6px #ccc;

	-o-box-shadow: 0 0 6px #ccc;

	-moz-box-shadow: 0 0 6px #ccc;

	-ms-box-shadow: 0 0 6px #ccc;

	border: 1px solid #dcdcdc

}

.login_box h5 {

	display: block;

	font-size: 16px;

	color: #44454a;

	font-family: ralewaysemibold

}

.login_box h5 a {

	color: #104887;

	font-family: ralewaybold

}

.login_box h5 a:hover {

	text-decoration: underline

}

.hr_dbl {

	border-top: 1px solid #d7d6d6;

	border-bottom: 1px solid #f0f0f0;

	padding: 0;

	height: 0;

	width: 100%;

	display: block;

	margin: 10px 0

}

.login {

	background: #fff;

	padding: 20px;

	box-shadow: 0 0 6px #d9d8d8;

	-webkit-box-shadow: 0 0 6px #d9d8d8;

	-o-box-shadow: 0 0 6px #d9d8d8;

	-moz-box-shadow: 0 0 6px #d9d8d8;

	-ms-box-shadow: 0 0 6px #d9d8d8

}

.login h2 {

	color: #44454a;

	font-size: 20px;

	font-family: ralewaysemibold;

	margin-bottom: 20px

}

.login input, .login label, .login select, .otp_box {

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

.login label {

	font-size: 13px;

	color: #44454a;

	font-family: ralewaymedium;

	width: 35%

}

.login input, .login select, .login select.select_style {

	width: 60%;

	height: 35px;

	border: 2px solid #d8d7d7;

	padding: 0 0 0 4px;

	color: #333;

	font-family: ralewaymedium;

	font-size: 13px

}

.login input:focus, .login select:focus {

	box-shadow: 0 0 4px #ccc;

	-webkit-box-shadow: 0 0 4px #ccc;

	-o-box-shadow: 0 0 4px #ccc;

	-moz-box-shadow: 0 0 4px #ccc;

	-ms-box-shadow: 0 0 4px #ccc

}

.otp_box {

	width: 60%

}

.otp_box input {

	width: 65%

}

.otp_box a {

	font-size: 13px;

	color: #093d79;

	text-decoration: none;

	margin-left: 2%;

	font-family: ralewaysemibold

}

.form_fnt_style, .login .submit input, .or span {

	font-family: ralewaymedium

}

.otp_box a:hover {

	text-decoration: underline

}

select.opt_style option {

	background: #f4f4f4;

	border-bottom: 1px solid #ddd;

	font-size: 13px;

	padding: 5px

}

p.or {

	display: block;

	overflow: hidden;

	margin: 5px 0

}

.login .submit, .login .submit input, .or span {

	display: inline-block;

	zoom: 1

}

.or span {

	position: relative;

	color: #e44b4e;

	font-size: 15px

}

.or span::after, .or span::before {

	position: absolute;

	top: 50%;

	height: 1px;

	background: #ebebeb;

	width: 1000px;

	content: ""

}

.or span::before {

	left: -1005px

}

.or span::after {

	right: -1005px

}

.login .submit {

	vertical-align: middle;

	margin: 10px 0 0 36%

}

.login .submit input {

	width: auto;

	height: auto;

	vertical-align: middle;

	border: 1px solid #154f91;

	box-shadow: inset 2px 2px 2px #4d7fb6;

	-webkit-box-shadow: inset 2px 2px 2px #4d7fb6;

	-o-box-shadow: inset 2px 2px 2px #4d7fb6;

	-moz-box-shadow: inset 2px 2px 2px #4d7fb6;

	-ms-box-shadow: inset 2px 2px 2px #4d7fb6;

	background: #154f91;

	background: -moz-linear-gradient(top, #154f91 0, #03346c 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #154f91), color-stop(100%, #03346c));

	background: -webkit-linear-gradient(top, #154f91 0, #03346c 100%);

	background: -o-linear-gradient(top, #154f91 0, #03346c 100%);

	background: -ms-linear-gradient(top, #154f91 0, #03346c 100%);

	background: linear-gradient(to bottom, #154f91 0, #03346c 100%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#154f91', endColorstr='#03346c', GradientType=0 );

	padding: 8px 25px;

	color: #fff;

	font-size: 14px;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-o-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	cursor: pointer

}

.login .submit input:hover {

	background: #03346c;

	background: -moz-linear-gradient(top, #03346c 0, #154f91 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #03346c), color-stop(100%, #154f91));

	background: -webkit-linear-gradient(top, #03346c 0, #154f91 100%);

	background: -o-linear-gradient(top, #03346c 0, #154f91 100%);

	background: -ms-linear-gradient(top, #03346c 0, #154f91 100%);

	background: linear-gradient(to bottom, #03346c 0, #154f91 100%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#03346c', endColorstr='#154f91', GradientType=0 )

}

.select_box {

	display: block;

	margin-bottom: 10px

}

.select_box input, .select_box label, .select_box select, input.inputStyle, select.select_style {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	width: auto;

	max-width: 100%;

	margin: 0 5px 0 0;

	padding: 0 0 0 2px;

	font-size: 13px;

	color: #333;

}



#rating, .search_box input {

	width: 100%

}

.select_box label {

	margin: 0

}

.inputStyle, .select_box input, .select_box select, select.select_style, select {

	height: 25px;

	border: 1px solid #ddd;

	min-width: 100px;

	width: 220px;

	max-width: 100%;

}

select.select_style option, select option {

	background: #f4f4f4;

	border-bottom: 1px solid #ddd;

	font-size: 13px;

	padding: 5px;

	width: 100%;

	max-width: 200px;

	overflow: hidden;

	text-overflow: ellipsis;

}

.login_box .select_box input, .login_box .select_box label, .login_box .select_box select, .login_box input.inputStyle, .login_box select.select_style{

	width:60%;

}

.login_box select.select_style option{

	width:100%;

	max-width:100%;

}

.inputStyle, .select_box input {

	padding: 0 5px

}

.select_box input:focus, .select_box select:focus, input.inputStyle:focus, select.select_style:focus {

	border-color: #FFCA24

}

.select_box input[type=search] {

	background: url(../img/search_ico.png) center right no-repeat #fff;

	padding-right: 30px

}

.search_box.row>div {

	padding-left: 5px

}

.select_box .btn {

	margin: 0;

	width: auto;

	height: auto;

	cursor: pointer;

	border: 1px solid;

	color: #fff;

	display: inline-block;

	zoom: 1;

	font-size: 13px;

	padding: 4px 8px;

	text-decoration: none

}

.select_box .btn:focus {

	border-color: transparent

}

.select_box select {

	background: #f0f0f0

}

.form_fnt_style {

	border: 2px solid #d8d7d7;

	padding: 0 4px;

	color: #333;

	font-size: 13px

}

.ras_def {

	margin: 3em auto

}

.ras_def h4 {

	font-size: 22px;

	color: #666;

	font-family: ralewaybold_italic;

	line-height: 160%;

	padding: 0 20px 20px

}

.ras_def .image {

	display: block;

	margin: 0 auto;

	width: auto;

	max-width: 100%

}

.footer {

	display: block;

	background: #1e1e1e

}

.footer p, .footer p a {

	text-align: center;

	font-size: 12px;

	color: #898686;

	padding: 10px 0;

	text-decoration: none;

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

.feedback_form, .feedback_form p, .page_head, .side_nav, .welcome_bar {

	display: block

}

.footer p a {

	border-left: 1px solid #333;

	padding-left: 5px

}

.side_nav .head_container {

	padding-right: 15px

}

.side_nav .main_logo {

	background: #ffca24

}

.side_nav .main_logo h1 {

	color: #093d79;

	font-family: philosopherbold;

	font-size: 32px;

	text-align: left;

	padding: 13px 15px

}

.title h4, .welcome_bar h2 {

	font-family: ralewaysemibold_italic

}

.main_logo .other_logo {

	text-align: center;

	border-top: 1px solid #dfad11;

	padding: 5px

}

.main_logo .other_logo li a {

	padding: 0 5px 0 0;

	margin-right: 5px;

	border-right: 0

}

.main_logo .other_logo li {

	width: 32%;

	vertical-align: middle

}

.main_logo .other_logo li.lastlogo a {

	margin-right: 0;

	padding-right: 0;

	border-right: 0

}

.main_logo .other_logo li a img {

	max-width: 100%

}

.content_wrapper {

	display: block;

	margin: 0;

	float: right

}

.welcome_bar {

	background: #f4f4f4;

	margin: 0

}

.welcome_bar h2 {

	color: #333;

	font-size: 14px;

	text-align: right

}

.main_content {

	padding: 10px 0;

	min-height: 510px;

	margin: 0 auto

}

.page_head h2 {

	color: #6a6c6f;

	font-size: 16px;

	font-family: ralewaysemibold

}

.page_head h2 i {

	margin-right: 10px

}

.feedback_form p {

	margin: 0 0 5px;

	padding: 0;

	font-size: 14px;

	line-height: 120%;

	color: #444;

	font-family: ralewayregular

}

.ques_box {

	border: 1px solid #ddd;

	padding: 12px;

	margin-bottom: 15px;

	box-shadow: 0 0 2px #ddd;

	-webkit-box-shadow: 0 0 2px #ddd;

	-o-box-shadow: 0 0 2px #ddd;

	-moz-box-shadow: 0 0 2px #ddd

}

.ques, .ques_no {

	display: inline-block;

	zoom: 1;

	vertical-align: top

}

.ques_no {

	width: 40px;

	margin-right: 5px

}

.add_ques select, .add_ques textarea, .textareaStyle {

	width: 100%;

	background: #f0f0f0;

	border: 1px solid #ddd

}

.feedback_form span.ques_no {

	font-family: ralewaymedium;

	font-size: 15px;

	color: #093d79

}

.add_ques_box {

	border: 10px solid #ddd;

	border-radius: 2px;

	-webkit-border-radius: 2px;

	-o-border-radius: 2px;

	-moz-border-radius: 2px;

	-ms-border-radius: 2px;

	transition: all .3s ease-in 0s;

	-webkit-transition: all .3s ease-in 0s;

	-o-transition: all .3s ease-in 0s;

	-moz-transition: all .3s ease-in 0s;

	-ms-transition: all .3s ease-in 0s

}

#modal, #modal2, #modal3, .landingModalCont,#star_rating_modal_1,#star_rating_modal_2,#star_rating_modal_3,#star_rating_modal_4,#star_rating_modal_5 {

	transition: all .4s ease-in-out 0s;

	visibility: hidden

}

.white_box {

	padding: 15px;

	background: #fff

}

.add_ques_box h4 {

	font-size: 20px;

	color: #093d79;

	font-weight: 400;

	text-align: left;

	border-bottom: 2px solid #ddd;

	display: block;

	line-height: 20px;

	padding: 10px;

	font-family: philosopherregular;

	text-transform: capitalize

}

.add_ques label, .add_ques select, .add_ques textarea, .textareaStyle {

	display: block

}

.add_ques label {

	font-size: 13px;

	margin-bottom: 5px;

	color: #6a6c6f;

	font-family: ralewaysemibold

}

.add_ques textarea, .textareaStyle {

	height: 60px

}

.add_ques select {

	height: 25px

}

.add_ques select option {

	background: #f4f4f4;

	border-bottom: 1px solid #ddd

}

.add_ques select, .add_ques select option, .add_ques textarea, .textareaStyle {

	color: #333;

	padding: 2px;

	font-size: 13px;

	font-family: ralewayregular

}

.cursor_pointer {

	cursor: pointer

}

.arrow, .table_accord p, .table_accord span.arrow {

	display: inline-block;

	zoom: 1;

	vertical-align: top

}

.arrow, .table_accord span.arrow {

	background: url(../img/arrows.png) 0 -16px no-repeat;

	width: 16px;

	height: 16px

}

.table_accord p {

	width: 90%;

	margin-right: 5%;

	font-size: 13px;

	line-height: 140%;

	text-align: left

}

.table_accord span.up, .up {

	background-position: 0 0

}

.table_alt {

	width: 100%;

	border: 1px solid #ddd;

	max-width: 100%

}

.table_alt tbody tr:nth-child(2n+1) {

	background-color: #f0f0f0

}

.table_alt tbody tr.odd {

	background: #fff

}

.table_alt thead, .tbl_head {

	border-bottom: 1px solid #eab81c!important;

	background: #ffca24!important;

	color: #333!important

}

.table_alt tbody td, .table_alt tbody th, .table_alt tfoot td {

	border-bottom: 1px solid #ddd;

	padding: 8px;

	vertical-align: top

}

.table_alt thead th, .tbl_head th {

	font-size: 12px;

	line-height: 120%;

	padding: 5px 8px 3px;

	color: #444;

	font-family: ralewaysemibold;

	font-weight: 400;

	text-align: left;

	vertical-align: middle;

	border-right: 1px solid #eab81c

}

.table_alt thead th a {

	color: #444;

	text-decoration: none

}

.table_alt thead th:last-child, .tbl_head th:last-child {

	border-right: 0

}

.table_alt thead th .sort_arrow, .tbl_head th .sort_arrow {

	margin-right: 10px;

	text-decoration: none;

	float: left

}

.table_alt thead th .sort_arrow.margn7, .tbl_head th .sort_arrow.margn7 {

	margin-top: 7px

}

.table_alt thead th span, .tbl_head th span {

	margin-left: 0

}

.sort_arrow i {

	display: block;

	text-align: center;

	font-size: 16px;

	color: #093d79

}

.table_alt tbody td, .table_alt tbody th {

	font-size: 12px;

	line-height: 120%;

	color: #6a6c6f;

	font-family: ralewaymedium;

	font-weight: 400;

	border-right: 1px solid #ddd;

	text-align: left

}

.accord h4, .table_alt tfoot td {

	font-size: 13px;

	line-height: 120%;

	font-weight: 400;

	color: #6a6c6f

}

.table_alt tbody th {

	font-family: ralewaysemibold

}

.table_alt tbody td:last-child {

	border-right: 0

}

.table_alt tfoot {

	border-top: 3px solid #ddd

}

.table_alt tfoot td {

	font-family: ralewaybold;

	text-transform: uppercase

}

.table_alt tr.ui-sortable-handle>td {

	padding: 0

}

.ui-droppable .sub_tbl {

	border: 0

}

.ui-droppable:hover .sub_tbl {

	border: 0;

	width: 100%;

	margin: 0;

	padding: 0

}

.ui-sortable-handle:hover .sub_tbl tr {

	background: #ddd!important;

	cursor: move

}

#modal2 .formBox .submit input, .btn, .chartBox .chartBoxToggle span, .cursor_ptnr, .layoutBtn a, .menuButtons li button, .pictureItem a, .radio input[type=checkbox]+label, button.removeBox, span.arrow {

	cursor: pointer

}

.table_alt .accord {

	background: #f4f4f4

}

.table_alt .accord td {

	padding: 8px;

	border-bottom: 1px solid #ddd;

	border-right: 0

}

#t_draggable2 .sub_tbl tbody td.action, #t_draggable2 tr th:last-child, #t_draggable3 .sub_tbl tbody td.action, #t_draggable3 tr th:last-child {

	display: none

}

#t_draggable1 .sub_tbl tbody td.action {

	display: table-cell

}

.accord h4 {

	font-family: ralewaysemibold;

	margin-bottom: 5px;

	padding: 0 0 5px;

	border-bottom: 1px solid rgba(0,0,0,.1)

}

.accord ul {

	text-align: left;

	margin-left: 20px

}

.accord ul li {

	margin: 5px 45px 5px 0;

	padding: 0;

	font-size: 12px;

	color: #666;

	font-family: ralewaymedium;

	display: inline-block;

	zoom: 1;

	vertical-align: top;

	position: relative

}

.accord ul.disc li::before, .accord ul.square li::before {

	content: "";

	position: absolute;

	left: -20px;

	top: 4px;

	background: #666;

	behavior: url(pie/PIE.htc);

	width: 9px;

	height: 9px

}

.accord ul.disc li::before {

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-o-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%

}

.accord ul.square li::before {

	border-radius: 2px;

	-webkit-border-radius: 2px;

	-o-border-radius: 2px;

	-moz-border-radius: 2px;

	-ms-border-radius: 2px

}

.accord .answers {

	display: block;

	border: 1px solid #ddd;

	width: 90%;

	background: #fff;

	margin-left: 0

}

.accord .answers li {

	display: block;

	width: 100%;

	background: 0 0;

	margin: 0;

	padding: 0;

	border: 0;

	border-bottom: 1px solid #ddd;

	font-size: 13px;

	color: #666;

	box-shadow: none;

	font-family: ralewaysemibold

}

.accord .answers li.total {

	background: #ddd

}

.accord .answers li.total span {

	font-family: ralewaysemibold;

	border-right: 1px solid #fff

}

.accord .answers li input, .accord .answers li span {

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

.accord .answers li span {

	width: 60%;

	padding: 5px

}

.accord .answers li input {

	width: 38%;

	height: 25px;

	margin: 4px 2px;

	padding: 2px

}

.table_alt td input[type=checkbox], .table_alt th input[type=checkbox] {

	width: auto;

	margin: 0 auto;

	display: block;

	padding: 0;

	text-align: center

}

.table_alt tbody td input {

	display: block;

	margin: 0;

	padding: 5px;

	width: auto;

	max-width: 100%;

	font-size: 13px;

	color: #333;

	bordeR: 1px solid #ddd;

	height: 25px;

	font-family: ralewayregular

}

.action a, .action a i, .btn {

	display: inline-block;

	vertical-align: middle;

	zoom: 1

}

.readonlyInput, .table_alt tbody td .readonlyInput {

	border: 0;

	min-width: 10px;

	background: 0 0;

	color: #6a6c6f;

	margin: 0;

	padding: 0;

	height: auto;

	width: 100%

}

.table_alt tbody td input[type=checkbox], .table_alt tbody td input[type=radio] {

	width: auto;

	height: auto;

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

.table_alt tbody td input:focus {

	box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

	-o-box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

	-ms-box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)

}

.readonlyInput:focus, .table_alt tbody td .readonlyInput:focus {

	box-shadow: none;

	-webkit-box-shadow: none;

	-o-box-shadow: none;

	-moz-box-shadow: none;

	-ms-box-shadow: none

}

.action a, .menuButtons li p {

	behavior: url(pie/PIE.htc);

	box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05)

}

.cursor_ptnr td:hover {

	color: #093d79

}

.action a {

	border: 1px solid;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);

	-o-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);

	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);

	-ms-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);

	color: #fff;

	font-size: 13px;

	margin-right: 0;

	padding: 4px 6px;

	text-shadow: 0 -1px 0 rgba(0,0,0,.25);

	-o-text-shadow: 0 -1px 0 rgba(0,0,0,.25);

	text-decoration: none;

	text-align: left

}

.btn-brown, .btn-edit, .btn-green {

	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25)

}

.title, .title h4 {

	text-align: center

}

.action a i {

	margin-right: 2px

}

.action a:hover {

	box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05);

	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05);

	-o-box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05);

	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05);

	-ms-box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05)

}

.btn-green {

	background: #3ddb62;

	background: -moz-linear-gradient(top, #3ddb62 0, #27c24c 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3ddb62), color-stop(100%, #27c24c));

	background: -webkit-linear-gradient(top, #3ddb62 0, #27c24c 100%);

	background: -o-linear-gradient(top, #3ddb62 0, #27c24c 100%);

	background: -ms-linear-gradient(top, #3ddb62 0, #27c24c 100%);

	background: linear-gradient(to bottom, #3ddb62 0, #27c24c 100%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ddb62', endColorstr='#27c24c', GradientType=0 )

}

.btn-green:hover {

	background-color: #3ddb62

}

.btn-brown {

	background: #ddad1c;

	background: -moz-linear-gradient(top, #ddad1c 0, #c89a0b 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddad1c), color-stop(100%, #c89a0b));

	background: -webkit-linear-gradient(top, #ddad1c 0, #c89a0b 100%);

	background: -o-linear-gradient(top, #ddad1c 0, #c89a0b 100%);

	background: -ms-linear-gradient(top, #ddad1c 0, #c89a0b 100%);

	background: linear-gradient(to bottom, #ddad1c 0, #c89a0b 100%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddad1c', endColorstr='#c89a0b', GradientType=0 )

}

.btn-brown:hover {

	background-color: #C89A0B

}

.btn-edit {

	background: #fcac35;

	background: -moz-linear-gradient(top, #fcac35 0, #ff9c00 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcac35), color-stop(100%, #ff9c00));

	background: -webkit-linear-gradient(top, #fcac35 0, #ff9c00 100%);

	background: -o-linear-gradient(top, #fcac35 0, #ff9c00 100%);

	background: -ms-linear-gradient(top, #fcac35 0, #ff9c00 100%);

	background: linear-gradient(to bottom, #fcac35 0, #ff9c00 100%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcac35', endColorstr='#ff9c00', GradientType=0 )

}

.btn-edit:hover {

	background-color: #85b949

}

.btn-close {

	background: #fc5f50;

	background: -moz-linear-gradient(top, #fc5f50 0, #f93926 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fc5f50), color-stop(100%, #f93926));

	background: -webkit-linear-gradient(top, #fc5f50 0, #f93926 100%);

	background: -o-linear-gradient(top, #fc5f50 0, #f93926 100%);

	background: -ms-linear-gradient(top, #fc5f50 0, #f93926 100%);

	background: linear-gradient(to bottom, #fc5f50 0, #f93926 100%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5f50', endColorstr='#f93926', GradientType=0 );

	border-color: #c85248

}

.btn-close:hover {

	background-color: #d14034

}

.btn-view {

	background: linear-gradient(to bottom, rgba(237,212,88,1) 0, rgba(252,238,170,1) 100%) rgba(0,0,0,0);

	border-color: #d6c08a;

	color: #763d00

}

.action a.btn-view {

	color: #763d00;

	margin-bottom: 2px;

	text-shadow: none

}

.btn-view:hover {

	box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05);

	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05);

	-o-box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05);

	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05);

	-ms-box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05)

}

.btn {

	border: 1px solid;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-o-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	behavior: url(pie/PIE.htc);

	color: #fff;

	font-size: 13px;

	padding: 6px 8px;

	text-shadow: 0 -1px 0 rgba(0,0,0,.25);

	-o-text-shadow: 0 -1px 0 rgba(0,0,0,.25);

	text-decoration: none;

	margin: 10px 0

}

#boxes #dialog p, #boxes #questionDialogue p {

	-webkit-text-shadow: 0 2px 14px #000;

	-moz-text-shadow: 0 2px 14px #000;

	-ms-text-shadow: 0 2px 14px #000

}

.btn.big {

	font-size: 15px;

	padding: 8px 10px

}

.btn i {

	margin-right: 4px

}

.btn.green {

	background: #3ddb62;

	background: -moz-linear-gradient(top, #3ddb62 0, #27c24c 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3ddb62), color-stop(100%, #27c24c));

	background: -webkit-linear-gradient(top, #3ddb62 0, #27c24c 100%);

	background: -o-linear-gradient(top, #3ddb62 0, #27c24c 100%);

	background: -ms-linear-gradient(top, #3ddb62 0, #27c24c 100%);

	background: linear-gradient(to bottom, #3ddb62 0, #27c24c 100%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ddb62', endColorstr='#27c24c', GradientType=0 )

}

.btn.orange {

	background: #fcac35;

	background: -moz-linear-gradient(top, #fcac35 0, #ff9c00 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcac35), color-stop(100%, #ff9c00));

	background: -webkit-linear-gradient(top, #fcac35 0, #ff9c00 100%);

	background: -o-linear-gradient(top, #fcac35 0, #ff9c00 100%);

	background: -ms-linear-gradient(top, #fcac35 0, #ff9c00 100%);

	background: linear-gradient(to bottom, #fcac35 0, #ff9c00 100%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcac35', endColorstr='#ff9c00', GradientType=0 )

}

.mrLeft10 {

	margin-left: 10px

}

.title {

	display: block;

	margin: 0 0 20px

}

.title h4 {

	color: #333;

	font-size: 16px;

	display: inline-block;

	zoom: 1;

	border-left: 2px solid #FFCA24;

	border-right: 2px solid #FFCA24;

	padding: 8px;

	vertical-align: middle;

	position: relative

}

.heading, .sub_head h4 {

	text-align: left;

	font-weight: 400

}

.title h4:after, .title h4:before {

	width: 2px;

	height: 80%;

	top: 10%;

	background: #FFCA24;

	position: absolute;

	display: block;

	content: ""

}

.title h4:before {

	left: -10px

}

.title h4:after {

	right: -10px

}

.title h4 span {

	font-family: ralewaybold_italic

}

.sub_head {

	display: block;

	clear: both;

	margin: 0 0 10px;

	padding: 0 0 5px;

	border-bottom: 1px solid #ddd

}

.sub_head h4 {

	font-size: 20px;

	color: #093d79;

	display: block;

	line-height: 22px;

	font-family: philosopherregular;

	text-transform: capitalize

}

.pad6 {

	padding: 1px 0

}

.radio .padd_tp_btm {

	padding-top: 6px;

	padding-bottom: 6px

}

.heading {

	font-size: 15px;

	color: #6a6c6f;

	line-height: 20px;

	padding: 2px 0;

	text-transform: uppercase;

	font-family: ralewaysemibold

}

.pagination {

	display: block;

	margin: 10px 0 0;

	float: right;

	clear: right

}

.pagination li {

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

.pagination li a {

	display: block;

	border-radius: 2px;

	-webkit-border-radius: 2px;

	-o-border-radius: 2px;

	-moz-border-radius: 2px;

	-ms-border-radius: 2px;

	behavior: url(pie/PIE.htc);

	color: #6a6c6f;

	border: 1px solid #ddd;

	text-decoration: none;

	line-height: 18px;

	width: 20px;

	text-align: center;

	height: 20px;

	font-size: 12px

}

.pagination li a.current, .pagination li a:hover {

	border-color: #093d79;

	color: #093d79

}

.pagination li a.disabled, .pagination li a.disabled:hover {

	background: #f4f4f4;

	color: #ccc;

	border-color: #ddd

}

.translate_ques {

	margin-top: 10px

}

.translate .accord ul.disc li:::before, .translate .accord ul.square li:::before {

top:2px

}

.language_box {

	display: block;

	margin: 10px 0

}

.nomarginBtm {

	margin-bottom: 0!important

}

.language_box .select_box label {

	padding: 5px 0;

	margin: 0

}

.radioButtons {

	display: block;

	float: left;

	width: 49.5%;

	margin-right: 1%;

	margin-bottom: 10px;

	background: #eee;

	padding: 15px

}

.radioButtons.last {

	margin-right: 0

}

.radioButtons input, .radioButtons label {

	display: inline-block;

	zoom: 1;

	vertical-align: top;

	color: #333;

	font-family: ralewaymedium;

	font-size: 13px;

	width: auto;

	height: auto;

	margin: 0 5px 0 0

}

.radio, .radioButtons label span {

	margin-top: 10px;

	display: block

}

.radioButtons label span {

	font-size: 13px;

	font-family: ralewayregular;

	color: #444

}

.action label, .radio input[type=text] {

	font-family: ralewaymedium;

	width: auto;

	font-size: 13px

}

.check_box span {

	display: block;

	margin: 0 0 8px

}

.radio input[type=checkbox], .radio input[type=radio], .radio label {

	display: inline-block;

	zoom: 1;

	vertical-align: top;

	color: #333;

	font-family: ralewaymedium;

	font-size: 13px;

	width: auto;

	height: auto;

	margin: 0 5px 0 0;

	max-width: 100%

}

.radio input[type=text] {

	color: #333;

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	max-width: 100%;

	min-width: 10%

}

.action label {

	color: #333;

	height: auto;

	margin-right: 20px

}

.time_box {

	margin-top: 10px;

	clear: both

}

.time_box input {

	height: 25px;

	border: 1px solid #ccc;

	padding: 2px;

	font-size: 13px;

	color: #333

}

.time_box input:focus {

	border-color: #FFCA24

}

.cal_bg {

	background: url(calendar.png) 95% center no-repeat

}

.note {

	display: block;

	border-bottom: 2px solid #ddd;

	padding: 10px 4px;

	margin-bottom: 10px;

	font-size: 14px;

	color: #444;

	font-family: ralewaysemibold_italic

}

.style1 li, .style2 li {

	font-size: 13px;

	font-family: ralewaysemibold_italic;

	display: block

}

.style1 {

	display: block;

	padding: 0 0 0 14px

}

.style1 li {

	color: #666;

	margin: 0 0 7px;

	padding-left: 5px;

	position: relative;

	text-align: left

}

.style1 li::before {

	position: absolute;

	top: 4px;

	left: -10px;

	background: #666;

	width: 5px;

	height: 5px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-o-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	behavior: url(pie/PIE.htc);

	content: ""

}

.style1 li a {

	color: #666;

	text-decoration: none

}

.style1 li a.btn {

	color: #fff

}

.style2 {

	display: block;

	padding: 0

}

.style2 li {

	color: #666;

	margin: 0;

	padding: 0 0 0 10px

}

.style2 li span {

	display: inline-block;

	zoom: 1;

	margin-right: 10px;

	background: #f2f2f2;

	border: 1px solid #ddd;

	font-size: 14px;

	padding: 10px

}

.style2 li:last-child {

	border-bottom: 0

}

.style1 .style2 li::before {

	content: "";

	background: 0 0

}

.dashboard {

	display: block

}

.dash_label, .dash_select {

	display: inline-block;

	zoom: 1

}

.dashboard .style1 {

	padding: 0 10px

}

.dashboard .style1 li {

	margin: 0 0 15px;

	border-bottom: 1px solid #eee;

	padding-bottom: 15px;

	font-family: ralewayregular

}

.customDash label, .dash_label, .dashboard .style2 li {

	font-family: ralewaysemibold

}

.dashboard .style2 li {

	margin-bottom: 0;

	padding: 5px 0

}

.dashboard .style2 li:last-child {

	border-bottom: 0

}

.dashboard .style1 li.lastlist {

	border-bottom: 0;

	padding-bottom: 0;

	margin-bottom: 0

}

.dash_label {

	margin-right: 2%;

	font-size: 14px;

	color: #666;

	width: 40%

}

.dash_select {

	width: 55%;

	vertical-align: top

}

.dash_select .radio, .dash_select .select_style {

	margin-top: 0

}

.customDash {

	border: .08em solid #ddd;

	display: block;

	padding: 5px;

	margin: 0 0 10px

}

.box, .dashRow1 p span {

	border: 1px solid #ddd

}

.box>.row>div:first-child, .tbl_style li div {

	border-right: 1px solid #ddd

}

.customDash label, .customDash select.select_style {

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

.customDash label {

	width: 35%;

	text-align: left

}

.customDash select.select_style {

	width: 60%

}

.dashRow1 {

	margin: 10px 0;

	border-bottom: 1px solid #ddd;

	border-top: 1px solid #ddd;

	padding: 10px 0

}

.dashRow1 p {

	font-size: 14px;

	color: #666;

	font-family: ralewaysemibold_italic

}

.dashRow1 p span {

	display: inline-block;

	zoom: 1;

	margin-right: 10px;

	background: #f2f2f2;

	font-size: 14px;

	padding: 10px

}

.box {

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-o-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	behavior: url(pie/PIE.htc);

	margin-bottom: 20px

}

h4.ques_head {

	display: block;

	font-size: 14px;

	color: #333;

	font-family: ralewaysemibold;

	border-bottom: 2px solid #ddd;

	background: #f4f4f4;

	border-radius: 4px 4px 0 0;

	-webkit-border-radius: 4px 4px 0 0;

	-o-border-radius: 4px 4px 0 0;

	-moz-border-radius: 4px 4px 0 0;

	-ms-border-radius: 4px 4px 0 0;

	behavior: url(pie/PIE.htc);

	padding: 10px

}

h4.ques_head span {

	display: inline-block;

	zoom: 1;

	vertical-align: top;

	width: 6%

}

.feedback_form .option {

	display: block;

	margin: 0;

	padding: 10px 7%

}

.feedback_form .option span {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	margin-right: 10px

}

.feedback_form .option span input, .feedback_form .option span label {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	margin-right: 5px;

	font-size: 13px;

	color: #444

}

.tbl_style, .tbl_style li {

	display: table;

	width: 100%

}

.tbl_style {

	border-left: 1px solid #ddd

}

.tbl_style li div {

	display: table-cell;

	border-bottom: 1px solid #ddd;

	color: #6a6c6f;

	font-family: ralewaymedium;

	font-size: 13px;

	font-weight: 400;

	line-height: 120%;

	padding: 8px;

	text-align: left;

	vertical-align: top

}

.tbl_style .quesOptions {

	width: 100%;

	background: #f2f2f2;

	display: block

}

.tbl_style .tbl_head {

	border-right: 1px solid #eab81c;

	color: #444;

	font-family: ralewaysemibold;

	font-size: 13px;

	font-weight: 400;

	line-height: 120%;

	padding: 5px 8px 3px;

	text-align: left;

	vertical-align: middle;

	background: #ffca24;

	border-bottom: 1px solid #eab81c

}

.fd_form label, .maxWords span {

	font-family: ralewaymedium

}

.sort_arrow {

	float: left;

	margin-right: 10px;

	text-decoration: none

}

.tbl_style .accord {

	border-bottom: 1px solid #ddd;

	border-right: 0 none;

	padding: 8px 30% 8px 15%

}

.tbl_style .accord ul li {

	display: inline-block;

	zoom: 1;

	width: auto

}

span.arrow {

	background: url(../img/arrows.png) 0 -16px no-repeat;

	height: 16px;

	width: 16px

}

span.up {

	background-position: 0 0

}

.quesDescOpen p, .tbl_style li p {

	font-size: 13px;

	line-height: 140%;

	margin-right: 5%;

	text-align: left;

	width: 90%

}

.quesDescOpen p, .quesDescOpen span.arrow, .tbl_style li p, .tbl_style span.arrow {

	display: inline-block;

	vertical-align: top

}

#modal .radio input[type=checkbox], #modal .radio input[type=radio], #modal .radio label, .dept_logo, .dept_name, .ui-tabs-nav li {

	vertical-align: middle

}

.quesOptions.accord.showHide, .tbl_style .accord.showHide {

	display: none

}

.quesOptions.accord.showHide {

	width: 100%;

	height: auto;

	border: 1px solid #ddd;

	background: #f9f9f9;

	padding: 5px;

	margin: 10px 0 0

}

.backbtn i {

	display: inline-block;

	zoom: 1;

	width: 30px;

	height: 30px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-o-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	behavior: url(pie/PIE.htc);

	border: 4px solid #ddd;

	background: #eee;

	font-size: 16px;

	line-height: 22px;

	color: #6a6c6f;

	text-align: center

}

.backbtn:hover i {

	color: #333

}

.maxWords {

	margin-top: 10px

}

.maxWords span {

	font-size: 13px;

	display: block;

	color: #6a6c6f

}

.fd_form {

	margin-bottom: 10px

}

.fd_form input {

	min-width: 50%

}

.fd_form input[type=file] {

	width: 150px;

	height: auto

}

.ui-tabs-nav {

	clear: both;

	display: block

}

.ui-tabs-nav li {

	display: inline-block;

	zoom: 1;

	margin: 0;

	padding: 0

}

.ui-tabs-nav li a {

	display: block;

	margin: 0;

	border-radius: 0;

	border: 0;

	padding: 10px 12px;

	background: #DDD;

	color: #444;

	box-shadow: none;

	-webkit-box-shadow: none;

	-o-box-shadow: none;

	-moz-box-shadow: none;

	-ms-box-shadow: none

}

.tabs, .ui-tabs-panel {

	border: 1px solid #ddd

}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {

	background: #00aff0;

	box-shadow: 0 1px #40c5f7 inset;

	-webkit-box-shadow: 0 1px #40c5f7 inset;

	-o-box-shadow: 0 1px #40c5f7 inset;

	-moz-box-shadow: 0 1px #40c5f7 inset;

	-ms-box-shadow: 0 1px #40c5f7 inset;

	color: #fff;

	font-family: ralewaysemibold

}

.ui-tabs-panel {

	padding: 10px

}

.tabs {

	padding-bottom: 10px

}

.col1, .col2, .col3, .four-fifth, .one-fifth, .two-fifth {

	float: left

}

.col1 {

	width: 18%

}

.col2 {

	width: 25%;

	border-left: 4px solid #ddd;

	padding: 0 10px

}

.col3 {

	width: 57%

}

.two-fifth {

	width: 38%;

	padding: 0 1%;

	margin: 0 0 0 1%

}

.one-fifth {

	width: 22%

}

.four-fifth {

	width: 77%;

	margin-left: 1%

}

.four-fifth, .one-fifth, .two-fifth {

	height: 550px;

	overflow-y: scroll

}

.configureForm p {

	font-size: 13px;

	line-height: 140%;

	text-align: justify

}

.configureForm .heading {

	margin-bottom: 10px;

	background: #f2f2f2;

	font-size: 14px;

	padding: 5px

}

.configureForm ul li {

	font-family: ralewayregular

}

.configureForm .ui-tabs-nav li a:hover {

	color: #444

}

.configureForm .ui-state-active a:link, .configureForm .ui-state-active a:visited, .configureForm .ui-tabs-nav .ui-state-active a:hover {

	color: #fff

}

.conf_list_ul li a:hover, .configureForm ul li a:hover {

	color: #00aff0

}

.activeLink {

	color: #00aff0!important

}

.ryt_box {

	border: 4px solid #ddd;

	padding: 10px

}

.ht225 {

	height: 225px;

	overflow-y: scroll

}

.teaserMsgBox .ui-tabs {

	margin-bottom: 10px

}

.ht200 {

	height: 200px;

	overflow-y: scroll

}

.dept_logo, .dept_name {

	display: inline-block;

	zoom: 1

}

.dept_name {

	width: 65%;

	font-size: 15px;

	color: #6a6c6f;

	font-weight: 400;

	text-align: right;

	line-height: 20px;

	padding: 2px 0;

	text-transform: uppercase;

	font-family: ralewaysemibold

}

.configureForm h2, .translateHead h4 {

	font-size: 14px;

	color: #333;

	line-height: 20px;

	font-family: ralewaysemibold;

	text-transform: uppercase;

	font-weight: 400

}

.dept_logo {

	width: auto;

	max-width: 100%;

	max-height: 40px;

	margin-left: 10px

}

.configureForm h2 {

	padding: 0 0 2px;

	text-align: left

}

.translateHead {

	padding: 0 0 2px;

	border-bottom: 1px dashed #6a6c6f;

	margin-bottom: 15px

}

.translateHead h4 {

	padding: 3px 0

}

#modal, #modal2, #modal3, .landingModalCont,#star_rating_modal_1,#star_rating_modal_2,#star_rating_modal_3,#star_rating_modal_4,#star_rating_modal_5 {

	box-shadow: 0 3px 7px rgba(0,0,0,.25);

	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.25);

	-o-box-shadow: 0 3px 7px rgba(0,0,0,.25);

	-moz-box-shadow: 0 3px 7px rgba(0,0,0,.25);

	-ms-box-shadow: 0 3px 7px rgba(0,0,0,.25);

	box-sizing: border-box;

	left: 50%;

	margin: 0 0 0 -30%;

	opacity: 0;

	position: absolute;

	top: 0;

	-webkit-transition: all .4s ease-in-out 0s;

	-o-transition: all .4s ease-in-out 0s;

	-moz-transition: all .4s ease-in-out 0s;

	-ms-transition: all .4s ease-in-out 0s;

	width: 50%;

	z-index: 99999

}

.landingModalCont {

	margin-left: 0;

	position: fixed;

	pointer-events: auto;

	opacity: 1;

	top: 5%;

	visibility: visible;

	width: 70%;

	left: 15%

}

.landingModalCont .modal-content {

	overflow-y: scroll;

	height: 550px

}

#modal3 {

	width: 80%;

	margin: 0 0 0 -40%

}

#modal2:target, #modal3:target, #modal:target,#star_rating_modal_1:target,#star_rating_modal_2:target,#star_rating_modal_3:target,#star_rating_modal_4:target,#star_rating_modal_5:target{

	opacity: 1;

	top: 20%;

	visibility: visible

}

#modal3:target {

	top: 20%

}

#modal .footer, #modal .header, #modal2 .footer, #modal2 .header, #modal3 .footer, #modal3 .header, .landingModalCont .footer, .landingModalCont .header,#star_rating_modal_1 .footer, #star_rating_modal_1 .header,#star_rating_modal_2 .footer, #star_rating_modal_2 .header,#star_rating_modal_3 .footer, #star_rating_modal_3 .header,#star_rating_modal_4 .footer, #star_rating_modal_4 .header,#star_rating_modal_5 .footer, #star_rating_modal_5 .header {

	border-bottom: 1px solid #e7e7e7;

	border-radius: 0

}

#modal .header, #modal2 .header, #modal3 .header, .landingModalCont .header, #star_rating_modal_1 .header,#star_rating_modal_2 .header,#star_rating_modal_3 .header,#star_rating_modal_4 .header,#star_rating_modal_5 .header {

	background: #2965be;

	text-align: center

}

#modal .header h2, #modal2 .header h2, #modal3 .header h2, .landingModalCont .header h2, #star_rating_modal_1 .header h2,#star_rating_modal_2 .header h2,#star_rating_modal_3 .header h2,#star_rating_modal_4 .header h2,#star_rating_modal_5 .header h2 {

	font-size: 20px;

	color: #fff;

	padding: 5px 0

}

#modal h2, #modal2 h2, #modal3 h2, .landingModalCont h2, #star_rating_modal_1 h2,#star_rating_modal_2 h2,#star_rating_modal_3 h2,#star_rating_modal_4 h2,#star_rating_modal_5 h2 {

	margin: 0

}

#modal .footer, #modal2 .footer, #modal3 .footer, .landingModalCont .footer, #star_rating_modal_1 .footer,#star_rating_modal_2 .footer,#star_rating_modal_3 .footer,#star_rating_modal_4 .footer,#star_rating_modal_5 .footer {

	border: none;

	border-radius: 0;

	text-align: center;

	margin: 10px 0;

	border-top: 1px dashed #333;

	padding-top: 10px

}

.landingModalCont .footer {

	margin-bottom: 0;

	border-top: 1px dashed #ddd

}

#modal .footer a, .landingModalCont .footer a {

	text-decoration: none

}

#modal .action a, .landingModalCont .action a {

	line-height: 16px

}

.landingModalCont .action a {

	margin: 0

}

.modal-content {

	background: #fff;

	position: relative;

	z-index: 20;

	padding: 2%;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-o-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	behavior: url(pie/PIE.htc);

	border: 10px solid #ddd

}

.landingModalCont .modal-content h2 {

	color: #333;

	font-family: ralewaysemibold;

	font-size: 14px;

	font-weight: 400;

	line-height: 20px;

	text-align: left;

	text-transform: uppercase;

	padding-bottom: 5px;

	margin-bottom: 10px;

	border-bottom: 1px dashed #ddd;

}

#modal .overlay, #modal2 .overlay, #modal3 .overlay, .landingModalCont .overlay, #star_rating_modal_1 .overlay,#star_rating_modal_2 .overlay,#star_rating_modal_3 .overlay,#star_rating_modal_4 .overlay,#star_rating_modal_5 .overlay {

	background-color: #000;

	background: rgba(0,0,0,.4);

	height: 100%;

	left: 0;

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 10

}

.landingModalCont .overlay {

	background: rgba(0,0,0,.6)

}

.cf.footer {

	background: 0 0

}

#modal .radio input {

	max-width: 70%

}

#modal .radio select {

	width: 100%

}

.translateBox {

	border: 10px solid #ddd;

	padding: 5px

}

.questionSetList li {

	border-bottom: 1px solid #ddd;

	padding: 0 0 5px;

	margin: 0 0 5px

}

.questionSetList li aside, .questionSetList li input, .questionSetList li p, .questionSetList li span.arrow {

	display: block;

	float: left

}

.criteria, .feedbackFormMsgBox aside {

	display: inline-block;

	vertical-align: top;

	zoom: 1

}

.questionSetList li input {

	margin-top: 2px

}

.questionSetList li aside {

	width: 90%;

	margin-left: 2%

}

.questionSetList li aside p, .questionSetList li p {

	width: 90%;

	margin-right: 3%

}

.questionSetList li p:hover {

	color: #00aff0

}

.answerOption {

	background: #eee;

	margin: 5px 0;

	padding: 5px

}

.accord.answerOption ul.disc li::before {

	height: 7px;

	top: 3px;

	width: 7px;

	left: -15px

}

.accord.answerOption ul li {

	margin-right: 30px;

	border-bottom: none

}

.questionTranslated table td input {

	width: 100%

}

.feedbackFormMsgBox aside {

	width: 85%

}

.criteria {

	text-decoration: none

}

.criteria span {

	border: 2px solid #aaa;

	border-radius: 2px;

	-webkit-border-radius: 2px;

	-o-border-radius: 2px;

	-moz-border-radius: 2px;

	behavior: url(pie/PIE.htc);

	color: #000;

	display: block;

	font-size: 13px;

	height: 17px;

	line-height: 13px;

	padding: 0 4px;

	text-align: center;

	width: auto

}

.ui-multiselect, .ui-widget-header a {

	color: #333;

	font-size: 13px

}

.one-third {

	display: block;

	float: left;

	width: 31.33%;

	margin-right: 2%

}

.one-third.last {

	margin-right: 0

}

.ui-multiselect {

	max-width: 100%;

	background: 0 0;

	border-radius: 0;

	display: block;

	margin: 0 5px 0 0;

	padding: 0 2px;

	vertical-align: middle;

	border: 1px solid #ddd;

	height: 25px;

	font-family: ralewayregular;

	font-weight: 400

}

#dashAccord h3, .st_dst_display strong {

	font-family: ralewaysemibold

}

.ui-multiselect:hover {

	font-weight: 400;

	border-color: #ffca24

}

select.arrowStyle {

	background-image: linear-gradient(45deg, transparent 50%, #EF8C08 50%), linear-gradient(135deg, #EF8C08 50%, transparent 50%);

	background-position: calc(100% - 10px) calc(.7em), calc(100% - 6px) calc(.7em);

	background-size: 4px 4px, 4px 4px;

	background-repeat: no-repeat;

	-webkit-appearance: none;

	-moz-appearance: none

}

select.arrowStyle:focus {

	border-color: #ffca24

}

.st_dst_display p {

	display: block;

	width: 100%;

	padding: 0 0 0 33.33%;

	margin: 5px 0;

	font-size: 12px;

	color: #666

}

#boxes .window, #mask {

	position: absolute;

	left: 0;

	display: none;

	top: 0

}

#mask {

	z-index: 9000;

	background-color: #000;

	opacity: .3!important;

	filter: alpha(opacity=40)!important

}

#boxes .window {

	width: 100%;

	height: auto;

	z-index: 9999

}

#boxes #dialog {

	width: 78%;

	height: auto

}

#boxes #dialog img {

	max-width: 100%

}

#boxes #dialog img, #boxes #dialog p {

	max-width: 100%;

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

#boxes #dialog p {

	color: #fff;

	font-family: ralewaybold;

	font-size: 28px;

	text-shadow: 0 2px 14px #000;

	-o-text-shadow: 0 2px 14px #000;

	width: 40%;

	line-height: 120%

}

.menuButtons {

	display: block;

	margin: 0;

	padding: 0

}

.menuButtons li {

	margin: 0 0 5px

}

.menuButtons li p {

	display: block;

	border: 0;

	border-radius: 2px;

	-webkit-border-radius: 2px;

	-o-border-radius: 2px;

	-moz-border-radius: 2px;

	-ms-border-radius: 2px;

	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);

	-o-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);

	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);

	-ms-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);

	color: #333;

	font-size: 13px;

	padding: 0;

	background: #ffca24;

	margin: 0;

	cursor: move;

	line-height: 29px;

	font-family: ralewaysemibold

}

.menuButtons li button, .menuButtons li i {

	color: #fff;

	behavior: url(pie/PIE.htc)

}

.menuButtons li:hover p {

	box-shadow: 0 0 6px rgba(0,0,0,.2) inset;

	-moz-box-shadow: 0 0 6px rgba(0,0,0,.2) inset;

	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.2) inset;

	-o-box-shadow: 0 0 6px rgba(0,0,0,.2) inset;

	-ms-box-shadow: 0 0 6px rgba(0,0,0,.2) inset

}

.menuButtons li img, .menuButtons li span {

	display: inline-block;

	zoom: 1;

	vertical-align: top

}

.menuButtons li i {

	background: #3ddb62;

	background: -moz-linear-gradient(top, #3ddb62 0, #27c24c 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3ddb62), color-stop(100%, #27c24c));

	background: -webkit-linear-gradient(top, #3ddb62 0, #27c24c 100%);

	background: -o-linear-gradient(top, #3ddb62 0, #27c24c 100%);

	background: -ms-linear-gradient(top, #3ddb62 0, #27c24c 100%);

	background: linear-gradient(to bottom, #3ddb62 0, #27c24c 100%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ddb62', endColorstr='#27c24c', GradientType=0 );

	font-size: 14px;

	height: 30px;

	line-height: 29px;

	margin-right: 2px;

	text-align: center;

	width: 30px;

	border-radius: 2px 0 0 2px;

	-webkit-border-radius: 2px 0 0 2px;

	-o-border-radius: 2px 0 0 2px;

	-moz-border-radius: 2px 0 0 2px;

	-ms-border-radius: 2px 0 0 2px

}

.menuButtons li .secondCircle {

	position: relative;

	text-align: left;

	padding-left: 3px;

	font-size: 12px

}

.secondCircle:after {

	width: 11px;

	height: 11px;

	border: 2px solid #fff;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-o-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	behavior: url(pie/PIE.htc);

	position: absolute;

	right: 3px;

	top: 9px;

	content: ""

}

.menuButtons li button {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	margin: 0 0 5px;

	border: 0;

	padding: 4px 8px 5px;

	font-size: 13px;

	font-family: ralewayregular;

	line-height: 16px;

	background: #00aff0;

	box-shadow: 0 1px #40c5f7 inset;

	-webkit-box-shadow: 0 1px #40c5f7 inset;

	-o-box-shadow: 0 1px #40c5f7 inset;

	-moz-box-shadow: 0 1px #40c5f7 inset;

	-ms-box-shadow: 0 1px #40c5f7 inset;

	border-radius: 2px;

	-webkit-border-radius: 2px;

	-o-border-radius: 2px;

	-moz-border-radius: 2px;

	-ms-border-radius: 2px

}

.btn-disabled, .menuButtons li p.btn-disabled {

	background: #ddd;

	color: #777

}

.menuButtons li p.btn-disabled i {

	color: #888;

	background: #aaa

}

.btn-disabled .secondCircle:after {

	border-color: #888

}

.questionAnswers h4 {

	color: #6a6c6f;

	font-family: ralewaysemibold;

	font-size: 13px;

	padding: 0 0 2px;

	margin: 0

}

.questionAnswers .note {

	color: #6a6c6f

}

.InputsWrapper, .InputsWrapper1 {

	border: 2px solid #ddd;

	display: block

}

#InputsWrapper, #InputsWrapperPreview, #feedbackSetrapper {

	padding: 10px;

	display: block;

	width: 100%;

	min-height: 130px;

	text-align: left

}

#InputsWrapper p, #InputsWrapperPreview p, #feedbackSetrapper p {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	margin: 0 10px 10px 0;

	padding: 4px;

	box-shadow: 0 0 2px #ccc

}

#InputsWrapper p label {

	font-size: 13px;

	color: #444;

	margin: 0;

	padding: 0

}

#InputsWrapper p input[type=checkbox], #InputsWrapper p input[type=radio], #InputsWrapperPreview p input[type=checkbox], #InputsWrapperPreview p input[type=radio] {

	margin: 0 10px;

	vertical-align: middle

}

#InputsWrapper p input[type=text], #InputsWrapperPreview p input[type=text] {

	border: 1px solid #ddd;

	font-size: 13px;

	background: #fff;

	height: 25px;

	vertical-align: middle;

	width: auto;

	margin-right: 5px;

	padding: 2px;

	max-width: 85px

}

#InputsWrapper p input[type=text]:focus {

	box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

	-o-box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

	-ms-box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)

}

#InputsWrapper button {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	margin: 0 2px;

	font-size: 14px;

	color: #fff;

	padding: 0;

	width: 28px;

	height: 25px;

	border: 1px solid;

	text-align: center;

	cursor: pointer

}

.dragDropCaption, .errorMessages, .errorMessages p, .likertScaleSelect, .pictureSelect {

	display: block

}

#InputsWrapper button i {

	line-height: 22px;

	vertical-align: top

}

#InputsWrapper select.select_style, #InputsWrapperPreview select.select_style {

	width: 200px;

	max-width: 100%;

	min-width: 10px;

	margin: 0 5px 0 0

}

.errorMessages p {

	margin: 5px;

	font-size: 14px;

	color: red;

	font-family: ralewaysemibold_italic;

	background: #f4f4f4;

	padding: 8px

}

.dragDropCaption {

	font-size: 16px;

	color: #999;

	text-align: center;

	padding: 45px 0

}

.likertScaleSelect label, .pictureItem span, .pictureSelect label {

	font-size: 13px;

	color: #444;

	font-family: ralewaysemibold_italic

}

.likertScaleSelect label {

	display: block;

	margin: 0 0 4px

}

.pictureSelect label {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	margin: 0 10px 0 0

}

.likertScaleBox {

	display: block;

	margin: 10px 0 0

}

.pictureGraphBox {

	display: block;

	margin: 30px 0 20px;

	width: 100%

}

.pictureItem, .pictureItem a {

	display: inline-block;

	zoom: 1

}

.pictureItem {

	vertical-align: top;

	margin: 0 4%;

	width: auto;

	text-align: center

}

.pictureItem img {

	display: block;

	margin: 0 auto 10px;

	max-width: 35px;

	height: auto;

	transform: scale(1);

	-webkit-transform: scale(1);

	-o-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1)

}

.pictureItem a:active img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-o-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1)

}

.pictureItem span {

	display: block;

	margin: 0;

	padding: 0;

	text-align: center

}

.likertScaleBox th input {

	margin: 0 0 5px;

	min-width: 40%;

	width: 90%;

	display: block;

	height: 25px;

	border: 1px solid #fff

}

.likertScaleBox th input.second_input {

	width: 45%

}

.likertScaleBox td input {

	margin: 0 5px 5px 0;

	min-width: 98%;

	display: block;

	height: 30px

}

#InputsWrapper .likertScaleBox button {

	margin: 0 1px 0 0

}

.saveButton .btn {

	margin: 5px 0

}

.captchaImg {

	display: block;

	margin: 0;

	padding: 0

}

.captchaImg a, .captchaImg img {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	margin-right: 5px;

	max-width: 100%

}

.registerUser .radio input.inputStyle, .registerUser .radio input[type=text], .registerUser .radio select.select_style {

	width: auto;

	min-width: 100%

}

#boxes #questionDialogue {

	width: 70%;

	height: auto

}

#boxes #questionDialogue img {

	max-width: 100%;

	transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	margin-left: 10%

}

#boxes #questionDialogue img, #boxes #questionDialogue p {

	max-width: 100%;

	display: block

}

#boxes #questionDialogue p {

	color: #fff;

	font-family: ralewaybold;

	font-size: 28px;

	text-shadow: 0 2px 14px #000;

	-o-text-shadow: 0 2px 14px #000;

	width: 80%;

	line-height: 120%;

	margin: 0 0 -3%

}

.reset {

	display: block;

	text-align: left;

	margin: 10px 0 0 36%;

	font-size: 13px;

	color: red

}

#modal2, #star_rating_modal_1,#star_rating_modal_2,#star_rating_modal_3,#star_rating_modal_4,#star_rating_modal_5 {

	box-shadow: 0 3px 7px rgba(0,0,0,.25);

	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.25);

	-o-box-shadow: 0 3px 7px rgba(0,0,0,.25);

	-moz-box-shadow: 0 3px 7px rgba(0,0,0,.25);

	-ms-box-shadow: 0 3px 7px rgba(0,0,0,.25);

	box-sizing: border-box;

	left: 60%;

	margin: 0 0 0 -30%;

	opacity: 0;

	position: absolute;

	top: 0;

	-webkit-transition: all .4s ease-in-out 0s;

	-o-transition: all .4s ease-in-out 0s;

	-moz-transition: all .4s ease-in-out 0s;

	-ms-transition: all .4s ease-in-out 0s;

	width: 40%;

	z-index: 99999

}

#modal2 .formBox, #star_rating_modal_1 .formBox,#star_rating_modal_2 .formBox,#star_rating_modal_3 .formBox,#star_rating_modal_4 .formBox,#star_rating_modal_5 .formBox {

	display: block;

	margin: 0;

	padding: 0;

	position: relative;

	background: #fff

}

.modal-content.loginReset {

	padding: 0

}

#modal2 .formBox .form_head, #star_rating_modal_1 .formBox .form_head,#star_rating_modal_2 .formBox .form_head,#star_rating_modal_3 .formBox .form_head,#star_rating_modal_4 .formBox .form_head,#star_rating_modal_5 .formBox .form_head {

	border: none;

	border-radius: 0;

	background: #f4f4f4;

	padding: 10px

}

#modal2 .formBox .form_head h4, #star_rating_modal_1 .formBox .form_head h4,#star_rating_modal_2 .formBox .form_head h4,#star_rating_modal_3 .formBox .form_head h4,#star_rating_modal_4 .formBox .form_head h4,#star_rating_modal_5 .formBox .form_head h4 {

	font-size: 20px;

	color: #093d79;

	font-family: ralewaybold;

	text-align: center

}

#modal2 .formBox form {

	display: block;

	padding: 10px

}

#modal2 .formBox form .row {

	margin-bottom: 10px

}

#modal2 .formBox form input, #modal2 .formBox form label, #star_rating_modal_1 .formBox form label {

	display: block;

	vertical-align: middle;

	text-align: center;

	margin: 10px auto 0

}

#modal2 .formBox form label{

	color: #44454a;

	font-family: ralewaymedium;

	font-size: 14px

}

#modal2 .formBox form input {

	border: 2px solid #d8d7d7;

	color: #333;

	font-family: ralewaymedium;

	font-size: 13px;

	height: 35px;

	padding: 0 4px;

	width: 60%;

	text-align: left

}

#modal2 .formBox .submit {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	margin: 0 0 0 36%

}

#modal2 .formBox .submit input {

	width: auto;

	height: auto;

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	border: 1px solid #154f91;

	box-shadow: inset 2px 2px 2px #4d7fb6;

	-webkit-box-shadow: inset 2px 2px 2px #4d7fb6;

	-o-box-shadow: inset 2px 2px 2px #4d7fb6;

	-moz-box-shadow: inset 2px 2px 2px #4d7fb6;

	-ms-box-shadow: inset 2px 2px 2px #4d7fb6;

	background: #154f91;

	background: -moz-linear-gradient(top, #154f91 0, #03346c 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #154f91), color-stop(100%, #03346c));

	background: -webkit-linear-gradient(top, #154f91 0, #03346c 100%);

	background: -o-linear-gradient(top, #154f91 0, #03346c 100%);

	background: -ms-linear-gradient(top, #154f91 0, #03346c 100%);

	background: linear-gradient(to bottom, #154f91 0, #03346c 100%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#154f91', endColorstr='#03346c', GradientType=0 );

	padding: 8px 25px;

	color: #fff;

	font-size: 14px;

	text-transform: uppercase;

	font-family: ralewaymedium;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-o-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	behavior: url(pie/PIE.htc)

}

.layoutBtn, .two-third {

	display: block

}

#modal2 .formBox .submit input:hover {

	background: #03346c;

	background: -moz-linear-gradient(top, #03346c 0, #154f91 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #03346c), color-stop(100%, #154f91));

	background: -webkit-linear-gradient(top, #03346c 0, #154f91 100%);

	background: -o-linear-gradient(top, #03346c 0, #154f91 100%);

	background: -ms-linear-gradient(top, #03346c 0, #154f91 100%);

	background: linear-gradient(to bottom, #03346c 0, #154f91 100%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#03346c', endColorstr='#154f91', GradientType=0 )

}

#modal2 .formBox .footer,#star_rating_modal_1 .formBox .footer,#star_rating_modal_2 .formBox .footer,#star_rating_modal_3 .formBox .footer,#star_rating_modal_4 .formBox .footer,#star_rating_modal_5 .formBox .footer {

	border: none;

	border-bottom: 1px solid #ddd;

	border-radius: 0;

	background: #f4f4f4;

	padding: 10px;

	margin: 0

}

#modal2 .formBox .footer a ,#star_rating_modal_1 .formBox .footer a,#star_rating_modal_2 .formBox .footer a,#star_rating_modal_3 .formBox .footer a,#star_rating_modal_4 .formBox .footer a,#star_rating_modal_5 .formBox .footer a{

	font-size: 16px;

	color: red;

	text-align: right;

	display: block

}

.chartArea, .grid, .grid>ul, .selectMsg, button.removeBox {

	text-align: center

}

.red.star {

	font-size: 18px;

	font-family: ralewaybold

}

small {

	font-size: 12px;

	color: #333

}

.customDashboard .one-third {

	margin-right: 1%;

	width: 27%

}

.two-third {

	width: 72%;

	float: left

}

.customDashboard.fullDash .one-third {

	width: 22%

}

.customDashboard.fullDash .two-third {

	width: 77%

}

.side_nav {

	width: 16%

}

.content_wrapper {

	width: 84%

}

.main_content {

	max-width: 98%

}

.customDashboard .select_style {

	min-width: 40%;

	margin-left: 10px

}

.layoutBtn li {

	display: inline-block;

	zoom: 1;

	margin: 0 5px 0 0;

	font-size: 13px;

	vertical-align: middle

}

.layoutBtn a {

	text-decoration: none;

	color: #fff;

	display: block;

	margin: 0

}

.selectMsg {

	font-size: 16px;

	color: #999;

	padding: 25px 0;

	display: block;

	margin: 10px 0

}

#dropBox>li {

	margin-bottom: 10px;

	width: 99%;

	position: relative

}

.grid>ul {

	display: flex;

	-webkit-display: flex;

	-moz-display: flex;

	-ms-display: flex;

	-o-display: flex;

	flex-direction: row;

	-webkit-flex-direction: row;

	-o-flex-direction: row;

	-moz-flex-direction: row;

	-ms-flex-direction: row;

	-webkit-flex-wrap: wrap;

	-o-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	flex-wrap: wrap;

	justify-content: center;

	-webkit-justify-content: center;

	-o-justify-content: center;

	-moz-justify-content: center;

	-ms-justify-content: center

}

.grid>ul#dropBox>li {

	margin: 0 10px 10px 0;

	box-flex: 1;

	-webkit-box-flex: 1;

	-o-box-flex: 1;

	-moz-box-flex: 1;

	-ms-box-flex: 1;

	width: 48%;

	display: inline-block;

	zoom: 1;

	height: 100%;

	vertical-align: top

}

.grid>ul>li>div {

	border: 1px solid #ddd;

	padding: 2px

}

.customDashboard .ui-sortable-helper {

	opacity: .9;

	border: 4px solid #ffca24;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-o-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-o-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	behavior: url(pie/PIE.htc);

	background: #fff;

	height: 100%

}

.customDashboard p {

	font-size: 13px;

	line-height: 140%;

	text-align: justify

}

.customDashboard .boxErrorMsg p {

	margin: 0 0 10px;

	background: 0 0;

	padding: 0 5px

}

.customDashboard .InputsWrapper {

	padding: 5px;

	border: none;

	margin: 10px 0

}

.quesCol {

	padding: 0;

	box-shadow: 1px 1px 2px #ddd;

	-webkit-box-shadow: 1px 1px 2px #ddd;

	-o-box-shadow: 1px 1px 2px #ddd;

	-moz-box-shadow: 1px 1px 2px #ddd;

	-ms-box-shadow: 1px 1px 2px #ddd

}

.tbl_style .quesCol {

	box-shadow: none;

	-webkit-box-shadow: none;

	-o-box-shadow: none;

	-moz-box-shadow: none;

	-ms-box-shadow: none

}

.customDashboard .questionSetList li {

	border: none;

	margin: 0

}

.customDashboard .questionSetList li:first-child {

	padding-top: 0

}

.customDashboard .questionSetList li:last-child {

	border-bottom: 0

}

.customDashboard .questionSetList .disc li {

	padding: 0;

	border: 0

}

.toggleAns {

	background: #eee;

	padding: 10px 10%;

	text-align: left

}

.box .toggleAns {

	background: 0 0

}

.customDashboard .questionSetList li .disabledQues, .customDashboard .ui-draggable-disabled {

	background: #ddd;

	padding: 5px 3px

}

.customDashboard .questionSetList li p:hover {

	color: #000

}

.customDashboard .box {

	border: 1px dashed #ffca24;

	padding: 2px;

	margin: 0;

	min-height: 100%;

	position: relative

}

button.removeBox {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	margin: 0;

	font-size: 12px;

	color: #fff;

	padding: 0;

	width: 22px;

	height: 22px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-o-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	behavior: url(pie/PIE.htc);

	line-height: 14px;

	position: absolute;

	top: -5px;

	right: -5px;

	border: none

}

button.removeBox:hover {

	background: #333

}

.customDashboard .box h4.ques_head .questionCtroller, .customDashboard .box h4.ques_head span.arrow {

	display: block;

	float: left

}

#layoutOption h4.ques_head {

	padding: 5px

}

#layoutOption h4.ques_head .questionCtroller {

	margin-right: 2%;

	width: 92%

}

#layoutOption.grid h4.ques_head .questionCtroller {

	width: 88%

}

#layoutOption h4.ques_head span.quesNo {

	width: 6%

}

#layoutOption h4.ques_head span.quesDesc {

	width: 92%

}

#layoutOption.grid h4.ques_head span.quesNo, #quesList h4.ques_head span.quesNo {

	width: 12%

}

#layoutOption.grid h4.ques_head span.quesDesc, #quesList h4.ques_head span.quesDesc, .customDashboard .questionSetList span.quesDesc {

	width: 85%

}

.pad1em {

	padding-left: 1em

}

.layoutBox .note {

	padding: 10px;

	margin: 0;

	border-bottom: 1px solid #eee

}

.customDashboard .questionSetList span.quesNo, .layoutBox .questionSetList span.quesDesc {

	display: inline-block;

	zoom: 1;

	vertical-align: top

}

.chartArea, .chartBox {

	display: block

}

.customDashboard .questionSetList li .ui-draggable-dragging {

	width: 50%;

	max-width: 300px

}

.chartArea {

	padding: 20px 0

}

.grid .chartArea {

	padding: 60px 0

}

.chartArea li {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	padding: 5px 0 0;

	font-size: 13px;

	color: #777

}

.chartArea li.wide100 {

	display: block;

	width: 100%;

	padding: 0

}

.chartArea li a {

	display: block

}

.chartArea li img {

	display: block;

	width: 30px;

	height: 30px;

	margin: 0;

	border: 1px solid #ddd;

	padding: 3px;

	filter: alpha(opacity=50);

	opacity: .5

}

.grid .chartArea.smallList, ul.smallList {

	padding: 0 0 5px

}

.chartArea li a:hover img {

	opacity: 1;

	filter: alpha(opacity=100)

}

.chartBox .chartBoxToggle, .chartCont {

	display: none

}

ul.smallList {

	display: block;

	margin: 5px 0;

	text-align: right;

	border-bottom: 1px solid #eee;

	border-top: 1px solid #eee

}

ul.smallList li, ul.smallList li.wide100 {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	padding: 5px 0 0;

	font-size: 11px;

	color: #777;

	margin: 0 2px 0 0;

	width: auto

}

ul.smallList li.wide100.none {

	display: none

}

.chartBox .chartBoxToggle {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	padding: 9px 0 0

}

.grid .chartBox .chartBoxToggle {

	padding-top: 4px

}

.chartBox .chartBoxToggle span {

	width: 20px;

	height: 17px;

	margin-left: 5px;

	padding: 1px;

	text-align: center;

	color: #444;

	line-height: 17px;

	text-decoration: none;

	font-size: 14px;

	background: #eee;

	border: 1px solid #ddd;

	transition: all .3s ease-in-out 0s;

	-webkit-transition: all .3s ease-in-out 0s;

	-o-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	-ms-transition: all .3s ease-in-out 0s

}

.chartBox .chartBoxToggle span i {

	display: block;

	line-height: 14px

}

.chartBox .chartBoxToggle span:hover {

	background: #444;

	border-color: #333;

	color: #fff

}

ul.smallList li a img {

	display: block;

	width: 15px;

	height: 15px;

	padding: 1px

}

.chartContainer {

	min-width: 100%;

	margin: 0 auto

}

#dragBox h2 {

	padding-top: 10px

}

.highcharts-button {

	cursor: pointer!important

}

.editTitle {

	display: none;

	margin: 0;

	padding: 8px;

	background: #eee;

	text-align: left

}

.allowCharts label, .allowCharts ul, .editTitle input[type=text], .editTitle label {

	display: inline-block;

	vertical-align: middle;

	zoom: 1

}

.editTitle input[type=text] {

	font-size: 13px;

	color: #444;

	border: 1px solid #ddd;

	background: #fff;

	border-radius: 2px;

	-webkit-border-radius: 2px;

	-o-border-radius: 2px;

	-moz-border-radius: 2px;

	-ms-border-radius: 2px;

	behavior: url(pie/PIE.htc);

	height: 25px;

	padding: 2px

}

.allowCharts {

	background: #e7e7e7;

	text-align: right

}

.allowCharts ul {

	width: auto;

	border-bottom: 0

}

.selectedValue {

	display: block;

	margin: 10px 0

}

.selectedValue input[type=text], .selectedValue label {

	display: inline-block;

	zoom: 1;

	text-align: left;

	font-size: 13px

}

.selectedValue input[type=text] {

	margin: 0 0 0 5px;

	border: none;

	width: auto;

	font-size: 15px;

	font-family: ralewaysemibold

}

.sliderBox {

	display: block;

	margin: 10px 0 20px;

	padding: 0;

	text-align: center

}

#slider-range, .slider-range, .sliderBox label {

	display: inline-block;

	vertical-align: middle;

	zoom: 1

}

.sliderBox label {

	font-size: 13px;

	color: #444;

	width: 13%

}

.sliderBox input[type=text] {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	width: 100%;

	height: 25px;

	margin: 0 0 4px

}

#slider-range, .slider-range {

	margin: 0 2%;

	width: 66%

}

#dashAccord h3 {

	font-size: 14px;

	color: #fff;

	font-weight: 400;

	line-height: 20px;

	padding: 5px 5px 5px 3em;

	text-transform: uppercase;

	text-align: left;

	border-radius: 0;

	-webkit-border-radius: 0;

	-o-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	margin: 0 0 1px

}

#dashAccord h3 span {

	background: url(../img/accordArrow.png) 0 -16px no-repeat

}

#dashAccord h3.ui-state-active span {

	background-position: 0 0

}

#dashAccord.ui-accordion .ui-accordion-content {

	border: none

}

.layoutBox .accord h4 {

	font-size: 12px

}

.side_nav {

	position: relative

}

.width0 {

	width: 0

}

.width0>div {

	display: none

}

.sideBarToggle {

	position: absolute;

	top: 5px;

	left: 100%;

	width: 20px;

	height: 30px;

	line-height: 28px;

	font-size: 20px;

	color: #fff;

	background: #444;

	background: -moz-linear-gradient(top, #444 0, #5b5a5a 35%, #444 100%);

	background: -webkit-linear-gradient(top, #444 0, #5b5a5a 35%, #444 100%);

	background: linear-gradient(to bottom, #444 0, #5b5a5a 35%, #444 100%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444', GradientType=0 );

	border-radius: 0 4px 4px 0;

	behavior: url(pie/PIE.htc);

	text-align: center;

	border-right: 1px solid #444;

	border-top: 1px solid #444;

	border-bottom: 1px solid #444

}

.welcome_bar .head_container {

	width: 100%

}

.grd_blue {

	background: #00edd5;

	background: -moz-linear-gradient(top, #00edd5 0, #00c6b8 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00edd5), color-stop(100%, #00c6b8));

	background: -webkit-linear-gradient(top, #00edd5 0, #00c6b8 100%);

	background: -o-linear-gradient(top, #00edd5 0, #00c6b8 100%);

	background: -ms-linear-gradient(top, #00edd5 0, #00c6b8 100%);

	background: linear-gradient(to bottom, #00edd5 0, #00c6b8 100%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00edd5', endColorstr='#00c6b8', GradientType=0 )

}

.statsBoxCont {

	display: none;

	padding: 0 20px

}

.statsBox {

	display: block;

	margin: 5px 0 0;

	padding: 10px;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-o-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	behavior: url(pie/PIE.htc);

	transition: all .3s ease-in-out 0s;

	-webkit-transition: all .3s ease-in-out 0s;

	-o-transition: all .3s ease-in-out 0s;

	-ms-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	text-align: left

}

.statsBox a {

	display: block;

	margin: 0;

	padding: 0;

	text-decoration: none

}

.mrgintp20 {

	margin-top: 20px

}

.statsBox h4 {

	text-transform: uppercase;

	font-weight: 400

}

.statsBox h4 i, .statsBox h4 span {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	font-size: 12px;

	margin: 0

}

.statsBox h4 i {

	font-size: 14px;

	margin-right: 5px

}

.grid .statsBox h4 i {

	margin-right: 2px

}

.statsBox h4 span {

	font-family: ralewaybold;

	color: #fff

}

.statsBox h3 {

	font-size: 24px;

	color: #fff;

	font-family: robotoregular;

	text-transform: uppercase;

	font-weight: 400;

	margin-top: 5px

}

.statsBox h5 {

	font-size: 14px;

	color: #fff;

	font-family: ralewaymedium;

	font-weight: 400;

	margin-top: 10px

}

.hindiLanding .block a h2 span, .hindiLanding .landingSubHead, .successMsgVal {

	font-weight: 700

}

.hg_ico_box {

	display: block;

	margin: 0;

	padding: 0

}

.statsNumBox>.row {

	margin: 0 0 -1px -1em

}

.statsNumBox>.row>div {

	padding-left: 1em

}

.statsBox:hover {

	box-shadow: 0 0 2px #aaa;

	-webkit-box-shadow: 0 0 2px #aaa;

	-o-box-shadow: 0 0 2px #aaa;

	-ms-box-shadow: 0 0 2px #aaa;

	-moz-box-shadow: 0 0 2px #aaa

}

.welcome_bar {

	padding: 0 2% 0 0;

	border-bottom: 2px solid #ddd

}

.welcome_bar h2 {

	padding: 4px 0

}

.backbtn, .page_head h2 a {

	float: none;

	clear: both;

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	padding: 0;

	margin: 0;

	text-align: center

}

.page_head .backbtn i, .page_head h2 a i {

	width: 25px;

	height: 25px;

	line-height: 22px;

	font-size: 12px;

	border: 1px solid #ddd;

	background: 0 0;

	color: #333;

	margin-right: 8px;

	transition: all .2s linear 0s;

	-webkit-transition: all .2s linear 0s;

	-o-transition: all .2s linear 0s;

	-ms-transition: all .2s linear 0s;

	-moz-transition: all .2s linear 0s;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-o-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	behavior: url(pie/PIE.htc)

}

.backbtn:hover i {

	background: #ddd

}

.page_head {

	padding: 5px 1%;

	background: #f8f8f8;

	border-left: 1px solid #eaeaea;

	border-bottom: 1px solid #eaeaea

}

.page_head h2 {

	display: block;

	padding: 0

}

.page_head h2 span {

	padding: 2px 0 0;

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

.page_head .welcomeName {

	color: #333;

	font-size: 14px;

	text-align: right;

	font-family: ralewaysemibold_italic;

	padding: 7px 0

}

.side_nav {

	background: #f8f8f8;

	border-right: 1px solid #eaeaea

}

.accordion {

	border: 0

}

.accordion li {

	border-bottom: 1px solid #f4f4f4

}

#dashAccord h3 {

	background: #00aff0;

	border: 1px solid #00aff0;

	box-shadow: 0 1px #40c5f7 inset;

	-webkit-box-shadow: 0 1px #40c5f7 inset;

	-o-box-shadow: 0 1px #40c5f7 inset;

	-moz-box-shadow: 0 1px #40c5f7 inset;

	-ms-box-shadow: 0 1px #40c5f7 inset

}

#dashAccord.ui-accordion .ui-accordion-content {

	background: #fff;

	padding: 0

}

#dashAccord .toggleAns {

	background: 0 0;

	padding: 5px 5px 5px 12%

}

.customDashboard .questionSetList>li:first-child {

	padding: 5px

}

.customDashboard .questionSetList li {

	padding: 5px;

	border-bottom: 1px solid #eee

}

.customDashboard .accord ul.disc li::before {

	width: 7px;

	height: 7px;

	top: 2px;

	left: -15px

}

.customDashboard .questionSetList li .accord ul li {

	margin: 2px 25px 2px 0

}

.customDashboard .questionSetList li .accord h4 {

	background: #f8f8f8;

	padding: 4px;

	border-bottom: 1px solid #eee

}

.customDashboard .questionSetList span.quesNo {

	border: none;

	margin-right: 2px;

	width: 12%

}

.customDashboard li span.arrow {

	margin: 2px 0

}

.btn {

	background: #00aff0;

	box-shadow: 0 1px #40c5f7 inset;

	-webkit-box-shadow: 0 1px #40c5f7 inset;

	-o-box-shadow: 0 1px #40c5f7 inset;

	-moz-box-shadow: 0 1px #40c5f7 inset;

	-ms-box-shadow: 0 1px #40c5f7 inset

}

.quesCol {

	background: 0 0

}

.accordion li ul li a.active {

	color: #00aff0

}

.layoutBox {

	background: #f8f8f8

}

#dropBox .accord h4 {

	color: #333;

	border-top: 1px solid rgba(0,0,0,.1);

	padding: 4px

}

.layoutBox .note, .layoutBox .one-third, ul#dropBox>li {

	background: #fff

}

#dropBox .accord ul.disc li::before {

	background-color: #444

}

#dropBox .accord ul li {

	color: #333

}

#layoutOption h4.ques_head {

	background: #ffcb16;

	border: 1px solid #ffcb16;

	box-shadow: 0 1px #fedd6a inset

}

#layoutOption .arrow {

	background-image: url(../img/dashArrow.png)

}

.homeBox {

	display: block;

	width: 94%;

	margin: 0 auto;

	text-align: left

}

.homeBox li.statsBox {

	margin: 0 2%;

	display: inline-block;

	zoom: 1;

	vertical-align: top;

	width: 29%;

	padding: 0

}

.homeBox li.statsBox:hover {

	box-shadow: none;

	-webkit-box-shadow: none;

	-o-box-shadow: none;

	-ms-box-shadow: none;

	-moz-box-shadow: none

}

.homeBox li a {

	display: block;

	margin: 0;

	padding: 0;

	text-decoration: none;

	text-align: center

}

.homeBox li a .animatedicon {

	display: block;

	padding: 5px;

	margin: 0 auto;

	transform: scale(1);

	-webkit-transform: scale(1);

	-o-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	transition: all .3s linear 0s;

	-webkit-transition: all .3s linear 0s;

	-o-transition: all .3s linear 0s;

	-moz-transition: all .3s linear 0s;

	-ms-transition: all .3s linear 0s;

	z-index: 1;

	position: relative

}

.homeBox li a h5 {

	padding: 10px;

	color: #333;

	margin: 0;

	background: #fff;

	transition: all .3s linear 0s;

	-webkit-transition: all .3s linear 0s;

	-o-transition: all .3s linear 0s;

	-moz-transition: all .3s linear 0s;

	-ms-transition: all .3s linear 0s;

	text-align: center;

	display: inline-block;

	zoom: 1;

	position: relative

}

.homeBox li a h5:after {

	position: absolute;

	content: "";

	top: 100%;

	left: 25%;

	width: 50%;

	background: #000;

	height: 1px

}

.homeBox li:hover span {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

	-o-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-ms-transform: scale(1.05)

}

.homeBox li:hover h5 {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-o-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1)

}

.homeBox li p {

	padding: 15px 5px 30PX;

	text-decoration: none;

	font-size: 13px;

	color: #333;

	text-align: center;

	line-height: 160%;

	background: #fff

}

.darkgreybg {

	background: #333

}

.greyBorder {

	border-color: #222

}

.maroonbg {

	background: #cd071e

}

.yellowbg {

	background: #ffc000

}

.lightYellowBg {

	background: #ffefb0

}

.yellowBorder {

	border-color: #E5AC00

}

.bluebg {

	background: #00c6b8

}

.lightBlueBg {

	background: #87fff7

}

.blueBorder {

	border-color: #00A094

}

.greenbg {

	background: #27c24c

}

.lightGreenBg {

	background: #a1ffb7

}

.greenBorder {

	border-color: #23AE44

}

.redbg {

	background: #fc5f50

}

.lightRedBg {

	background: #ffd2ce

}

.redBorder {

	border-color: #E25548

}

.maroonbg i {

	border-color: #870413;

	color: #870413

}

.yellowbg i {

	border-color: #be8f01;

	color: #be8f01

}

.bluebg i {

	border-color: #036e66;

	color: #036e66

}

.greenbg i {

	border-color: #159f36;

	color: #159f36

}

.bluePatternBg {

	background: url(../img/blueBg.jpg) right top

}

.greenPatternBg {

	background: url(../img/greenBg.jpg) right top

}

.redPatternBg {

	background: url(../img/redBg.jpg) right top

}

.homeBox li.ornage_gl h5:after {

	background: #f2994b

}

.ornage_brdrbtm {

	border-bottom-color: #febf87

}

.purple_brdrbtm {

	border-color: #c388db

}

.homeBox li.purple_gl h5:after {

	background: #c388db

}

.green_brdrbtm {

	border-color: #67dea6

}

.homeBox li.green_gl h5:after {

	background: #67dea6

}

.magenta_brdrbtm {

	border-color: #dd5792

}

.homeBox li.magenta_gl h5:after {

	background: #dd5792

}

.blue_brdrbtm {

	border-color: #8de0ff

}

.homeBox li.blue_gl h5:after {

	background: #8de0ff

}

.maroon_brdrbtm {

	border-color: #df6c6f

}

.homeBox li.maroon_gl h5:after {

	background: #df6c6f

}

.cke_chrome {

	padding: 0!important;

	margin: 0!important

}

.cke_editable {

	font-family: ralewayregular!important

}

.reportHead {

	display: block;

	margin: 0;

	padding: 0

}

.one-fourth, .one-half {

	float: left;

	margin-right: 2%;

	display: block

}

.reportContent, .reportTabs {

	display: block;

	float: left

}

.reportTabs {

	width: 15%

}

.reportContent {

	width: 85%

}

.one-half {

	width: 48%

}

.one-fourth {

	width: 22%

}

.one-fourth.last, .one-half.last {

	margin-right: 0

}

.reportHead ul.reportTabs {

	list-style: none;

	margin: 0;

	padding: 0;

	height: 165px;

	background: #333

}

.reportHead ul.reportTabs li {

	display: block;

	height: 55px;

	padding: 0;

	text-decoration: none;

	border-width: 4px;

	border-style: solid;

	position: relative;

	text-align: left

}

.reportHead ul.reportTabs li h2 {

	border: none;

	color: #fff;

	font-size: 13px;

	width: auto;

	display: block;

	height: 100%;

	line-height: 47px;

	margin: 0;

	padding: 0 5px;

	font-family: ralewayregular;

	cursor: pointer

}

.reportHead ul.reportTabs li strong {

	font-family: ralewaybold;

	font-size: 14px;

	line-height: 180%

}

.reportHead ul.reportTabs li h2 span {

	font-size: 15px;

	font-family: philosopherbold;

	margin-right: 10px

}

.reportHead ul.reportTabs li i {

	width: 0;

	height: 0;

	position: absolute;

	top: 0;

	left: 102%;

	border-top: 25px solid transparent;

	border-bottom: 25px solid transparent;

	border-left-width: 18px;

	border-left-style: solid;

	display: none

}

.reportContainer, .widgetLayout .numberBox, .widgetLayout .tableContainer, .widgetLayout .textboxCont, .widgetLayout li {

	position: relative

}

.reportHead ul.reportTabs li.reportActive i {

	display: block

}

.redbg i {

	border-left-color: #E25548

}

.bluebg i {

	border-left-color: #00A094

}

.yellowbg i {

	border-left-color: #E5AC00

}

.greenbg i {

	border-left-color: #23AE44

}

.reportContBox {

	padding: 10px 10px 10px 25px;

	display: block;

	margin: 0

}

.step1, .step2 {

	padding: 20px

}

.reportContent>div {

	display: none;

	overflow: auto;

	height: 165px;

	border-width: 4px;

	border-style: solid;

	border-left: 0

}

.reportContent h4 {

	font-size: 17px;

	color: #333;

	font-family: ralewaybold;

	padding: 0 0 5px;

	border-bottom: 1px solid rgba(0,0,0,.1);

	margin-bottom: 10px

}

.reportContent input, .reportContent label, .reportContent select, .reportContent textarea {

	width: auto;

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	padding: 0;

	font-size: 13px;

	color: #333;

	line-height: 120%;

	font-family: ralewayregular

}

.reportContent .chartArea li a, .reportContent label, .reportHeaderCont h2 {

	font-family: ralewaysemibold

}

.reportContent label {

	margin: 0 0 5px;

	width: 15%

}

.reportContent input, .reportContent select, .reportContent textarea {

	width: 30%;

	min-width: 150px;

	max-width: 100%;

	height: 25px;

	border: 1px solid #ddd

}

.reportContent textarea {

	height: 60px;

	width: 80%

}

.selectData {

	text-align: left

}

.selectData .ui-multiselect, .selectData input, .selectData label, .selectData select {

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

.selectData label {

	width: 35%;

	margin-right: 2%;

	font-size: 12px

}

.selectData .ui-multiselect, .selectData input, .selectData select {

	margin-right: 0;

	margin-bottom: 5px;

	width: 160px!important;

	max-width: 100%;

	padding: 0 0 0 2px;

	font-size: 13px;

	color: #333;

	border: 1px solid #ddd;

	background: #FFF;

	border-radius: 2px;

	-webkit-border-radius: 2px;

	-o-border-radius: 2px;

	-moz-border-radius: 2px;

	-ms-border-radius: 2px

}

.reportContent .caption {

	font-size: 14px;

	color: #333;

	line-height: 120%;

	text-align: center;

	padding: 0

}

.reportContent .chartArea {

	display: block;

	margin: 10px 0 0;

	padding: 0 0 10px;

	border: none;

	background: 0 0;

	overflow: visible;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-o-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px

}

.reportContent .chartArea li {

	width: auto;

	height: auto;

	background: 0 0;

	border: none;

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	float: none;

	clear: both;

	text-align: left

}

.reportContent .chartArea li a {

	text-decoration: none;

	margin: 0 0 5px;

	color: #333;

	background: #fff;

	font-size: 12px;

	padding: 4px 15px;

	text-align: left;

	border-radius: 30px;

	-webkit-border-radius: 30px;

	-o-border-radius: 30px;

	-moz-border-radius: 30px;

	-ms-border-radius: 30px

}

.reportContent .chartArea li img {

	margin: 0 5px 0 0;

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	opacity: .8;

	filter: alpha(opacity=80);

	padding: 1px;

	width: 20px;

	height: 20px

}

.reportContent .chartArea li span {

	vertical-align: middle

}

.reportContent .borderRight {

	border-right: 1px solid rgba(0,0,0,.3)

}

.reportContent .selectLayout a {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	width: auto;

	margin: 10px 15px 10px 0;

	text-decoration: none;

	text-align: center

}

.reportContent .selectLayout a input, .reportContent .selectLayout a label {

	display: inline-block;

	zoom: 1;

	vertical-align: top;

	width: auto;

	margin: 0 0 2px;

	cursor: pointer;

	min-width: 10px

}

.reportContent .selectLayout a label {

	margin-left: 10px

}

.reportContent .selectLayout a label img {

	width: 65px;

	height: 65px;

	margin: 0;

	padding: 0;

	border: 1px solid #ddd

}

.reportContent .selectLayout a:active input, .reportContent .selectLayout a:active label img {

	border-color: #ff0

}

.reportContent .widgetNote {

	display: block;

	text-align: center;

	padding: 15px;

	margin: 40px 0;

	font-size: 17px;

	color: #333;

	line-height: 180%

}

.reportContainer {

	display: block;

	margin: 10px 0;

	border: 1px solid #ddd;

	background: #fff

}

.reportContainer>div {

	padding: 20px 10px

}

.reportHeaderCont {

	display: block;

	margin: 0;

	padding: 20px;

	background: #f4f4f4;

	border-bottom: 2px solid #ddd

}

.reportHeaderCont h2 {

	font-size: 17px;

	color: #222;

	text-align: left;

	cursor: default

}

#showHideDiv, .nicescroll-rails div, .widgetLayout li {

	cursor: pointer

}

.reportHeaderCont p {

	font-size: 13px;

	color: #444;

	padding: 5px 0 0;

	margin: 5px 0 0;

	border-top: 1px solid rgba(0,0,0,.1)

}

.exportBtns {

	display: none

}

.reportBox p.widgetCaption {

	text-align: center;

	font-size: 13px

}

.reportContainer .widgetNote {

	padding: 15px;

	margin: 30px auto;

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	box-shadow: 0 0 4px #AAA;

	-webkit-box-shadow: 0 0 4px #AAA;

	-o-box-shadow: 0 0 4px #AAA;

	-moz-box-shadow: 0 0 4px #AAA;

	-ms-box-shadow: 0 0 4px #AAA;

	text-align: center;

	font-size: 17px;

	color: #333;

	line-height: 180%;

	border-radius: 8px;

	-webkit-border-radius: 8px;

	-o-border-radius: 8px;

	-moz-border-radius: 8px;

	-ms-border-radius: 8px

}

.widgetLayout {

	display: block;

	margin: 0;

	padding: 0;

	text-align: left

}

.widgetLayout li {

	width: 100%;

	display: block;

	border-width: 2px;

	border-style: dashed;

	border-color: #aaa;

	padding: 10px;

	border-radius: 4px;

	-ms-border-radius: 4px;

	-o-border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	margin: 0 0 20px;

	min-height: 70px;

	text-align: left

}

.widgetLayout.listLayout li {

	width: 100%!important;

	display: block

}

.widgetLayout.gridLayout li {

	width: 49%!important;

	display: inline-block;

	zoom: 1;

	vertical-align: top;

	margin: 0 0 20px 1%!important

}

.widgetLayout.customGrid li {

	display: inline-block;

	zoom: 1;

	vertical-align: top;

	margin: 0 0 20px 1%;

	width: 100%;

	min-width: 10%;

	max-width: 100%

}

.widgetLayout li:first-child {

	margin-left: 0

}

.widgetLayout.gridLayout li:nth-child(odd) {

	margin-left: 0!important

}

.widgetLayout.customGrid li:last-child {

	margin-left: 0

}

.widgetLayout.customGrid .customCol1 {

	width: 32%

}

.widgetLayout.customGrid .customCol2 {

	width: 66.5%

}

.widgetLayout.customGrid .customCol3 {

	width: 100%

}

.widgetLayout.widgetLayout li:hover {

	border-color: #cd071e

}

.widget {

	display: none

}

.widgetLayout .highcharts-title {

	font-size: 15px!important

}

.widgetLayout .chartContainer {

	max-width: 100%;

	min-width: 10px;

	display: inline-block;

	zoom: 1;

	width: 100%;

	height: 100%;

	margin-top: 20px;

	position: relative

}

.widgetLayout .chartContainer>div {

	max-width: 100%;

	min-width: 10px;

	border: 2px solid transparent

}

.widgetLayout li .widgetActive {

	border: 2px solid #ddd

}

.widgetLayout li .highcharts-container {

	overflow: visible!important

}

.widgetLayout li .highcharts-container svg {

	max-width: 100%;

	max-height: 100%

}

.widgetContBtn {

	position: absolute;

	right: -13px;

	top: -12px;

	z-index: 2;

	display: none

}

.widgetActionbutton {

	position: absolute;

	top: -10px;

	right: -10px;

	z-index: 99

}

.widgetActionbutton a, .widgetContBtn a {

	padding: 0;

	color: #fff;

	text-align: center;

	text-decoration: none;

	display: block;

	float: left;

	margin: 0 2px;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-o-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px

}

.numberBox h6, .numberBox p {

	color: #333;

	text-align: center

}

.widgetActionbutton a i, .widgetContBtn a i {

	display: block;

	text-align: center;

	width: 20px;

	height: 20px;

	line-height: 20px;

	font-size: 12px

}

.widgetLayout .tableContainer, .widgetLayout .textboxCont {

	margin: 10px 0

}

.numberBox {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	width: 250px;

	max-width: 100%;

	height: auto;

	margin: 10px 10px 10px 0;

	padding: 20px;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-o-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	background: #eee;

	border: 1px solid #ddd

}

.numberBox h6 {

	font-size: 18px

}

.numberBox p {

	font-size: 13px

}

#resetLayout {

	display: none;

	position: absolute;

	top: 35px;

	right: 10px

}

.tableContainer h5.tableTitle {

	display: block;

	padding: 10px;

	font-size: 15px;

	color: #fff;

	text-align: left

}

.reportBox {

	display: block;

	width: 100%;

	min-height: 70px;

	height: 100%

}

.reportContainer .reportFooter {

	background: #f4f4f4;

	border-top: 2px solid #ddd;

	padding: 10px;

	display: block;

	margin: 0

}

.reportContainer .reportFooter a {

	margin: 0;

	padding: 8px 12px

}

.settingsCont {

	display: none;

	margin-top: 5px;

	padding-top: 10px;

	border-top: 2px solid rgba(0,0,0,.1)

}

.displayNone {

	display: none!important

}

.successMsgVal {

	text-align: center;

	color: green;

	height: 8px

}

.loadingImg {

	margin-left: 25px;

	margin-top: 9px;

	float: right;

	display: none

}

.cancelBTN {

	margin-top: 10px;

	float: right;

	clear: both;

	width: 25%

}

.menuButtons li {

	width: 30px!important;

	display: inline-block

}

.menuButtons {

	width: 6%;

	margin-left: 32px

}

.menuButtons .menuBTN {

	width: 100%!important

}

.menuBTN button {

	width: 100%

}

.answerTypeBox {

	width: 91%

}

.starRating_child div.stars, .stars h6 {

	width: auto

}

#showHideDiv {

	margin-left: 8px

}

.fieldList {

	box-shadow: none!important

}

.starRating_child {

	display: block

}

.starRating_child div.stars, .stars #star, .stars h6, .starsBox {

	display: inline-block;

	vertical-align: middle;

	zoom: 1

}

.starsBox {

	padding: 5px;

	border: 1px solid #eee

}

.stars h6 {

	margin: 0 20px;

	font-size: 14px;

	color: #444;

	min-width: 100px;

	text-align: center;

	text-transform: capitalize

}

.editStarLabelBox {

	display: block;

	margin: 10px 0;

	text-align: left;

	border-top: 2px solid #eee;

	padding-top: 10px

}

.starLabelValues.pictureItem {

	text-align: left;

	margin: 0 10px 10px 0;

	padding: 10px;

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	box-shadow: 0 0 2px #ccc;

	-webkit-box-shadow: 0 0 2px #ccc;

	-o-box-shadow: 0 0 2px #ccc;

	-moz-box-shadow: 0 0 2px #ccc;

	-ms-box-shadow: 0 0 2px #ccc

}

.starLabelValues.pictureItem a {

	cursor: pointer;

	display: block;

	margin: 0;

	text-align: left;

	text-decoration: none

}

.starLabelValues.pictureItem a input, .starLabelValues.pictureItem a label, .starLabelValues.pictureItem a span {

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

.starLabelValues.pictureItem a span {

	margin: 0 10px 0 0;

	font-size: 14px;

	color: #444

}

.starLabelValues.pictureItem a span i {

	color: #FDA726

}

.starLabelValues input[type=text] {

	border: 1px solid #ddd;

	font-size: 13px;

	background: #fff;

	height: 25px;

	vertical-align: middle;

	width: auto;

	margin-right: 5px;

	padding: 2px;

	max-width: 85px

}

.starLabelValues input[type=text]:focus {

	box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

	-o-box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);

	-ms-box-shadow: 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)

}

.configureForm .addMore {

	margin: 5px 0

}

.ruleIndicator {

	width: 18px;

	height: 18px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-o-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	background: #3ddb62;

	color: #fff;

	font-size: 11px;

	display: inline-block;

	zoom: 1;

	line-height: 18px;

	text-align: center

}

.questionAnswers .note {

	padding: 6px 10px

}

.questionAnswers .padd10 {

	padding: 0 10px

}

.questionAnswers .dragButtons {

	padding: 0;

	width: 15%

}

.questionAnswers .createFdbkContent {

	padding: 0;

	width: 85%;

	margin-bottom: 10px

}

.add_ques {

	padding: 10px 10px 0;

	margin-bottom: 5px

}

#InputsWrapper {

	min-height: 135px

}

#InputsWrapper .dragDropCaption {

	padding: 49px 0

}

.ruleQuesCont {

	display: block;

	margin: 0;

	padding: 10px;

	background: #f4f4f4;

	border-bottom: 1px solid #ddd;

	border-top: 1px solid #ddd

}

.ruleQuesCont h2 {

	color: #222;

	cursor: default;

	font-family: ralewaysemibold;

	font-size: 14px;

	text-align: left

}

.optionList li label, .ruleQuesCont ul li.head, .selectRule {

	font-family: ralewaysemibold

}

.ruleQuesCont p, .ruleQuesCont ul {

	border-top: 1px solid rgba(0,0,0,.1);

	color: #444;

	font-size: 13px;

	margin: 5px 0 0;

	padding: 5px 0 0;

	text-align: left

}

.ruleQuesCont ul li {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	font-size: 13px;

	margin-right: 15px;

	text-align: left

}

.ruleQuesCont ul li::before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	background: 0 0;

	border-radius: none;

	width: 0;

	height: 0

}

.ruleContainer {

	display: block;

	margin: 0;

	border-bottom: 3px double #eee;

	position: relative

}

.ruleContainer .removeBox {

	top: 5px;

	right: 10px

}

.ruleBox, .ruleDragCont, .selectAnswerBox {

	display: block;

	float: left

}

.ruleDragCont {

	width: 85%;

	padding: 10px

}

.ruleDragCont .add_ques {

	padding: 0;

	margin-bottom: 10px

}

.ruleDragCont .add_ques label {

	padding: 8px 0 0;

	margin-bottom: 0

}

.transparent {

	opacity: .6;

	filter: alpha(oapcity=70);

	z-index: -1;

	position: relative

}

.selectAnswerBox {

	width: 15%;

	padding: 10px;

	text-align: left;

	border-right: 1px dashed #ddd;

	min-height: 180px

}

.block, .bounceEffect, .circleSep {

	text-align: center

}

.ruleBox {

	width: 85%;

	padding: 0 0 0 5px

}

.ruleBox .dragDropCaption {

	padding: 35px 0

}

.ruleBox .InputsWrapper1 {

	padding: 10px;

	min-height: 110px

}

.ruleDragCont .dragButtons {

	width: 15%;

	padding: 0

}

.selectAnswerBox .note {

	padding: 0 0 5px;

	margin: 0 0 10px;

	font-size: 13px

}

.ruleActions {

	display: block;

	background: #f4f4f4;

	border-top: 2px solid #ddd;

	padding: 0 10px

}

.selectRule {

	font-size: 13px;

	color: #444;

	padding: 0 0 5px;

	border-bottom: 1px solid #eee;

	margin-bottom: 10px

}

.optionList li {

	display: block;

	margin-bottom: 10px;

	position: relative

}

.optionList li label {

	display: inline-block;

	zoom: 1;

	position: relative;

	font-size: 13px;

	line-height: 15px;

	padding: 0 0 0 20px;

	vertical-align: top;

	color: #444;

	cursor: pointer;

	-webkit-transition: all .3s;

	transition: all .3s

}

.optionList li label::after, .optionList li label::before {

	display: inline-block;

	margin-left: 0;

	position: absolute;

	left: 0

}

.optionList li label::before {

	background-color: #fff;

	border: 1px solid #ccc;

	border-radius: 2px;

	content: "";

	height: 15px;

	outline: 0!important;

	transition: all .3s ease-in-out 0s;

	width: 15px

}

.optionList li label::after {

	color: #555;

	font-size: 11px;

	height: 14px;

	padding-left: 2px;

	padding-top: 0;

	top: 0;

	width: 14px

}

.optionList li input[type=checkbox] {

	cursor: pointer;

	opacity: 0;

	outline: 0!important;

	z-index: 1

}

.optionList li input[type=checkbox]:disabled+label {

	opacity: .65

}

.optionList li input[type=checkbox]:focus+label::before {

	outline: 0;

	outline-offset: 0

}

.optionList li input[type=checkbox]:checked+label::before {

	background-color: #10c469;

	border-color: #10c469

}

.optionList li input[type=checkbox]:checked+label::after {

	content: "\f00c";

	font-family: FontAwesome;

	line-height: 14px;

	color: #fff

}

.landingHead, .landingSubHead {

	font-family: ralewaybold;

	text-transform: uppercase

}

.optionList li input[type=checkbox]:disabled+label::before {

	background-color: #eee;

	cursor: not-allowed

}

.adjustWidth {

	border: none;

	background-color: #eee;

	padding: 3px

}

.fontColor {

	font-size: 12px;

	color: #999

}

.relative {

	position: relative

}

.circleSep {

	position: absolute;

	top: -35px;

	left: 0;

	width: 100%;

	display: block;

	z-index: 2

}

.circleSep a {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	width: 70px;

	border: 5px solid #fff;

	height: 70px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-o-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	background: #ffc200;

	text-decoration: none

}

#blockBox .col50, #footerBox, #overview, .block, .circleSep a i, .contentBlocks, .imageBox, .landingHead, .landingSubHead {

	display: block

}

.circleSep a i {

	font-size: 30px;

	line-height: 60px;

	color: #fff

}

.bounceEffect {

	-webkit-animation: bounce .3s infinite alternate;

	-moz-animation: bounce .3s infinite alternate;

	animation: bounce .3s infinite alternate

}

@-webkit-keyframes bounce {

to {

-webkit-transform:scale(1.2)

}

}

@-moz-keyframes bounce {

to {

-moz-transform:scale(1.2)

}

}

@keyframes bounce {

to {

transform:scale(1.2)

}

}

.paddingTopBtm100 {

	padding-top: 70px;

	padding-bottom: 70px

}

.marginTop {

	margin-top: 50px

}

.landingHead {

	font-size: 28px;

	color: #ffc200;

	margin: 5px 0 20px

}

.landingSubHead {

	margin: 0 0 10px;

	padding: 0;

	font-size: 16px;

	color: #444

}

.landingContainer p {

	font-size: 14px;

	color: #555759;

	line-height: 140%;

	margin-bottom: 20px

}

.hindiLanding .landingContainer p {

	line-height: 180%

}

.orderedList {

	display: block;

	list-style: none;

	padding: 0 15px;

	margin: 0 0 20px

}

.orderedList li {

	font-size: 14px;

	color: #555759;

	margin: 0 0 5px;

	padding: 0 0 0 10px;

	vertical-align: top;

	font-family: ralewayitalic

}

.hindiLanding .orderedList li {

	line-height: 150%

}

.imageBox {

	width: auto;

	max-width: 100%

}

.contentBlocks {

	background-attachment: fixed;

	background-size: cover;

	-webkit-background-size: cover;

	-o-background-size: cover;

	-moz-background-size: cover;

	-ms-background-size: cover;

	background-repeat: no-repeat;

	background-position: center center

}

#features {

	background-image: url(../img/featureBg.jpg)

}

#countBox {

	background-image: url(../img/countBg.jpg)

}

#contactBox {

	background-image: url(../img/contactBg.jpg)

}

#analyticsGraph {

	background: #EAEAEA;

pa//dding:30px 0;

	padding: 5px 0 20px

}

#analyticsGraph .relative {

	padding: 0;

	background: #EAEAEA;

	border: 1px solid #EAEAEA

}

#analyticsGraph iframe {

	width: 100%;

	height: 550px

}

#appScreens {

	background: #f8f8f8

}

#footerBox {

	margin: 0;

	background: #FFCA24;

	padding: 5px 0

}

#footerBox .landingOverlay {

	background: rgba(0,0,0,.5)

}

#blockBox {

	border-bottom: 10px solid #444

}

#blockBox .col50 {

	width: 50%;

	float: left;

	margin: 0;

	padding: 0

}

.block {

	padding: 20px

}

.block a, .block a h2, .block i {

	display: inline-block;

	vertical-align: middle;

	zoom: 1;

	text-decoration: none

}

.block a h2, .block i {

	text-align: left;

	color: #fff;

	transition: all .3s linear 0s;

	-webkit-transition: all .3s linear 0s;

	-o-transition: all .3s linear 0s;

	-moz-transition: all .3s linear 0s;

	-ms-transition: all .3s linear 0s

}

.block i {

	color: #fff;

	font-size: 24px;

	width: 55px;

	height: 55px;

	margin: 0 10px 0 0;

	line-height: 50px;

	text-align: center;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-o-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	border: 2px solid #fff

}

.block a:hover i {

	color: #242424;

	border-color: #242424

}

.block a:hover h2 {

	color: #242424

}

.block a h2 span {

	display: block;

	font-size: 12px;

	text-transform: uppercase;

	font-family: ralewaymedium

}

.countBlock a, .countBlock h2, .countBlock p {

	font-family: ralewaybold

}

.block a h2 span.loginBtn {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	margin: 7px 0 0;

	padding: 7px 20px;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-o-border-radius: 4px;

	-moz-border-radius: 4px;

	-ms-border-radius: 4px;

	font-size: 12px;

	background: #fff;

	color: #242424;

	transition: all .3s linear 0s;

	-webkit-transition: all .3s linear 0s;

	-o-transition: all .3s linear 0s;

	-moz-transition: all .3s linear 0s;

	-ms-transition: all .3s linear 0s

}

.block a:hover h2 span.loginBtn {

	background: #242424;

	color: #fff

}

.landingOverlay {

	background: rgba(0,0,0,.7);

	height: 100%;

	display: block;

	width: 100%

}

.featureList {

	display: block;

	margin: 0;

	padding: 0

}

.featureList li {

	display: block;

	margin: 20px 40px

}

.featureList li a {

	display: block;

	text-decoration: none

}

.featureList li a:hover {

	text-decoration: none

}

.featureList li p, .featureList li span, .featureList li span img {

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

.featureList li span {

	width: 50px;

	height: 50px;

	margin: 0;

	padding: 0;

	border: 2px solid #fff;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-o-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	text-align: center;

	line-height: 42px;

	transition: all .3s ease-in-out 0s;

	-webkit-transition: all .3s ease-in-out 0s;

	-o-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	-ms-transition: all .3s ease-in-out 0s

}

.featureList li span.activeIco, .featureList li:hover span {

	border-color: #FFC200;

	background: #FFC200

}

.featureList li:hover .rotateEffect, .rotateEffect:hover {

	text-align: center;

	-webkit-animation: 1.5s linear 0s normal none infinite running spinAroud;

	-moz-animation: 1.5s linear 0s normal none infinite running spinAroud;

	animation: 1.5s linear 0s normal none infinite running spinAround

}

@keyframes spinAround {

0% {

transform:rotate(0);

-webkit-transform:rotate(0);

-o-transform:rotate(0);

-moz-transform:rotate(0);

-ms-transform:rotate(0)

}

100% {

transform:rotate(360deg);

-webkit-transform:rotate(360deg);

-o-transform:rotate(360deg);

-moz-transform:rotate(360deg);

-ms-transform:rotate(360deg)

}

}

.featureList li span img {

	width: auto;

	max-width: 100%;

	transition: all .3s ease-in-out 0s;

	-webkit-transition: all .3s ease-in-out 0s;

	-o-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	-ms-transition: all .3s ease-in-out 0s

}

.featureList li p {

	color: #fff;

	font-size: 14px;

	line-height: 140%;

	padding: 0 0 0 30px;

	margin: 0;

	max-width: 80%;

	text-align: left

}

.pointDescCtrl {

	display: none

}

.pointDesc {

	width: 100%;

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

	margin: 40px 0 20px;

	padding: 20px 10px

}

.featureList li .pointDesc p {

	display: block;

	font-size: 14px;

	line-height: 180%;

	text-align: justify;

	color: #fff;

	padding: 0;

	max-width: 100%

}

#date_box #date_range_radio, #month_radio, #year_radio, .contactBlock, .countBlock, .countBlock h2, .tagLine {

	text-align: center

}

.pointDescCtrl button {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	font-size: 14px;

	color: #fff;

	background: #242424;

	padding: 10px 20px;

	border: 0;

	border-radius: 2px;

	box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);

	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);

	-o-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);

	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);

	-ms-box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);

	cursor: pointer

}

.btn:hover {

	box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05);

	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05);

	-o-box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05);

	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05);

	-ms-box-shadow: 0 2px 4px rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.05)

}

.tagLine {

	font-size: 14px;

	color: #555759;

	line-height: 120%

}

.appScreens {

	display: block;

	margin: 40px 0

}

.appScreens li {

	display: block;

	float: left;

	padding: 10px;

	box-shadow: 0 0 1px #eee;

	-webkit-box-shadow: 0 0 1px #eee;

	-o-box-shadow: 0 0 1px #eee;

	-moz-box-shadow: 0 0 1px #eee;

	-ms-box-shadow: 0 0 1px #eee;

	background: #fff;

	width: 23%;

	margin: 0 1%

}

.appScreens li img {

	display: block;

	width: auto;

	max-width: 100%

}

.countBlock {

	display: block;

	margin: 0;

	padding: 0

}

.countBlock img {

	display: block;

	margin: 0 auto

}

.countBlock h2 {

	display: block;

	position: relative;

	font-size: 4em;

	line-height: 100%;

	color: #fff;

	margin: 15px 0;

	padding: 0 0 15px

}

.countBlock h2:after {

	position: absolute;

	bottom: 0;

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	width: 16%;

	left: 42%;

	content: "";

	background: #ffca24;

	height: 2px

}

.countBlock a, .countBlock p {

	font-size: 14px;

	color: #ffca24;

	text-transform: uppercase;

	text-align: center;

	text-decoration: none

}

#countBox .borderleft {

	border-left: 1px solid #ffca24

}

.nbs-flexisel-container {

	margin: 40px 0

}

.contactBlock {

	padding: 40px 0 20px

}

.contactBlock a, .contactBlock h2, .contactBlock p {

	color: #fff;

	font-family: ralewaybold;

	text-decoration: none;

	display: block;

	margin: 0;

	padding: 0

}

.contactBlock a {

	font-size: 24px;

	transition: all .3s linear 0s;

	-webkit-transition: all .3s linear 0s;

	-o-transition: all .3s linear 0s;

	-moz-transition: all .3s linear 0s;

	-ms-transition: all .3s linear 0s

}

.contactBlock a:hover {

	color: #FFC200

}

.contactBlock h2 {

	font-size: 4em;

	margin: 30px 0;

	background: rgba(255,255,255,.2);

	padding: 10px 20px;

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

.footerBlock, .footerBlock ul {

	display: block

}

.contactBlock p {

	font-size: 26px

}

.innerContainer.footerBlock {

	padding: 0 2%

}

.footerBlock p {

	font-size: 12px;

	margin: 0;

	padding: 12px 0;

	color: #555;

	font-family: ralewaysemibold

}

.footerBlock ul li {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	padding: 0 10px;

	border-right: 1px solid #C8990B;

	width: auto

}

.footerBlock ul li.last, .footerBlock ul li:last-child {

	border-right: 0;

	padding-right: 0

}

.footerBlock ul li a, .footerBlock ul li a img {

	display: block;

	margin: 0;

	padding: 0

}

.footerBlock ul li a img {

	width: auto;

	max-width: 100%;

	max-height: 40px;

	margin: 0 auto

}

.nbs-flexisel-item a {

	display: block;

	margin: 0 10px;

	padding: 0;

	border: 1px solid #ddd;

	width: auto;

	max-width: 100%

}

.scrollup {

	width: 25px;

	height: 25px;

	text-indent: -9999px;

	opacity: .8;

	position: fixed;

	bottom: 70px;

	right: 10px;

	display: none;

	background: url(../img/icon_top.png) no-repeat

}

.hindiFont * {

	font-family: kruti_dev_010regular!important

}



@media screen and (max-width:320px) {

h4.ques_head span {

	display: inline-block;

	zoom: 1;

	vertical-align: top;

	width: 8%

}

}



@media screen and (max-width:360px) {

h4.ques_head span {

	display: inline-block;

	zoom: 1;

	vertical-align: top;

	width: 8%

}

}

#date_from_label, #date_to_label {

	width: 100px!important;

	text-align: left;

	border: 0

}

#month_dropdown {

	display: none;

	width: 200px;

	margin-top: 1px;

	background: grey;

	color: #fff;

	box-shadow: 1px 1px 1px #000

}

#date_box #date_range_box, #date_box #month_box, #year_box {

	display: none

}

#date_box #radio_span {

	width: 100px

}

#date_range_box div input {

	margin-left: 1px

}

#questions-headin {

	width: 100%

}

#questions-headin td {

	border-bottom: 1px solid #d3d3d3

}

#questions-headin #inner-date-tbl td {

	border: 0;

	font-size: 12px

}

#questions-headin th, td {

	padding: 8px

}

#questions-headin #submit-row {

	border: 0;

	margin-bottom: 0;

	margin-right: 2px

}

#time_range_th {

	border-right: 1px solid #D3D3D3

}

#month_box, #month_box #month, #year_box #year {

	display: none;

	width: 200px;

	margin-left: 20px

}

#date_range_box .row {

	margin-left: 4px;

	margin-top: 2px

}

#select_state_label {

	display: inline

}

#report_state, #report_state.select_style {

	display: inline;

	width: 200px;

	min-width: 200px;

	margin-left: 63px

}

#select_department_label {

	display: inline

}

#report_department, #report_department.select_style {

	display: inline;

	width: 200px;

	min-width: 200px;

	margin-left: 20px

}

#select_service_label {

	display: inline

}

#report_service, #report_service.select_style {

	display: inline;

	width: 200px;

	min-width: 200px;

	margin-left: 48px

}

.faqList {

	display: block;

	margin: 0;

	padding: 0

}

.faqList li {

	display: block;

	background: 0 0;

	padding: 10px;

	font-size: 14px;

	color: #337ab7;

	font-family: ralewaymedium;

	text-align: justify;

	cursor: pointer;

	border-top: 1px solid #f4f4f4

}

.faqList .content li, .faqList .content p {

	font-family: ralewayregular;

	font-weight: 400;

	font-size: 13px;

	border: 0;

	margin: 0 25px;

	cursor: auto;

	color: #333;

	padding: 8px 0;

	line-height: 120%

}

.faqList .content li i, .faqList .content li span {

	display: inline-block;

	zoom: 1;

	vertical-align: top;

	width: auto;

	max-width: 90%

}

.faqList .content li i {

	margin-right: 10px

}

.feedbackProvider h4 {

	padding: 5px

}

.feedbackProvider h4 small {

	font-size: 80%

}

.feedbackProvider .ruleQuesCont {

	padding: 5px 10px

}

.feedbackProvider .ruleQuesCont p {

	font-size: 12px

}

.feedback_form p.successMessage, .successMessage {

	font-size: 16px;

	color: #3c763d;

	font-family: philosopheritalic;

	border: 1px solid #d6e9c6;

	background: #dff0d8;

	margin: 0 0 10px;

	padding: 10px;

	text-align: center

}

.feedbackProvider .errorMessage, .feedback_form p.errorMessage, p.errorMessage {

	font-size: 16px;

	color: #a94442;

	font-family: philosopheritalic;

	border: 1px solid #ebccd1;

	background: #f2dede;

	margin: 0 0 10px;

	padding: 10px;

	text-align: center

}

.add_ques_box.feedbackProvider {

	margin: 20px auto;

	width: 1170px;

	max-width: 96%

}

.add_ques_box>h4 {

	text-align: center

}

.feedbackProvider .inputStyle {

	width: 100%;

	display: block;

	border: 1px solid #ccc;

	height: 30px

}

.feedbackProvider .textarea {

	display: block;

	border: 1px solid #ccc;

	background: 0 0

}

.ruleActions.add_ques.feedbackProvider {

	margin: 0;

	padding: 10px 10px 0

}

.no_pad_btm {

	padding-bottom: 0

}

.resendOTP {

	font-size: 13px;

	padding: 9px 0;

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	margin-bottom: 0;

	color: red;

	text-decoration: none;

	cursor: pointer;

	font-family: ralewaysemibold

}

.detailsBox.leftBox label, .orLoginOpt {

	color: #8a6d3b

}

.feedbackProvider .feedback_form {

	padding: 0 10px

}

.personalInfoContainer {

	display: block;

	width: 100%

}

.detailsBox {

	display: block;

	float: left;

	background: #fff6dd;

	border: 1px solid #EDE0A8;

	padding: 10px 30px;

	box-shadow: 0 0 1px #EDE0A8;

	-webkit-box-shadow: 0 0 1px #EDE0A8;

	-o-box-shadow: 0 0 1px #EDE0A8;

	-moz-box-shadow: 0 0 1px #EDE0A8;

	-ms-box-shadow: 0 0 1px #EDE0A8;

	margin-right: 1%;

	height: 250px;

	position: relative

}

.detailsBox.noMarginRight {

	margin-right: 0

}

.detailsBox.leftBox {

	padding-left: 10px;

	width: 69%

}

.detailsBox.rightBox {

	width: 30%;

	background: 0 0;

	box-shadow: none;

	border: 0;

	padding: 0;

}

.detailsBox.leftBox input, .detailsBox.leftBox textarea {

	border-color: #EDE0A8;

	background: #fff

}

.detailsBox.leftBox input:focus, .detailsBox.leftBox textarea:focus {

	box-shadow: 0 0 2px #EDE0A8

}

.detailsBox.rightBox.redBg {

	background: #fee;

	border: 1px solid #ebcccc;

	box-shadow: 0 0 1px #ebcccc;

	-webkit-box-shadow: 0 0 1px #ebcccc;

	-o-box-shadow: 0 0 1px #ebcccc;

	-moz-box-shadow: 0 0 1px #ebcccc;

	-ms-box-shadow: 0 0 1px #ebcccc

}

.textarea {

	padding: 4px

}

.orLoginOpt {

	position: absolute;

	right: -25px;

	right: -webkit-calc(-25px - 1%);

	right: -moz-calc(-25px - 1%);

	right: -ms-calc(-25px - 1%);

	right: -o-calc(-25px - 1%);

	top: 50%;

	top: -webkit-calc(50% - 25px);

	top: -moz-calc(50% - 25px);

	top: -ms-calc(50% - 25px);

	top: -o-calc(50% - 25px);

	z-index: 99;

	background: #fff;

	border: 1px solid #faf2cc;

	box-shadow: 0 0 1px #EDE0A8;

	text-transform: uppercase;

	width: 50px;

	height: 50px;

	text-align: center;

	border-radius: 50%;

	font-weight: 700;

	line-height: 48px;

	font-size: 18px

}

.socialMediaLoginButtons {

	display: block;

	margin: 0 0 10px;

	padding: 10px 10px 25px;

	text-align: center;

	border: 1px solid;

	box-shadow: 0 0 1px #d0e9c6;

	-webkit-box-shadow: 0 0 1px #d0e9c6;

	-o-box-shadow: 0 0 1px #d0e9c6;

	-moz-box-shadow: 0 0 1px #d0e9c6;

	-ms-box-shadow: 0 0 1px #d0e9c6;

	height: 100%;

}

.socialMediaLoginButtons.orLogin {

	padding: 25px 10px 10px

}

.detailsBox.rightBox .greenBg {

	background: #e5fef0;

	border-color: #d0e9c6;

	box-shadow: 0 0 1px #d0e9c6;

	-webkit-box-shadow: 0 0 1px #d0e9c6;

	-o-box-shadow: 0 0 1px #d0e9c6;

	-moz-box-shadow: 0 0 1px #d0e9c6;

	-ms-box-shadow: 0 0 1px #d0e9c6

}

.socialMediaLoginButtons.noMarginBottom {

	margin-bottom: 0

}

.socialMediaLoginButtons li {/*display:inline-block;width:49%;*/

	display: block;

	width: 130px;

	text-align: left;/*margin:0 0 6px*/

	margin: 5px auto;

}

.socialMediaLoginButtons li.fullWidth {

	width: 100%;

	display: block;

	margin-bottom: 28px;

}

.socialMediaLoginButtons li:last-child {

	margin-bottom: 0

}

.socialMediaLoginButtons li h2 {

	text-align: center;

	font-size: 16px;

	color: #3c763d;

	padding: 0 0 10px;

	margin: 0 0 5px;

	border-bottom: 1px dashed #3c763d;

	font-family: ralewaymedium

}

.socialMediaLoginButtons li a {

	display: block;

	width: 100%;

	height: auto;

	margin: 0 auto;

	padding: 0;

	color: #fff;

	text-align: left;

	text-decoration: none;

	border-radius: 2px;

	-webkit-border-radius: 2px;

	-o-border-radius: 2px;

	-ms-border-radius: 2px;

	-moz-border-radius: 2px;

	position: relative

}

.socialMediaLoginButtons li a i {

	background: rgba(0,0,0,.2);

	width: 30px;

	height: 30px;

	text-align: center;

	line-height: 30px;

	font-size: 16px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 2;

	vertical-align: middle;

	border-radius: 2px 0 0 2px;

	-webkit-border-radius: 2px 0 0 2px;

	-o-border-radius: 2px 0 0 2px;

	-ms-border-radius: 2px 0 0 2px;

	-moz-border-radius: 2px 0 0 2px

}

.socialMediaLoginButtons li a i img {

	display: inline-block;

	zoom: 1;

	vertical-align: middle;

	max-width: 80%;

	margin: 0 auto;

	line-height: 28px

}

.socialMediaLoginButtons li a:hover {

	-moz-text-shadow: 0 0 10px #fff;

	-webkit-text-shadow: 0 0 10px #fff;

	-ms-text-shadow: 0 0 10px #fff;

	-o-text-shadow: 0 0 10px #fff;

	text-shadow: 0 0 10px #fff

}

.socialMediaLoginButtons li a span {

	padding: 0 20px 0 40px;

	vertical-align: middle;

	font-family: ralewaylight;

	font-size: 12px;

	display: block;

	height: 30px;

	line-height: 30px;

	width: 100%;

	position: relative;

	z-index: 1

}

.socialMediaLoginButtons li a span:after {

	display: block;

	width: 0;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	content: "";

	background: rgba(0,0,0,.1);

	-webkit-transform: scale(0, 1, 0);

	-o-transform: scale(0, 1, 0);

	-moz-transform: scale(0, 1, 0);

	-ms-transform: scale(0, 1, 0);

	transform: scale(0, 1, 0);

	-webkit-transition: all .3s ease-in-out 0s;

	-o-transition: all .3s ease-in-out 0s;

	-ms-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

	z-index: -1

}

.socialMediaLoginButtons li a:hover span:after {

	width: 100%;

	-webkit-transform: scale(1);

	-o-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1)

}

.socialMediaLoginButtons li a span strong {

	font-family: ralewaybold

}

.socialMediaLoginButtons li a.fb {

	background: -webkit-linear-gradient(#47c 0, #2f5fae 100%);

	background: -o-linear-gradient(#47c 0, #2f5fae 100%);

	background: linear-gradient(#47c 0, #2f5fae 100%)

}

.socialMediaLoginButtons li a.twt {

	background: -webkit-linear-gradient(#0cf 0, #00a3cc 100%);

	background: -o-linear-gradient(#0cf 0, #00a3cc 100%);

	background: linear-gradient(#0cf 0, #00a3cc 100%)

}

.socialMediaLoginButtons li a.gplus {

	background: -webkit-linear-gradient(#d43 0, #bd2f20 100%);

	background: -o-linear-gradient(#d43 0, #bd2f20 100%);

	background: linear-gradient(#d43 0, #bd2f20 100%)

}

.socialMediaLoginButtons.aadhaar li a {

	width: 150px;

	background: #ffd470;

	background: -moz-linear-gradient(top, #ffd470 1%, #fab60f 99%);

	background: -webkit-linear-gradient(top, #ffd470 1%, #fab60f 99%);

	background: linear-gradient(to bottom, #ffd470 1%, #fab60f 99%);

filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd470', endColorstr='#fab60f', GradientType=0 )

}

.socialMediaLoginButtons.orLogin li {

	position: relative

}

.socialMediaLoginButtons.orLogin li .orLoginOpt {

	top: -51px;

	left: 40%;

	left: -webkit-calc(50% - 25px);

	left: -moz-calc(50% - 25px);

	left: -ms-calc(50% - 25px);

	left: -o-calc(50% - 25px);

	width: 45px;

	height: 45px;

	line-height: 43px;

	font-size: 18px;

	color: #3c763d;

	border: 1px solid #d0e9c6;

	box-shadow: 0 0 1px #d0e9c6

}

.underConstruction {

	display: none;

	height: 100%;

	width: 100%;

	text-align: center

}

.underConstruction .helper, .underConstruction p {

	display: inline-block;

	zoom: 1;

	vertical-align: middle

}

.underConstruction .helper {

	height: 100%

}

.underConstruction p {

	text-decoration: none;

	border: 0;

	font-size: 16px;

	color: #a94442

}

.feedbackSuggestionBox .option {

	padding: 10px

}

.feedbackSuggestionBox .option .textarea {

	width: 100%;

	height: 107px

}

.feedbackProvider .box {

	border-color: #bcd6f1

}

.feedbackProvider h4.ques_head {

	background: #d0e7ff;

	border-color: #bcd6f1

}

.table_alt .action a, .table_alt .btn, .table_alt .btn-close, .table_alt .btn-edit, .table_alt .btn-green {

	margin: 0

}

.powerBiNone {

	display: block;

	z-index: 1;

	height: 35px;

	position: absolute;

	bottom: 3px;

	left: 0;

	background: #EAEAEA;

	width: 50%

}

.ruleActions.add_ques.feedbackProvider {

	margin: 0;

	padding: 10px

}

.tc-box {

	display: block;

	margin: 0;

	padding: 0;

}

.tc-box span {

	display: block;

	padding: 5px;

	cursor: pointer;

}

.tc-box span input, .tc-box span label {

	display: inline-block;

 *display:inline;

	zoom: 1;

	vertical-align: middle;

	cursor: pointer;

}

.tc-box span label {

	font-size: 14px;

	margin: 0 0 0 10px;

	font-family: ralewaybold;

}

#modal2.privacy-policy-pop {

	width: 80%;

	margin-left: 0;

	left: 10%;

}

#modal2.privacy-policy-pop .modal-body {

	height: 400px;

	overflow-y: scroll;

}

#modal2.privacy-policy-pop:target {

	top: 100px;

}

#modal2.privacy-policy-pop .form_head {

	text-align: left;

}



.wrapper-dropdown-3.active .dropdown{

max-height:200px;

overflow-y:scroll;

}





.thanks{    

	width: 80%;

    margin: 20px auto;

    font-weight: bold;

    margin-top: 20px;

	text-align:center;

    font-size: 20px;

	font-weight:normal;

	font-family:ralewaysemibold_italic;

	color:green;

	text-align:center;

}

.thanks span{

	display:block;

	text-align:center;

	margin:20px 0;

}

	

.thankspage{    

	width: 80%;

    margin: 20px auto;

    font-weight: bold;

    margin-top: 20px;

	text-align:center;

    font-size: 20px;

	font-weight:normal;

	font-family:ralewaysemibold_italic;

	color:green;

	text-align:center;

}





/****** MY SERVICES PAGE ******/

.selectServiceBox{

	display:block;

	margin:8% auto;

	width:60%;

	

	border-radius:2px;

	-webkit-border-radius:2px;

	-o-border-radius:2px;

	-moz-border-radius:2px;

	-ms-border-radius:2px;

	

}

.selectServiceBox h2{

	padding:10px;

	font-size:20px;

	line-height:120%;

	border-bottom:1px solid #ffca24;

	background:#ffca24;

	font-family:ralewaysemibold_italic;

	margin-bottom:20px;

}

.selectServiceBox .search_box .wrapper-dropdown-3{

	width:100%;

}

.departHead{

	font-size:15px;

	text-transform:uppercase;

	font-family: 'ralewaymedium';

	color:#444;

	padding:5px 10px;

	border-left:4px solid #FFCA24;

	border-bottom:1px solid #f8f8f8;

}



.userServices{

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

.wrapper-dropdown-3 .departHead{

	font-weight: bold;

}

.wrapper-dropdown-3 .service{

	padding-left: 20px;

}



/*********DROPDOWN STYLES**********************/

.wrapper-dropdown-3 {

    /* Size and position */

    position: relative;

    width: 300px;

	max-width:100%;

	font-size:13px;

	font-family: 'ralewaymedium';

    margin: 0;

    padding:9px;



    /* Styles */

    background: #f8f8f8;

    border-radius: 4px 4px 4px 4px;

	-webkit-border-radius: 4px 4px 4px 4px;

	-o-border-radius: 4px 4px 4px 4px;

	-moz-border-radius: 4px 4px 4px 4px;

	-ms-border-radius: 4px 4px 4px 4px;

    border: 1px solid rgba(0,0,0,0.15);

    //box-shadow: 0 1px 1px rgba(50,50,50,0.1);

    cursor: pointer;

    outline: none;



    /* Font settings */

    color: #444;

}

.wrapper-dropdown-3:after {

    content: "";

    width: 0;

    height: 0;

    position: absolute;

    top: 50%;

    right: 15px;

    margin-top: -3px;

    border-width: 6px 6px 0 6px;

    border-style: solid;

    border-color: #999 transparent;

}

.wrapper-dropdown-3.active{

	background:#FFCA24;

	color:#fff;

}

.wrapper-dropdown-3.active:after {

    border-color: #C89A0B transparent;

}



.wrapper-dropdown-3 .dropdown {

  /* Size & position */

    position: absolute;

    top: 130%;

    left: 0;

    right: 0;



    /* Styles */

    background: white;

    border-radius: 2px;

	-webkit-border-radius: 2px;

	-o-border-radius: 2px;

	-moz-border-radius: 2px;

	-ms-border-radius: 2px;

    border: 1px solid rgba(0,0,0,0.17);

    box-shadow: 0 0 5px rgba(0,0,0,0.1);

    font-weight: normal;

    -webkit-transition: all 0.3s ease-in;

    -moz-transition: all 0.3s ease-in;

    -ms-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in;

    list-style: none;



    /* Hiding */

    opacity: 0;

    pointer-events: none;

}



.wrapper-dropdown-3 .dropdown li{

	display:block;

	width:100%;

	margin-bottom:0;

}



.wrapper-dropdown-3 .dropdown:after {

    content: "";

    width: 0;

    height: 0;

    position: absolute;

    bottom: 100%;

    right: 15px;

    border-width: 0 6px 6px 6px;

    border-style: solid;

    border-color: #fff transparent;    

}



.wrapper-dropdown-3 .dropdown:before {

    content: "";

    width: 0;

    height: 0;

    position: absolute;

    bottom: 100%;

    right: 13px;

    border-width: 0 8px 8px 8px;

    border-style: solid;

    border-color: rgba(0,0,0,0.1) transparent;    

}



.wrapper-dropdown-3 .dropdown li a {

    display: block;

    padding: 5px 10px;

	font-size:15px;

    text-decoration: none;

    color: #444;

    border-bottom: 1px solid #e6e8ea;

    box-shadow: inset 0 1px 0 rgba(255,255,255,1);

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

	

	width:100%;

	text-align:left;

}



.wrapper-dropdown-3 .dropdown li i {

    float: right;

    color: inherit;

}



/* Hover state */



.wrapper-dropdown-3 .dropdown li:hover a {

    border-left-color:#FFCA24;

	color:#FFCA24;

}



/* Active state */



.wrapper-dropdown-3.active .dropdown {

    opacity: 1;

    pointer-events: auto;

	z-index:1;

}

.emptyFeedbackData{    

	width: 35%;

    margin: 0 auto;

    font-weight: bold;

    margin-top: 20px;

	font-family:ralewaysemibold_italic;

    font-size: 20px;

}