*{margin:0;outline:medium none;padding:0;}body{background-attachment:fixed;background-color:#fff;background-position:0 0;background-repeat:repeat;color:#444444;font-family:Helvetica,Arial,sans-serif;font-size:13px;text-align:left;}.main_wrapper{background:#fff none repeat scroll 0 0;margin:0 auto;text-align:left;text-shadow:none;}.page-align{padding:0 40px;}header{border-bottom:1px inset #bdbdbd;margin-top:32px;padding:12px 0;text-align:center;}header h2{color:#5d5d5d;font-size:30px;}.form-view{clear:both;display:table;padding:20px 40px;width:100%;}.form-view p{font-size:14px;}.checkbox{line-height:21px;}.table .radio{text-align:center;}.table>thead>tr>th{border-bottom:0 none;text-align:center;}.table>tbody>tr>td{border-top:0 none;}.input-group-addon{line-height:21px;padding:6px 25px 6px 15px;position:absolute;right:0;z-index:2;}*::-moz-selection{background-color:#cce2ff;color:rgba(0,0,0,0.87);}.input-group .form-control{background:transparent none repeat scroll 0 0;border-radius:3px!important;}.ui.selection.dropdown{background:#fff none repeat scroll 0 0;border:1px solid rgba(34,36,38,0.15);border-radius:0.285714rem;box-shadow:none;color:rgba(0,0,0,0.87);cursor:pointer;display:inline-block;line-height:1em;min-height:2.7142em;min-width:14em;outline:0 none;padding:0.785714em 2.1em 0.785714em 1em;transform:rotateZ(0deg);transition:box-shadow 0.1s ease 0s,width 0.1s ease 0s;white-space:normal;word-wrap:break-word;}.input-field label{left:0;}.row-fluid{display:table;padding-top:20px;width:100%;}.forchk thead{border-bottom:0 none;}.date-picker{display:table;position:relative;width:100%;}.date-picker .material-icons.dp48{display:table;float:right;position:absolute;right:0;top:15px;}table.forchk tbody tr td:first-child{text-align:left;}table.centered tbody tr td p{text-align:center;}.responsive-table.centered.forchk th{font-weight:300;}.header-fixed{background:#fff none repeat scroll 0 0;box-shadow:0.5px -0.13px 3px 0 rgba(0,0,0,0.24);left:0;margin:0 auto;padding:0!important;position:fixed;right:0;top:0;width:70%;z-index:0;}.header-fixed1{background:#fff none repeat scroll 0 0;left:0;margin:0 auto;padding:0!important;position:fixed;right:0;top:0;width:70%;z-index:1;}@media only screen and (max-width: 1167px) {.header-fixed{width:85%!important;}.header-fixed1{ display:none !important; }.ddbtnright{ display:block !important;}}header{margin-top:0!important;}.footer{border-top:1px solid #eee;margin:40px 0 0;padding:0 10px 10px;text-align:right;width:100%;}.m-signature-pad{background-color:#fff;border-radius:2px;font-size:10px;height:220px;position:relative;width:100%;}.m-signature-pad--body{border:1px solid #e2e2e2;bottom:0;left:0;position:absolute;right:0;top:0;}.m-signature-pad--body canvas{border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,0.02) inset;height:100%;left:0;position:absolute;top:0;width:100%;}.m-signature-pad--footer{bottom:-47px;height:40px;left:8px;position:absolute;right:20px;}.m-signature-pad--footer .description{color:#c3c3c3;font-size:1.2em;margin-top:1.8em;text-align:center;}.m-signature-pad--footer .button{bottom:0;position:absolute;}.m-signature-pad--footer .button.clear{left:0;}.m-signature-pad--footer .button.save{right:0;}@media screen and (max-width: 1024px) {.m-signature-pad{bottom:0;height:auto;left:0;min-height:200px;min-width:250px;right:0;top:0;width:auto;}#github{display:none;}}@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {.m-signature-pad{margin:10%;min-height:140px;}}@media screen and (max-height: 320px) {.m-signature-pad--body{bottom:32px;left:0;right:0;top:0;}.m-signature-pad--footer{bottom:4px;height:28px;left:20px;right:20px;}.m-signature-pad--footer .description{font-size:1em;margin-top:1em;}}[type="radio"]:not(:checked)+label::before,[type="radio"]:not(:checked)+label::after{border:2px solid #bdbdbd!important;}[type="radio"]:checked+label::before{border:2px solid #bdbdbd!important;}[type="radio"]:checked+label::after,.with-gap[type="radio"]:checked+label::after{background-color:#1870D5!important;height:24px;margin:2px;width:24px;z-index:0;border:0 none!important;}form p{font-family: Roboto;
    font-size: 16px;color: rgb(32, 33, 36);margin-bottom:10px;text-align:left;}[type="checkbox"]+label::before,[type="checkbox"]:not(.filled-in)+label::after{border:2px solid #bdbdbd;}.dropdown-content li>a,.dropdown-content li>span{color:#3b5998!important;}.clear{color:#3b5998;}input[type="placeholder"]{color:#5d5d5d!important;}.btn-bigp.primary{color:#fff!important;background-color:#4d90fe;background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);background-image:-o-linear-gradient(top,#4d90fe,#4787ed);background-image:linear-gradient(top,#4d90fe,#4787ed);border:1px solid #3079ed;}.btn-bigp.primary:hover,.btn-bigp.primary:focus{background-color:#4a8cf8;background:-moz-linear-gradient(top,#4a8cf8 0%,#3575dc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4a8cf8),color-stop(100%,#3575dc));background:-webkit-linear-gradient(top,#4a8cf8 0%,#3575dc 100%);background:-o-linear-gradient(top,#4a8cf8 0%,#3575dc 100%);background:-ms-linear-gradient(top,#4a8cf8 0%,#3575dc 100%);}.btn_classp{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer!important;display:inline-block;font-weight:600;text-align:center;text-decoration:none!important;-moz-user-select:none;-webkit-user-select:none;padding:10px 24px;}.sub_head{border-bottom:1px solid #DDDDDD;font-size:17px;font-weight:bold;text-align:left;}.demo_option{margin:33px 0 0 45px;}.ToolText{position:relative;}.ToolText img{border:none;}.ToolTextHover{position:relative;}.ToolTextHover img{border:none;}.ToolText span{display:none;}.ToolTextHover span{display:block;position:absolute;padding:3px;border:1px solid #ddd;top:-100px;left:100px;background-color:#fff;color:#000;text-align:center;z-index:9000;}#errorInfo_sur{background-color:#FDECEF;border:1px solid #E9233F;color:#AD2C3E;font-size:14px;line-height:18px;margin:15px 9px 15px 55px;padding:5px;width:790px;}.button{border-radius:3px 3px 3px 3px;cursor:pointer;display:inline-block;font:bold 18px/100% Arial;margin:0 2px;outline:medium none;padding:0.5em 2em 0.55em;text-align:center;text-decoration:none;vertical-align:baseline;}.button:hover{text-decoration:none;}.button:active{position:relative;top:1px;}.medium{font-size:12px;padding:0.4em 1.5em 0.42em;}.graybutton{background:-moz-linear-gradient(center top,#CCCCCC,#FFFFFF) repeat scroll 0 0 transparent;background:-webkit-linear-gradient(top,#CCCCCC,#FFFFFF);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC',endColorstr='#FFFFFF');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCCCCC', endColorstr='#FFFFFF')";border:1px solid #CCCCCC;color:#000000!important;}.graybutton:hover{background:-moz-linear-gradient(center top,#CCCCCC,#DDDDDD) repeat scroll 0 0 transparent;background:-webkit-linear-gradient(top,#CCCCCC,#DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC',endColorstr='#DDDDDD');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCCCCC', endColorstr='#DDDDDD')";color:#000000!important;}.graybutton:active{background:-moz-linear-gradient(center top,#DDDDDD,#CCCCCC) repeat scroll 0 0 transparent;background:-webkit-linear-gradient(top,#DDDDDD,#CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD',endColorstr='#CCCCCC');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#DDDDDD', endColorstr='#CCCCCC')";color:#000000!important;}.info{margin-left:57px;margin-top:20px;color:#AAA;}.prevtemp{background:url("../img/layout/field_bg.gif") repeat-x scroll 0 0 #FFFFFF;border:1px solid #CCCCCC;font-size:30px;font-weight:normal;margin:5px 5px 5px 0;padding:5px 6px;width:440px;}.inputvalue{border:1px solid #C0C3C5;border-radius:5px 5px 5px 5px;width:250px;font-size:19px;padding:5px;height:35px;}.logo_left{width:100%;}.hide_desc{display:none;}button.ui-datepicker-current{display:none;}.vleft{text-align:left!important;text-align:-moz-left!important;text-align:-webkit-left!important;}.vcenter{text-align:center!important;text-align:-moz-center!important;text-align:-webkit-center!important;}.vright{text-align:right!important;text-align:-moz-right!important;text-align:-webkit-right!important;}#loadershow{background:#fff;border-radius:12px;background-position:center;background-size:100%;height:25px;width:25px;background-repeat:no-repeat;float:left;margin:0px 0 0 5px;position:absolute;z-index:9000;}.error_msg{margin-left:12px;}.main_header_wrapper{display:none;}.button-label{margin:20px 5px 5px 15px;}.question-label label{margin:0px 0 0px 0px!important;}@media(max-width:500px){.newrank{margin-bottom:10px !important;}}.multioptions{margin:0 0 0 0;}header_bdrbottom{border-bottom:1px inset #bdbdbd;}.select-wrapper input.select-dropdown{border-bottom:2px solid #d5d5d5;}[type="radio"]:not(:checked)+label,[type="radio"]:checked+label{top:-4px;}.typeSignature{width:100%!important;height:216px!important;float:left;font-family:Jaspers;text-align:center;color:#000;font-size:56px;display:block;margin-top:14px;border-color:rgb(213,213,213);}.signature{border:1px solid #d5d5d5;width:auto;height:216px;cursor:url(/survey/images/pen.png),auto;float:left;display:none;margin-left:0px;margin-top:14px;}.signatureIcon{cursor:pointer;padding:0px 0px 0px;background:none repeat scroll 0px 0px rgb(238,238,238);border:0px solid rgb(221,221,221);background-color:transparent;}.selected{box-shadow:none;}.add_sel_box{margin:0!important;padding:3px;height:30px;font-size:12px;border:0px solid #fff;}.imag_size{min-width:20px;min-height:20px}.resp_comment_box{margin:5px 0px;}.show_custom{margin-left:auto;}.opt_txt_mddl{margin-left:0px!important;}.nps_opt{float:left;text-align:center;vertical-align:middle;padding-top:4px;width:100%;word-wrap:break-word;}.nps_ques_fix{margin-left:0px!important;}.effect8{-webkit-box-shadow:rgb(193,193,193) 0px 14px 31px -3px;-moz-box-shadow:rgb(193,193,193) 0px 14px 31px -3px;box-shadow:rgb(193,193,193) 0px 14px 31px -3px;}[type="checkbox"]:checked+label:before{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #1870D5;border-bottom:2px solid #1870D5;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;}@media only screen and (max-width: 480px) and (min-width: 301px) and (orientation: portrait){.nps_comment_details{width:228px!important;}.nps_comm_bk{width:250px!important;}}@media only screen and (max-width: 300px) and (min-width: 0px){.nps_comment_details{width:224px!important;margin-left:0px!important;}.nps_comm_bk{width:250px!important;}} 
.fancybox-wrap{
	top:20% !important;
}
header{
	z-index:99 !important;
}
.header-fixed1{
	 z-index:999 !important;
}

#saveResLogin{padding-right:5px !important;}
#loginbox{color:#3B5998 !important ;}
#takeremail, #signpass, #takeremaillogin, #loginpass{padding-left:5px;}
.ans_opt_txt{float:none !important;}
[type="radio"]:checked+label::before { border: 2px solid #1870D5!important; }

.ddbtnright{
	float:none;
	margin:auto;
	text-align: center;
}
.mob-dropdown-button{
	width:200px !important;
	 background-color:transparent; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none !important;
	 
}
#dropdown1{
	width:200px;
	 
}
#dropdown1 li  {
	text-align:center; 
    	 
}
#dropdown1 li div {
	 padding: 15px 10px;    	 
}
#dropdown1 li:first-child img{
	 padding: 15px 10px;    	 
}


 .PR_login_signup {
    width: 445px;
    padding: 10px;
}
.PR_title {
    padding: 5px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}
.PR_frm_box {
    border-radius: 10px 10px 10px 10px;
    background: none repeat scroll 0px 0px #F6F6F6;
    padding: 10px 20px 25px;
}
.inputvalue {
    border: 1px solid #C0C3C5;
    border-radius: 5px 5px 5px 5px;
    width: 250px;
    font-size: 19px;
    padding: 5px;
    height: 35px;
}
.header-fixed1{
	 background: transparent none repeat scroll 0 0 !important; 
} 
[type="radio"]:not(:checked)+label::before, [type="radio"]:not(:checked)+label::after{
   border: 2px solid #bdbdbd!important; 
}
[type="radio"]:not(:checked)+label:hover::before,[type="checkbox"]:not(:checked)+label:hover::before{ border:2px solid #1870D5 !important;}

.mob_menu_n_resp{
	 display:none !important;
 }
 .clr:hover{color:black;} 
 .question-desc{margin-right: 0px !important;} 
 .count_usa{margin-top:-3px !important;}

button:focus{
	background-color: #0a53a8  ;
}
.btn:hover{
	background-color: #0a53a8  ;
    color: #fff;
}
.btn-large:hover{
	background-color: #0a53a8  ;
    color: #fff;
}

.picker__date-display{background-color: #1870D5;  }				
.picker__weekday-display {	background-color: #1870D5;}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected{ background-color: #1870D5; }
.picker__close, .picker__today, .picker__clear{color:#1870D5; } 		

.sect_desc, .frm_ques_ans , .npscalelbl, .file-path-wrapper, .typeSignature, .material-icons, .rank_ans_opt_txt, .textbox_option {
    color: #4d4d4d;
}

#pauseRes_action_btm{margin-top:12px !important;}
.input-field.col label {
    left: 2px !important;
}
 
.input-field .prefix {     
    font-size: 1.4rem !important;     
}
textarea.materialize-textarea{padding: 0 !important; }
.sect_desc{padding-left:0px!important;}


/***********************************************free user css ******************/
nav{ 
background-color: transparent;  
height:40px;
color:black;
line-height: 50px;
box-shadow:none;
} 
.nav-wrapper{
	background-color: #f9f9f9; 	 
	color:#4d4d4d;
    font-family: Segoe UI !important;
    min-height: 30px !important;
    position: absolute;
    top:-20;
    width: 100%;
    z-index: 99999;
	height:50px !important;
}
nav .brand-logo {
    position: absolute;
    color: #fff;
    display: inline-block;
    font-size: 2.1rem;
    padding: 5px 0 0 30px;
    white-space: nowrap;
     
}
nav ul a {    
	color: #3b5998;
    text-decoration: none;
	font-size:13px;
}
nav ul a:hover {
    color: #4d4d4d;
    text-decoration: none;
	background-color: transparent !important;
}
 
.side-nav a.btn-flat {
    color: #343434;
    width: 100%;
    margin-left: 0;
} 
.side-nav a:hover {    
	background-color:#3b5998 !important;
	color:#fff;
	font-weight:bold;
}
nav a.button-collapse i {
    height: 50px !important;
    line-height: 50px !important;
}	
.button-collapse{float:left !important;} 

 @media only screen and (max-width: 992px){
nav .brand-logo {
    left: 50%;
     -webkit-transform: translateX(-50%);
    transform: translateX(-50%); 
}
	
 }
 
 #dropdown2{	 margin-top: 55px !important;    border-radius: 0px !important; }
 #dropdown2 li a {color:#3B5998;font-weight:normal;}
 #dropdown2 li a:hover{	background-color:#fff!important;	color:#4d4d4d! important;	font-weight:normal; }

.browser-default option{ min-height: 50px;line-height: 1.5rem;width: 100%; text-align: left;    text-transform: none; }
.textbox_option { margin:0 0 0 0 !important;} 
.free-userdd{text-decoration:none; text-transform: none; margin-top:3px;	}
.free-userdd:hover{	text-decoration:none; background-color:transparent;} 
.free-userdd li a {	text-decoration:none; font-size:13px;}
.free-userdd li a:hover {text-decoration:none;}
.select-wrapper input, .select-dropdown {    border-bottom: 1px solid #d5d5d5;   color: #4d4d4d !important; }


/****************************************free user css end***************************/
/* ***************************************css for welcome page ************ */
#question-desc-align{margin-left:0px!important;} 
.wel_loader_res{position: absolute; margin: 10px 0 0 115px;}
.select-wrapper input, .select-dropdown {overflow-y: scroll !important;}

/* **************************css for welcome page end********************** */

 @media only screen and (max-width: 5000px) and (min-width: 1100px){
   .lastname-icon{display:none!important;}    

}
@media only screen and (max-width: 767px){	
.header-fixed{width:100%!important;}table.responsive-table tr{padding:0 5px!important;}.container{width:99%!important;}.page-align{padding:0 10px!important;}.row {margin-left: auto !important;margin-right: auto !important;}.page-align {     padding: 0 10px !important;}
 #top_header {
    width: 100%;
    background-color: #f9f9f9;
    min-height: 44px;
    font-family: Segoe UI;
    position: absolute;
    top: 0;
    z-index: 99999;
	}
	#top_header .pp_logo {
    float: left;
    margin-left: 5px;
    margin-top: 4px;
	}
	#top_header .inner_head {
    margin: 0 auto;
    width: 100%;
	}
	#top_header .inner_head_mob {
    display: none!important;
	}	
	#top_header .inner_head .right_pane {
    float: right;
    background-color: #eee;
    line-height: 43px;
    padding: 0 10px;
    margin-right: 30px;
	}
	/*********************** fancy box for small device *************************/
	.fancybox-wrap{
		width:85% !important;
	}.PR_login_signup {width:100% !important;}
	.fancybox-wrap { top: 5%!important;}
	.qTitle{  margin-top:10px !important; }
	.nps_val_resp_s{margin: 0px; padding-top: 32% !important; color: rgb(0, 0, 0); white-space: nowrap; }
	 /*........................ css for free user...................*/
			.freeusr-innerhead{display:none;}	
			.freeuser_mob_head{display:block !important;}
			.listyle:hover{background-color:#3b5998; text-decoration:none;}
			.dropdown-content li>a, .dropdown-content li>span {
			text-decoration:none !important;
			color: #3b5998!important;	 
			}
			#dropdown2{height:100vh; background-color:#eee;}
			 #dropdown2 li>a:hover {
			 background-color: #1870D5!important;
			 color:#fff !important;
			 
			}		 
			 .toggl-plus{
			 background: url(/survey/sm_home_v2/img/plus-drop.png) 90% center no-repeat;
			 background-position: right center;
			 
			 }
			.toggle-minus{
			 background: url(/survey/sm_home_v2/img/minus.png) 90% center no-repeat;
			 background-position: right center;
				 
				}
				
			.mob-bttn{
					background: url(/survey/sm_home_v2/img/collapse-sprite.png);
			background-repeat: no-repeat;
			background-position: center top;
			display: inline-block;
			vertical-align: middle;
				}
			.mob-bttn:hover{
				background: url(/survey/sm_home_v2/img/collapse-sprite.png);
			background-repeat: no-repeat;
			background-position: center bottom;
			display: inline-block;
			vertical-align: middle;
			} 	 
	 /*........................ css for free user...................*/
	.input-field .prefix{
	display: inline-block !important;
	}
 }
  		 
   
 @media only screen and (max-width: 300px)
{
	.ddbtnright { display:none !important;}
	.resp_head_img { display:none !important; }
	.qTitle{display:block !important; max-height:40px!important;}
	.qTitle,.qTitle_right, .qTitle_left, .qTitle_center{font-size:24px !important; margin-top:25px !important; }
	.question_text{font-size:18px !important;}
	.header-fixed{min-height:60px !important;}
	.hdr_img{margin-top:0px !important;}
	.header_bdrbottom{min-height:30px !important; border}
	.under_title_border{ margin:0 !important; display:none!important;}
	
	.nps_val_resp_s{ font-size:10px !important; margin-left:-3px !important; margin-top:6px !important;}
	.nps_opt{height:30px !important; width:9.6!important; margin-left:-2px !important; margin-top:5px !important; padding: 0 10.4px !important;}
	.npscalelbl{font-size:8px !important;}
	.main_wrapper { margin-top: -110px !important;}
	.material-icons{display:none !important;}
	i{display:none !important;}	
	#extra_col{display:none !important;}
	.small_sig{font-size:12px !important;}
	.signature{height: 100px !important; }
	.page-align {
    padding: 0 0px!important;
		}
	.row .col{ padding: 0 4.3% !important;}
	header{border-bottom:0px !important ;} 
	
	.typeSignature{
		height: 130px!important;
	}
	#pauseRes_action_btm{margin-top:12px !important;}
	.input-field.col label {
    left: 10px !important;
	}
	.input-field .prefix{
	display: inline-block !important;
	}

} 
 
 
 
 
 
 
 
 
 
 
 
 