@font-face {
    font-family: 'GESS';
    src: url(/assets/font/Linotype-Light.ttf);
    unicodeRange: 'U+0600-U+06FF';
}
@font-face {
    font-family: 'GESS Bold';
    src: url(/assets/font/Linotype-Bold.ttf);
    unicodeRange: 'U+0600-U+06FF';
}

@font-face {
  font-family: 'GESS';
  src: local('Arial');
  unicode-range: U+30-39;
}
@font-face {
    font-family: 'GESS-Two';
    src: url(../fonts/GESS_Two_Light.otf);
    unicodeRange: 'U+0600-U+06FF';
}
@font-face {
  font-family: 'Tanseek-Medium';
    src: url(../fonts/Tanseek/TanseekModernProArabic-Medium.ttf);
}
@font-face {
    font-family: 'Tanseek-Light';
    src: url(../fonts/Tanseek/TanseekModernProArabic-Light.ttf);
}
#preloader {
    background       : url('/assets/images/preloader/estbyani-loading.svg') no-repeat center center fixed;
    position         : fixed;
    top              : 0;
    left             : 0;
    right            : 0;
    bottom           : 0;
    /*background-color : rgba(255, 255, 255, 0.5);*/
    background-color: #000;
    opacity: 0.5;
    z-index          : 9999;
    background-size  : 150px;
}

.pre-bg {
	background-color: #000;
	opacity: 0.5;
}

.color-white{
	color: #fff !important;
}

.margin-top-10{
	margin-top: 10px !important;
}

.margin-top-15{
	margin-top: 15px !important;
}

.mg-top-90{
	margin-top: 90px !important;
}

.mg-top-60{
	margin-top: 60px !important;
}

.mg-top-0{
	margin-top: 0 !important;
}

.pd-bottom-50{
	padding-bottom: 50px !important;
}

.inline-block{
	display: inline-block !important;
}

.margin-bottom-0{
	margin-bottom: 0 !important;
}

.margin-bottom-10{
	margin-bottom: 10px !important;
}

.footer-height-50{
	height: 50px !important;
}

.footer-height-58{
	height: 58px !important;
}

.footer-height-40{
	height: 40px !important;
}


.default-btn{
	color: #333 !important;
    background-color: #fff;
    border-color: #ccc;
}

.default-btn:hover,
.default-btn:focus,
.default-btn:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.width-125{
	width: 125px;
}

.footer-img-padding{
	padding: 4px 15px !important;
}

.no-radius{
	border-radius: 0 !important;
}

.hidden_elem{
	display: none;
}

/*.opac-01{
	opacity: 0.1;
}*/

.active_elem{
	opacity: 1;
}

.field-section.done {
	opacity: 1;
}

.bg-transparent {
	background: transparent !important;
}

.bg-white{
	background: #fff !important;
}

.full-separator{
	line-height: 0 !important;
}

#survey-build{
	padding-top: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	margin-top: 50px;
}

#survey-build .wrap{
	padding: 1.0em 1.5em 2em 1.5em !important;
	margin : 0 !important;
}

.text-bold{
	font-weight: bold !important;
}

.btn-prev {
	color: #fff !important;
    background-color: #ccc;
    border-color: #ccc !important;
}

.no-border{
	border: 0 !important;
}

#survey-build .field-section{
	margin-bottom: 0 !important;
	padding-top: 30px !important;
}

input[type="radio"]:checked + label span:after {
    position: absolute !important;
    left: 20px !important;
    font-size: 14px;
}

.survey-error {
	border-left: 4px solid #a94442 !important;
	opacity: 1 !important;
}

.b-top-yellow{
	border-top: 5px solid #fbd221;
}

.no-radius{
	border-radius: 0 !important;
}

#save_and_con_modal .modal-body input {
    border-radius: 36px;
    border-color: #fbd221;
    padding: 1.5em;
}

#save_and_con_modal .modal-footer .btn {
    padding-left: 2.5em;
    padding-right: 2.5em;
    font-weight: 700;
    font-size: 1.333rem;
}

#save_and_con_modal .modal-body {
    margin-left: 8.0em;
    margin-right: 8.0em;
}

.pd-top-20{
	padding-top: 20px !important;
}

.pd-top-25{
	padding-top: 25px !important;
}

.mg-bottom-20{
	margin-bottom: 20px !important;
}

.mg-top-15{
	margin-top: 15px;
}

.no-mg{
	margin: 0 !important;
}

.input-border {
    border: 1px solid #ccc;
}

.page_break_text{
	padding: 1.5em;
}

.no-pd{
	padding: 0 !important;
}

#password, #start-name, #start-email{
	padding: 6px 12px !important;
	border-radius: 36px;
}

.font-normal{
	font-weight: normal !important;
}

.mg-top-30{
	margin-top: 30px !important;
}

.mg-bottom-15{
	margin-bottom: 15px !important;
}

.mg-top-20{
	margin-top: 20px !important;
}

.mg-b-20{
	margin-bottom: 20px !important;
}

.mg-b-25{
	margin-bottom: 25px !important;
}

.create_survey_pass,
.create_survey_pass:hover{
	color: #8a8a8a;
    text-decoration: underline;
}

.powered_by_text{
	color: #8a8a8a;
    font-weight: normal;
    font-size: 14px !important;
}

.savecon_text_pass{
	padding: 0 35px;
}

.capitalized{
	text-transform: uppercase;
}

.text-align-center{
	text-align: center !important;
}

.height-10{
	height: 10px !important;
}

.font-small{
	font-size: small !important;
}

#welcome_heading_text {
	font-weight: 700;
	font-size: 24px;
	margin-top: 15px;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px !important;
}

.text-bold{
	font-weight: bold;
}

.pd-lf-15{
	padding: 0 15px;
}

.font-small{
	font-size: small;
}

#survey-builder-setup{
	margin-top: 15px;
}

.mg-top-170{
	margin-top: 170px !important;
}

.save_con_mobile[lang="ar"] {
	margin-left: auto !important;
}

.survey_question_footer{
	position: fixed;
	z-index: 9999;
}

.color-green{
	color: #99cc66;
}

.save_con_mobile{
	margin-top: 8px !important;
	margin-left: 0;
	margin-right: 0;
}

.bg-black {
	background: #1D1D1D !important;
}

.bg-school-green {
	background: #2D762D !important;
}

#survey_questions header .navbar-default {
	min-height: 52px;
}

.center-div {
	float: none !important; 
	margin: 0 auto;
}

.hint {
	font-size: 12px;
    padding: 5px 0px 10px 0px;
    color: rgb(169, 68, 66);
    font-weight: 600;
}

.clock-panel{
	width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.i-block{
	display: inline-block;
}

input.input-masked-date[readonly] {
	background: 0 !important;
}

.clock-icon {
	position: relative;
    top: 2px;
    margin: 0 1px;
    color: #fff;
    font-weight: 300;
}

.field-section[data-item-type="multipleChoice"] div[data-class="option-text-area"] label span:after {
    content: ' ' !important;
}

.field-section[data-item-type="yesNo"] div[data-class="option-text-area"] label span:after {
    content: ' ' !important;
}

.edit-my-answer {
	border-radius: 36px;
}

.no-events{
	pointer-events: none !important;
}

#items-container .form-control {
	font-size: 16px !important;
}

.picture-box {
	width: 300px;
	height: 300px;
	/*float: left;*/
	margin: 10px 20px;
	margin-bottom: 40px;
	display: inline-block;
}

.field-section[data-item-type="pictureChoice"] .picture-list {
	width: 100% !important;
}

.field-section[data-item-type="pictureChoice"] .picture-list span {
	box-shadow : 0 0 8px rgba(0,0,0,.2);
	margin     : 0 auto !important;
	padding    : 10px;
}

#items-container .parent_form_group {
	margin: 20px 0 !important;
}

.option-scale-table, .respondents-option-scale-table {
	max-width: 700px !important;
}

.field-section[data-item-type="moodScale"] .picture-list {
	width: 25% !important;
	margin: 5px 24px 15px 16px;
}

.field-section[data-item-type="moodScale"] .picture-list img{
	width: 50%;
    margin: 0 auto !important;
}

.field-section[data-item-type="moodScale"] .picture-list label{
	font-weight: bold;
}

.field-section[data-item-type="pictureChoice"] .picture-list label{
	margin-top: 10px;
}

.next_survey_elem {
	padding: 12px 20px;
}

.embed-item-container-response {
	margin-bottom: 30px;
    margin-top: 0;
}

/*
  *Responsive
 */

.scale_tr td {
	padding: 15px 8px !important;
}

@media (max-width: 991px){
	#survey_container.container {
	    margin: 0 !important;
	    padding: 0 !important;
	    width: 100% !important;
	}

	#survey-builder-setup {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-top: 0 !important;
	}
	
	#survey-build{
		border-top: 0 !important;
	}

	#welcome_heading_text{
		font-size: 22px;
	    font-weight: inherit;
	    margin-top: 18px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    width: 82%;
	    /*overflow: hidden;*/
    	/* font-size: larger;
    	font-weight: inherit;
    	margin-top: 18px; */
	}

	#survey-title-content{
		max-width: initial !important;
		word-wrap: break-word;
	}

	#survey-description-content{
		text-align: center !important;
		word-wrap: break-word;
	}

	.to_hide{
		display: none;
	}

	.likert_center{
		float: none;
    	margin: 0 auto;
    	display: inline-block;
    	text-align: text-center;
	}

	.mobile_row{
		margin-left: -15px;
    	margin-right: -15px;
	}

	.page_text{
		font-size: small;
	}

	#save_and_con_modal .modal-body{
		margin-left: 0;
    	margin-right: 0;
	}

	#save_and_con_modal .modal-footer .btn{
		padding: 6px 12px;
	}

	.mbtn-block{
		display: block;
    	width: 100%;
	}

	.m-mg-bottom-10{
		margin-bottom: 10px;
	}

	.select-mobile-view{
		width: 100%;
		margin-bottom: 10px;
	}
}

/*Bootstrap notify pastel*/
[data-notify="container"][class*="alert-pastel-"] {
	background-color: rgb(255, 255, 238);
	border-width: 0px;
	border-left: 15px solid rgb(255, 240, 106);
	border-radius: 0px;
	box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.3);
	font-family: 'Old Standard TT', serif;
	letter-spacing: 1px;
}

[data-notify="container"].alert-pastel-info {
	border-left-color: rgb(255, 179, 40);
}

[data-notify="container"].alert-pastel-danger {
	border-left-color: rgb(255, 103, 76);
}

[data-notify="container"][class*="alert-pastel-"] > [data-notify="title"] {
	color: rgb(80, 80, 57);
	display: block;
	font-weight: 700;
	margin-bottom: 5px;
}

[data-notify="container"][class*="alert-pastel-"] > [data-notify="message"] {
	font-weight: 400;
}

/*[data-notify="container"]{
	width: 25% !important;
}*/

#view_response header .navbar{
	min-height: inherit;
}

#view_response header .navbar h3{
	margin: 0;
    line-height: 60px;
    color: #fff;
}
#view_response  #survey-answer-view-response-container {
	margin: 100px 50px 0;
	border-top: 5px solid #fbd221;
	background: #fff;
}

#view_response .answer-view-response-container {
	border-left: solid 1px #E1E1E1;
}

.mul-others-i {
	padding: 0;
    height: 22px;
}

.check-others-i {
	padding: 0;
    height: 39px;
}

.question-help-text {
	font-size: 0.75rem;
}

#survey-build .field-section {
	margin: 0 !important;
}

.field-section[data-item-type="multipleChoice"] label{
	margin-bottom: 22px;
}

.submit_survey,
.prev_page,
.next_page {
	padding: 12px 20px;
}

.height-130 {
	height: 130px;
}

.mg-top-172 {
	margin-top: 172px;
}

.width-100 {
	width: 100px;
}

.no-border-lrb {
	border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.color-inherit {
	color: inherit !important;
}

/*.bootstrap-datetimepicker-widget {
    top: 0;
    left: 0;
    width: 250px;
    padding: 4px;
    margin-top: 1px;
    z-index: 99999;
    border-radius: 4px;
}*/

.bootstrap-datetimepicker-widget.dropdown-menu {
	color : #424242 !important;	
}

.pass_logo_con img {
	max-width: 150px;
}

#footer-img-logo {
	position: relative;
    top: 10px;
}

/*
  For mobile answering css
 */

#survey-mobile .field-section .field-settings .help-text-input, #survey-mobile .field-section .form-control {
    color: inherit !important;
}

#survey-mobile .field-section .form-control {
    margin: 0;
}

#survey-mobile textarea, 
#survey-mobile input[type="text"], 
#survey-mobile input[type="number"], 
#survey-mobile input[type="email"], 
#survey-mobile input[type="tel"],
#survey-mobile input[type="date"],
#survey-mobile .btn-group > .btn:first-child, 
#survey-mobile .bg-light-gray .full-separator, 
#survey-mobile .btn-group > .btn:first-child, 
#survey-mobile .btn-add-row-likert-scale, 
#survey-mobile .bg-light-gray {
	background: transparent !important;
}
#survey-mobile .wrap {
    padding: 15px;
}
.question-con{
	padding-bottom: 20px;
	padding-top: 15px;
    font-size: 19px;
}

.btn-ok {
	position: absolute;
    right: 15px;
    top: 0;
	border-radius: 4px;
}

/* .btn-ok {
	display: none;
} */

.m-label-mgb {
	margin-bottom: 20px !important;
}

.m-check-others-i {
	position: relative;
    top: -13px;
}

.picture-list-mobile img {
	padding: 4px !important;
}

.gif-height {
	height: 123px;
}

.save_con_mobile {
	border: #e05c69 !important;
	border-radius: 4px;
}

.mg-bot-10 {
	margin-bottom: 10px !important;
}

.picture-list-mood small {
	display: block;
}

.blink_me {
  animation: blinker 0.3s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

.input-trans {
	transform: translate3d(0px, -77px, 0px);
}

.footer-error {
	display: none;
}

.footer-error {
	background: #e05c69;
	position: absolute;
    bottom: 58px;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 2px;
}

.m-review-survey {
	display: none;
}

#save-survey-mobile input{
	border-radius: 12px;
    border-color: #fbd221;
    padding: 1.4em;
}

.mg-top-100 {
	margin-top: 100px !important;
}

.mobile_pre {
	background-size: 40px !important;
}

.mg-top-6 {
	margin-top: 6px;
}

.btn-m-up, .btn-m-down{
	border-radius: 4px;
}


.m-image-height {
	max-height: 250px;
}

.section[data-type="shortText"] input:focus,
.section[data-type="name"] .m-name-con[data-name-format="first-last"] input[name="item-name-first-name"]:focus,
.section[data-type="name"] .m-name-con[data-name-format="first-middle-last"] input[name="item-name-middle-name"]:focus,
.section[data-type="number"] input:focus,
.section[data-type="email"] input:focus{
	padding-right: 40px;
}

#survey-mobile {
  	/*background-color    : #f7f7f7;
  	min-height          : 100vh;
  	background-size     : cover !important;
  	background-position : center center !important;
  	background-attachment : fixed !important;
  	background-repeat: no-repeat !important; */
	position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(247, 247, 247);
	z-index: 0;
}

#survey-mobile[data-theme="gradient"] {
  	background-image: linear-gradient(rgba(0, 0, 0, -0.3), rgba(0, 0, 0, 0.6)), url(/assets/img/themes/gradient-min.jpg);
}

#survey-mobile[data-theme="mountains"] {
  	background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)), url(/assets/img/themes/mountains-min.jpg);
}

#survey-mobile[data-theme="night"] {
  	background-image: linear-gradient(rgba(0, 0, 0, -0.3), rgba(0, 0, 0, 0.6)), url(/assets/img/themes/night-min.jpg);
}

#survey-mobile[data-theme="school"] {
  	background-image: url(/assets/img/themes/school-min.jpg);
}

#survey-mobile[data-theme="spring"] {
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)), url(/assets/img/themes/spring-min.jpg);
}

#survey-mobile[data-theme="summer"] {
  	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)), url(/assets/img/themes/summer-min.jpg);
}

#survey-mobile[data-theme="sunset"] {	
  	background-image: linear-gradient(rgba(0, 0, 0, -0.3), rgba(0, 0, 0, 0.6)), url(/assets/img/themes/sunset-min.jpg);
}


#survey-mobile[data-theme="gradient"] .btn-ok{
	background-color: #C93F3F;
  	border-color: #C93F3F;
}

#survey-mobile[data-theme="gradient"] .option-scale-table tr:first-child td{
	border-bottom: solid 3px #C93F3F;
}

#survey-mobile[data-theme="gradient"] .option-scale-table tr:first-child td.selected{
  	background: #C93F3F;
}

#survey-mobile[data-theme="gradient"] .section,
#survey-mobile[data-theme="gradient"] input,
#survey-mobile[data-theme="gradient"] textarea,
#survey-mobile[data-theme="gradient"] .btn-custom-dropdown {
	color: #fff !important;
}

#survey-mobile[data-theme="gradient"] textarea::-webkit-input-placeholder{
  	color: #fff;
}

#survey-mobile[data-theme="gradient"] textarea::-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="gradient"] textarea:-ms-input-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="gradient"] textarea:-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="gradient"] input::-webkit-input-placeholder{
  	color: #fff;
}

#survey-mobile[data-theme="gradient"] input::-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="gradient"] input:-ms-input-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="gradient"] input:-moz-placeholder {
  	color: #fff;
}


#survey-mobile[data-theme="mountains"] .btn-ok{
  	background-color: #7BB044;
  	border-color: #7BB044;
}

#survey-mobile[data-theme="mountains"] .option-scale-table tr:first-child td{
      border-bottom: solid 3px #7BB044;
}

#survey-mobile[data-theme="mountains"] input[type="radio"] + label span:hover,
#survey-mobile[data-theme="mountains"] input[type="checkbox"] + label span:hover,
#survey-mobile[data-theme="mountains"] input[type="radio"]:checked + label span,
#survey-mobile[data-theme="mountains"] input[type="checkbox"]:checked + label span {
	background-color: #7BB044;
}

#survey-mobile[data-theme="mountains"] .option-scale-table tr:first-child td.selected,
#survey-mobile[data-theme="mountains"] .likert-scale-box.selected{
  	background: #7BB044;
}

#survey-mobile[data-theme="mountains"] .section,
#survey-mobile[data-theme="mountains"] input,
#survey-mobile[data-theme="mountains"] textarea,
#survey-mobile[data-theme="mountains"] .btn-custom-dropdown {
	color: #fff !important;
}

#survey-mobile[data-theme="mountains"] textarea::-webkit-input-placeholder{
  	color: #fff;
}

#survey-mobile[data-theme="mountains"] textarea::-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="mountains"] textarea:-ms-input-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="mountains"] textarea:-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="mountains"] input::-webkit-input-placeholder{
  	color: #fff;
}

#survey-mobile[data-theme="mountains"] input::-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="mountains"] input:-ms-input-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="mountains"] input:-moz-placeholder {
  	color: #fff;
}



#survey-mobile[data-theme="night"] .option-scale-table tr:first-child td.selected,
#survey-mobile[data-theme="night"] .likert-scale-box.selected {
  	background: #7097CE !important;
}

#survey-mobile[data-theme="night"] textarea::-webkit-input-placeholder{
  	color: #fff;
}

#survey-mobile[data-theme="night"] textarea::-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="night"] textarea:-ms-input-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="night"] textarea:-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="night"] .option-scale-table tr:first-child td.selected,
#survey-mobile[data-theme="night"] .likert-scale-box.selected{
  	background: #6e95cc;
}

#survey-mobile[data-theme="night"] .btn-ok{
  	background-color: #7097CE;
  	border-color: #7097CE;
}

#survey-mobile[data-theme="night"] .option-scale-table tr:first-child td{
    border-bottom: solid 3px #7097CE;
}

#survey-mobile[data-theme="night"] .likert-scale-box {
  	background: #fff;
}


#survey-mobile[data-theme="night"] input[type="radio"] + label, 
#survey-mobile[data-theme="night"] input[type="checkbox"] + label{
  	color: #fff;
}

#survey-mobile[data-theme="night"] input[type="radio"] + label span:hover,
#survey-mobile[data-theme="night"] input[type="checkbox"] + label span:hover,
#survey-mobile[data-theme="night"] input[type="radio"]:checked + label span,
#survey-mobile[data-theme="night"] input[type="checkbox"]:checked + label span {
  	background-color: #7097CE;
}

#survey-mobile[data-theme="night"] .section,
#survey-mobile[data-theme="night"] input,
#survey-mobile[data-theme="night"] textarea,
#survey-mobile[data-theme="night"] .btn-custom-dropdown {
	color: #fff !important;
}

#survey-mobile[data-theme="night"] textarea::-webkit-input-placeholder{
  	color: #fff;
}

#survey-mobile[data-theme="night"] textarea::-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="night"] textarea:-ms-input-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="night"] textarea:-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="night"] input::-webkit-input-placeholder{
  	color: #fff;
}

#survey-mobile[data-theme="night"] input::-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="night"] input:-ms-input-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="night"] input:-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="school"] .section,
#survey-mobile[data-theme="school"] input,
#survey-mobile[data-theme="school"] textarea,
#survey-mobile[data-theme="school"] .btn-custom-dropdown {
	color: #fff !important;
}

#survey-mobile[data-theme="school"] .form-control:focus {
  	border-color: #7097CE;
}

#survey-mobile[data-theme="school"] .bootstrap-select.btn-group .dropdown-menu li,
#survey-mobile[data-theme="school"] input[type="radio"] + label span:hover,
#survey-mobile[data-theme="school"] input[type="checkbox"] + label span:hover {
  	background: #1D1D1D;
}

#survey-mobile[data-theme="school"] .option-scale-table tr:first-child td.selected,
#survey-mobile[data-theme="school"] .likert-scale-box.selected {
  	background: #51381a !important;
}

#survey-mobile[data-theme="school"] textarea::-webkit-input-placeholder{
  	color: #fff;
}

#survey-mobile[data-theme="school"] textarea::-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="school"] textarea:-ms-input-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="school"] textarea:-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="school"] .form-control:focus {
  	border-color: #533A1C;
}

#survey-mobile[data-theme="school"] .bootstrap-select.btn-group .dropdown-menu li {
  	background: #2b742b;
}

#survey-mobile[data-theme="school"] .bootstrap-select.btn-group .dropdown-menu {
    background: #2b742b;
}

#survey-mobile[data-theme="school"] .btn-ok{
  	background-color: #F6E13A;
  	border-color: #F6E13A;
  	color: #fff;
}

#survey-mobile[data-theme="school"] .option-scale-table tr:first-child td{
    border-bottom: solid 3px #533A1C;
}

#survey-mobile[data-theme="school"] input[type="radio"] + label, 
#survey-mobile[data-theme="school"] input[type="checkbox"] + label{
  	color: #fff;
}

#survey-mobile[data-theme="school"] input[type="radio"] + label span:hover,
#survey-mobile[data-theme="school"] input[type="checkbox"] + label span:hover,
#survey-mobile[data-theme="school"] input[type="radio"]:checked + label span,
#survey-mobile[data-theme="school"] input[type="checkbox"]:checked + label span {
  	background-color: #533A1C;
}

#survey-mobile[data-theme="spring"] .section,
#survey-mobile[data-theme="spring"] input,
#survey-mobile[data-theme="spring"] textarea,
#survey-mobile[data-theme="spring"] .btn-custom-dropdown {
	color: #fff !important;
}
#survey-mobile[data-theme="spring"] textarea::-webkit-input-placeholder{
  	color: #fff;
}

#survey-mobile[data-theme="spring"] textarea::-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="spring"] textarea:-ms-input-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="spring"] textarea:-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="spring"] .form-control:focus {
  	border-color: #533A1C;
}

#survey-mobile[data-theme="spring"] .bootstrap-select.btn-group .dropdown-menu li {
  	background: #2b742b;
}

#survey-mobile[data-theme="spring"] .bootstrap-select.btn-group .dropdown-menu {
    background: #2b742b;
}

#survey-mobile[data-theme="spring"] .btn-ok{
  	background-color: #4D9C4B;
  	border-color: #4D9C4B;
}

#survey-mobile[data-theme="spring"] .option-scale-table tr:first-child td {
    border-bottom: solid 3px #4D9C4B;
}

#survey-mobile[data-theme="spring"] input[type="radio"] + label span:hover,
#survey-mobile[data-theme="spring"] input[type="checkbox"] + label span:hover,
#survey-mobile[data-theme="spring"] input[type="radio"]:checked + label span,
#survey-mobile[data-theme="spring"] input[type="checkbox"]:checked + label span {
  	background-color: #4D9C4B;
}

#survey-mobile[data-theme="spring"] .option-scale-table tr:first-child td.selected,
#survey-mobile[data-theme="spring"] .likert-scale-box.selected{
  	background: #4D9C4B;
}

#survey-mobile[data-theme="summer"] .section,
#survey-mobile[data-theme="summer"] input,
#survey-mobile[data-theme="summer"] textarea,
#survey-mobile[data-theme="summer"] .btn-custom-dropdown {
	color: #fff !important;
}

#survey-mobile[data-theme="summer"] .btn-ok {
  	background-color: #45A0CF;
  	border-color: #45A0CF;
} 
#survey-mobile[data-theme="summer"] .option-scale-table tr:first-child td {
  	border-bottom: solid 3px #45A0CF;
}

#survey-mobile[data-theme="summer"] .btn-ok {
  	background-color: #45A0CF;
  	border-color: #45A0CF;
}

#survey-mobile[data-theme="summer"] input[type="radio"] + label span:hover,
#survey-mobile[data-theme="summer"] input[type="checkbox"] + label span:hover,
#survey-mobile[data-theme="summer"] input[type="radio"]:checked + label span,
#survey-mobile[data-theme="summer"] input[type="checkbox"]:checked + label span {
  	background-color: #45A0CF;
}

#survey-mobile[data-theme="summer"] .option-scale-table tr:first-child td.selected,
#survey-mobile[data-theme="summer"] .likert-scale-box.selected{
  	background: #45A0CF;
}

#survey-mobile[data-theme="summer"] textarea::-webkit-input-placeholder{
  	color: #fff;
}

#survey-mobile[data-theme="summer"] textarea::-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="summer"] textarea:-ms-input-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="summer"] textarea:-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="summer"] input::-webkit-input-placeholder{
  	color: #fff;
}

#survey-mobile[data-theme="summer"] input::-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="summer"] input:-ms-input-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="summer"] input:-moz-placeholder {
  	color: #fff;
}


#survey-mobile[data-theme="sunset"] .option-scale-table tr:first-child td {
    border-bottom: solid 3px #45A0CF;
}

#survey-mobile[data-theme="sunset"] .btn-ok {
  	background-color: #D26A23;
  	border-color: #D26A23;
}

#survey-mobile[data-theme="sunset"] .option-scale-table tr:first-child td{
    border-bottom: solid 3px #D26A23;
}

#survey-mobile[data-theme="sunset"] input[type="radio"] + label span:hover,
#survey-mobile[data-theme="sunset"] input[type="checkbox"] + label span:hover,
#survey-mobile[data-theme="sunset"] input[type="radio"]:checked + label span,
#survey-mobile[data-theme="sunset"] input[type="checkbox"]:checked + label span {
  	background-color: #D26A23;
}

#survey-mobile[data-theme="sunset"] .option-scale-table tr:first-child td.selected,
#survey-mobile[data-theme="sunset"] .likert-scale-box.selected{
  	background: #D26A23;
}

#survey-mobile[data-theme="sunset"] .section,
#survey-mobile[data-theme="sunset"] input,
#survey-mobile[data-theme="sunset"] textarea,
#survey-mobile[data-theme="sunset"] .btn-custom-dropdown {
	color: #fff !important;
}
#survey-mobile[data-theme="sunset"] textarea::-webkit-input-placeholder{
  	color: #fff;
}

#survey-mobile[data-theme="sunset"] textarea::-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="sunset"] textarea:-ms-input-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="sunset"] textarea:-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="sunset"] input::-webkit-input-placeholder{
  	color: #fff;
}

#survey-mobile[data-theme="sunset"] input::-moz-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="sunset"] input:-ms-input-placeholder {
  	color: #fff;
}

#survey-mobile[data-theme="sunset"] input:-moz-placeholder {
  	color: #fff;
}

/*submit button theme*/
#survey-mobile[data-theme="mountains"] .m-submit-survey {
	background-color: rgb(91, 177, 55) !important;
	color : #fff;
}

#survey-mobile[data-theme="night"] .m-submit-survey {
	background-color: rgb(90, 152, 209) !important;
	color : #fff;
}

#survey-mobile[data-theme="school"] .m-submit-survey {
	background-color: rgb(234, 184, 63) !important;
	color : #fff;
}

#survey-mobile[data-theme="spring"] .m-submit-survey {
	background-color: rgb(45, 118, 45) !important;
	color : #fff;
}

#survey-mobile[data-theme="summer"] .m-submit-survey {
	background-color: rgb(90, 152, 209) !important;
	color : #fff;
}

#survey-mobile[data-theme="sunset"] .m-submit-survey {
	background-color: rgb(238, 106, 20) !important;
	color : #fff;
}

/*Footer btn color*/
.survey_question_footer[data-theme="mountains"] .btn {
	background-color: rgb(91, 177, 55) !important;
	color : #fff;
}

.survey_question_footer[data-theme="night"] .btn {
	background-color: rgb(90, 152, 209) !important;
	color : #fff;
}

.survey_question_footer[data-theme="school"] .btn {
	background-color: rgb(234, 184, 63) !important;
	color : #fff;
}

.survey_question_footer[data-theme="spring"] .btn {
	background-color: rgb(45, 118, 45) !important;
	color : #fff;
}

.survey_question_footer[data-theme="summer"] .btn {
	background-color: rgb(90, 152, 209) !important;
	color : #fff;
}

.survey_question_footer[data-theme="sunset"] .btn {
	background-color: rgb(238, 106, 20) !important;
	color : #fff;
}

/*Header btn*/
#survey_questions header[data-theme="mountains"] .save_con_mobile {
	background-color: rgb(91, 177, 55) !important;
	color : #fff;
}

#survey_questions header[data-theme="night"] .save_con_mobile {
	background-color: rgb(90, 152, 209) !important;
	color : #fff;
}

#survey_questions header[data-theme="school"] .save_con_mobile {
	background-color: rgb(234, 184, 63) !important;
	color : #fff;
}

#survey_questions header[data-theme="spring"] .save_con_mobile {
	background-color: rgb(45, 118, 45) !important;
	color : #fff;
}

#survey_questions header[data-theme="summer"] .save_con_mobile {
	background-color: rgb(90, 152, 209) !important;
	color : #fff;
}

#survey_questions header[data-theme="sunset"] .save_con_mobile {
	background-color: rgb(238, 106, 20) !important;
	color : #fff;
}

#survey_questions header[data-theme="mountains"],
.survey_question_footer[data-theme="mountains"],
#survey_questions header[data-theme="gradient"],
.survey_question_footer[data-theme="gradient"],
#survey_questions header[data-theme="night"],
.survey_question_footer[data-theme="night"],
#survey_questions header[data-theme="school"],
.survey_question_footer[data-theme="school"],
#survey_questions header[data-theme="spring"],
.survey_question_footer[data-theme="spring"],
#survey_questions header[data-theme="summer"],
.survey_question_footer[data-theme="summer"],
#survey_questions header[data-theme="sunset"],
.survey_question_footer[data-theme="sunset"] {
	background: rgba(0, 0, 0, 0.47) !important;
}

/*welcome page mobile*/
#success_page_mobile {
  	/*background-color    : #f7f7f7;
  	min-height          : 100vh;
  	background-size     : cover !important;
  	background-position : center center !important;
  	background-attachment : fixed !important;
  	background-repeat: no-repeat !important; */
	/*position: fixed;*/
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(247, 247, 247);
	z-index: 0;
}

#survey_password {
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(247, 247, 247);	
}

.password_con {
	margin-bottom: 25px;
}

#survey_password[data-theme="gradient"] {
  	background-image: url(/assets/img/themes/gradient-min.jpg);
}

#survey_password[data-theme="mountains"] {
  	background-image: url(/assets/img/themes/mountains-min.jpg);
}

#survey_password[data-theme="night"] {
  	background-image: url(/assets/img/themes/night-min.jpg);
}

#survey_password[data-theme="school"] {
  	background-image: url(/assets/img/themes/school-min.jpg);
}

#survey_password[data-theme="spring"] {
	background-image: url(/assets/img/themes/spring-min.jpg);
}

#survey_password[data-theme="summer"] {
  	background-image: url(/assets/img/themes/summer-min.jpg);
}

#survey_password[data-theme="gradient"] {	
  	background-image: url(/assets/img/themes/gradient-min.jpg);
}

#survey_password[data-theme="sunset"] {	
  	background-image: url(/assets/img/themes/sunset-min.jpg);
}


#survey_password[data-theme="gradient"] .panel {
	border-top: 5px solid rgb(227, 100, 110);
}

#survey_password[data-theme="gradient"] #submit_password {
	background-color: rgb(227, 100, 110);
	color : #fff;
}

#survey_password[data-theme="mountains"] .panel {
	border-top: 5px solid rgb(91, 177, 55) !important;
}

#survey_password[data-theme="mountains"] #submit_password {
	background-color: rgb(91, 177, 55);
	color : #fff;
}

#survey_password[data-theme="night"] .panel {
	border-top: 5px solid rgb(90, 152, 209) !important;
	border-bottom: 0;
    border-left: 0;
    border-right: 0;
	background: #1D1D1D !important;
	color : #fff;
}

#survey_password[data-theme="night"] #submit_password {
	background-color: rgb(90, 152, 209);
	color : #fff;
}

#survey_password[data-theme="night"] .panel input{
	background: rgb(29, 29, 29) !important;
}

#survey_password[data-theme="school"] .panel {
	border-top: 5px solid rgb(83, 58, 28) !important;
	border-bottom: 0;
    border-left: 0;
    border-right: 0;
	background: #2D762D !important;
	color : #fff;
}

#survey_password[data-theme="school"] #submit_password {
	background-color: rgb(234, 184, 63);
	color : #fff;
}

#survey_password[data-theme="school"] .panel input{
	background:  #2D762D !important;
}

#survey_password[data-theme="spring"] .panel {
	border-top: 5px solid rgb(45, 118, 45) !important;
}

#survey_password[data-theme="spring"] #submit_password {
	background-color: rgb(45, 118, 45);
	color : #fff;
}

#survey_password[data-theme="summer"] .panel {
	border-top: 5px solid rgb(90, 152, 209) !important;
}

#survey_password[data-theme="summer"] #submit_password {
	background-color: rgb(90, 152, 209);
	color : #fff;
}

#survey_password[data-theme="sunset"] .panel {
	border-top: 5px solid rgb(210, 106, 35) !important;
}

#survey_password[data-theme="sunset"] #submit_password {
	background-color: rgb(210, 106, 35);
	color : #fff;
}

#success_page_mobile[data-theme="gradient"] {
  	background-image: url(/assets/img/themes/gradient-min.jpg);
}

#success_page_mobile[data-theme="mountains"] {
  	background-image: url(/assets/img/themes/mountains-min.jpg);
}

#success_page_mobile[data-theme="night"] {
  	background-image: url(/assets/img/themes/night-min.jpg);
}

#success_page_mobile[data-theme="school"] {
  	background-image: url(/assets/img/themes/school-min.jpg);
}

#success_page_mobile[data-theme="spring"] {
	background-image: url(/assets/img/themes/spring-min.jpg);
}

#success_page_mobile[data-theme="summer"] {
  	background-image: url(/assets/img/themes/summer-min.jpg);
}

#success_page_mobile[data-theme="gradient"] {	
  	background-image: url(/assets/img/themes/gradient-min.jpg);
}

#success_page_mobile[data-theme="sunset"] {	
  	background-image: url(/assets/img/themes/sunset-min.jpg);
}

#success_page_mobile[data-theme="gradient"] .panel {
	border-top: 5px solid rgb(227, 100, 110);
}

#success_page_mobile[data-theme="mountains"] .panel {
	border-top: 5px solid rgb(91, 177, 55);
}

#success_page_mobile[data-theme="night"] .panel {
	border-top: 5px solid rgb(90, 152, 209) !important;
	border-bottom: 0;
    border-left: 0;
    border-right: 0;
	background: #1D1D1D !important;
	color : #fff;
}

#success_page_mobile[data-theme="school"] .panel {
	border-top: 5px solid rgb(83, 58, 28) !important;
	border-bottom: 0;
    border-left: 0;
    border-right: 0;
	background: #2D762D !important;
	color : #fff;
}

#success_page_mobile[data-theme="spring"] .panel {
	border-top: 5px solid rgb(45, 118, 45) !important;
}

#success_page_mobile[data-theme="summer"] .panel {
	border-top: 5px solid rgb(90, 152, 209) !important;
}

#success_page_mobile[data-theme="sunset"] .panel {
	border-top: 5px solid rgb(210, 106, 35) !important;
}

.m-review-survey {
	border-radius: 36px;
}

#survey_questions header .navbar-default{
	background: transparent !important;
}

.phone-ar {
	direction: ltr;
    text-align: right;
}

/*.twitter-profile img.twitter-image-lg{
    z-index: 0;
    width: 100%;
    margin-bottom: 10px;
    height: 160px;
    float: left;
}*/

.twitter-image-profile {
    /*margin: -90px 10px 0px 50px;*/
    margin: -70px 10px 0px 50px;
    z-index: 9;
    width: 20%;
    float: left;
}
.twitter-username {
	display: block;
    font-size: 14px;
    line-height: 30px;
}

.twi-follow-btn-con {
	float: right
}

@media (max-width:768px) {
	.twitter-profile-text>h1{
	    font-weight: 700;
	    font-size:16px;
	}

	.twitter-image-profile
	{
	    margin: -45px 10px 0px 25px;
	    z-index: 9;
	    width: 20%; 
	}
}

#verified-twitter {
	/*border-bottom: 1px solid #e0e0e0;*/
	display: none;
}

.verified-icon {
	font-size: medium;
    color: #99cc66;
    position: relative;
    top: -2px;
}

.twitter-username,
.twitter-username:hover,
.twitter-username:focus {
	color: inherit;
}

.m-twitter-section .card {
    padding-top: 20px;
    margin: 10px 0 20px 0;
    background-color: rgba(214, 224, 226, 0.2);
    border-top-width: 0;
    border-bottom-width: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.m-twitter-section .card .card-heading {
    padding: 0 20px;
    margin: 0;
}

.m-twitter-section .card .card-heading.simple {
    font-size: 20px;
    font-weight: 300;
    color: #777;
    border-bottom: 1px solid #e5e5e5;
}

.m-twitter-section .card .card-heading.image img {
    display: inline-block;
    width: 46px;
    height: 46px;
    margin-right: 15px;
    vertical-align: top;
    border: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.m-twitter-section .card .card-heading.image .card-heading-header {
    display: inline-block;
    vertical-align: top;
}

.m-twitter-section .card .card-heading.image .card-heading-header h3 {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    color: #262626;
}

.m-twitter-section .card .card-heading.image .card-heading-header span {
    font-size: 12px;
    color: #999999;
}

.m-twitter-section .card .card-body {
    padding: 0 20px;
    margin-top: 20px;
}

.m-twitter-section .card .card-media {
    padding: 0 20px;
    margin: 0 -14px;
}

.m-twitter-section .card .card-media img {
    max-width: 100%;
    max-height: 100%;
}

.m-twitter-section .card .card-actions {
    min-height: 30px;
    padding: 0 20px 20px 20px;
    margin: 20px 0 0 0;
}

.m-twitter-section .card .card-comments {
    padding: 20px;
    margin: 0;
    background-color: #f8f8f8;
}

.m-twitter-section .card .card-comments .comments-collapse-toggle {
    padding: 0;
    margin: 0 20px 12px 20px;
}

.m-twitter-section .card .card-comments .comments-collapse-toggle a,
.m-twitter-section .card .card-comments .comments-collapse-toggle span {
    padding-right: 5px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m-twitter-section .card-comments .media-heading {
    font-size: 13px;
    font-weight: bold;
}

.m-twitter-section .card.people {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 300px;
    padding-top: 0;
    margin-left: 20px;
    overflow: hidden;
    vertical-align: top;
}

.m-twitter-section .card.people:first-child {
    margin-left: 0;
}

.m-twitter-section .card.people .card-top {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 170px;
    height: 150px;
    background-color: #ffffff;
}

.m-twitter-section .card.people .card-top.green {
    background-color: #53a93f;
}

.m-twitter-section .card.people .card-top.blue {
    background-color: #427fed;
}

.m-twitter-section .card.people .card-info {
    position: absolute;
    top: 150px;
    display: inline-block;
    width: 100%;
    height: 101px;
    overflow: hidden;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.m-twitter-section .card.people .card-info .title {
    display: block;
    margin: 8px 14px 0 14px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    color: #404040;
}

.m-twitter-section .card.people .card-info .desc {
    display: block;
    margin: 8px 14px 0 14px;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    color: #737373;
    text-overflow: ellipsis;
}

.m-twitter-section .card.people .card-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    line-height: 29px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.m-twitter-section .card.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: center;
    background-color: rgba(214, 224, 226, 0.2);
}

.m-twitter-section .card.hovercard .cardheader {
    background-size: cover;
    height: 135px;
}

.m-twitter-section .card.hovercard .avatar {
    position: relative;
    top: -50px;
    margin-bottom: -50px;
}

.m-twitter-section .card.hovercard .avatar img {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0;
    border: 2px solid rgba(255,255,255,0.5);
}

.m-twitter-section .card.hovercard .info {
    padding: 4px 8px 10px;
}

.m-twitter-section .card.hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: #262626;
    vertical-align: middle;
}

.m-twitter-section .card.hovercard .info .desc {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #737373;
    text-overflow: ellipsis;
}

.m-twitter-section .card.hovercard .bottom {
    padding: 0 20px;
    margin-bottom: 17px;
}

.m-twitter-section .m-twit-uname a {
	font-size: medium;
}

.m-twitter-section .btn{ border-radius: 50%; width:32px; height:32px; line-height:18px;  }

.dir-ltr{
	direction: ltr;
}

.m-twitter-section:not([data-theme=""]) .title {
	color: #fff !important;
}


.whitelabel-logo {
	max-width: 140px !important;
}

.cardheader-whitelabel {
	background-size: contain !important;
    /* background-position: top center; */
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    height: 110px !important;
}

.mobile-tphoto-white-label {
	background: #fff;
}

.btn-ok-container-cb .btn-ok {
	position: initial;
	width: 100px;
}
#survey-mobile {
	padding-left: 5px;
    padding-right: 5px;
}

#survey-mobile .linkert-scale-item-container .col-xs-4 h6{
	word-break: break-all;
}

.btn-ok-container-cb {
	margin-bottom: 15px;
}



@media only screen and (max-width : 441px) {
	.picture-list-mobile span img{
		min-height: 160px;
		min-width: 160px;
	}
}
@media only screen and (max-width : 375px) { 
	.picture-list-mobile span img{
		min-height: 140.5px;
		min-width: 140.5px;
	}
}
@media only screen and (max-width : 320px) and (max-device-width : 480px){
	.picture-list-mobile span img{
		min-height: 113px;
		min-width: 113px;
	}
}