@charset "utf-8";

/********************* reachout ***********************/
 
/*aside 							{background: #df1d3f !important;}*/
aside {
  background: #FFFFFF !important;
  color: #595959;
}
#ribbon 							{background: #ee5669 !important;}
.jarviswidget>header 				{color: #FFF;border: 1px solid #C2C2C2;background: #29273D;font-weight: normal !important;}
.btn-primary 						{color: #fff;background-color: #E14142 !important;border-color: #E14142 !important;}
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {color: #fff;background-color: #5c5c5c;border-color: #5c5c5c;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #E14142 !important;
    border-color: #E14142 !important;
    color: #fff !important;
}
.bg-color-dark 						{background-color: #19364F !important;border-color: #19364F !important;color: #fff;}
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {/*color: #fff; background-color: #df1d3f !important; border-color: #5C5C5C !important;*/}
h1 { color: #E14142; font-weight: 500;}
.login-info a:hover 				{color: #fff !important;}
.bg-color-pinkDark 					{background-color: #df1d3f !important;}
#dt_basic a							{color: #df1d3f !important;}
.smart-form .checkbox input:focus+i, .smart-form .input input:focus, .smart-form .radio input:focus+i, .smart-form .select select:focus, .smart-form .textarea textarea:focus, .smart-form .toggle input:focus+i 						{border-color: #df1d3f !important;}
.smart-form .checkbox:hover i, .smart-form .input:hover input, .smart-form .radio:hover i, .smart-form .select:hover select, .smart-form .textarea:hover textarea, .smart-form .toggle:hover i {
border-color:#5C5C5C !important;}
.btn-login 							{background-color: #211d1e !important; border-radius:3px;}
label input[type=radio].radiobox:checked+span:before {color: #EE5669 !important; border: 1px solid #EE5669;}
.login-info>span 					{border-bottom: 1px solid #e1677d !important;}
.login-info 						{border-bottom: 1px solid #e1677d !important;}
.login-wrapper 						{padding: 17px 70px !important;}
.login-form header 					{border-bottom: 0 !important;margin-bottom: 0px !important;}
#logo img 							{ width: auto !important; height: 45px !important; margin-top: 6px !important; text-align: center; padding: 0 !important;}
#logo 								{margin-top:0px !important;}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
   /* background-color: rgba(133, 109, 109, 0.29)*/ background-color: rgba(133, 109, 109, 0.17);
}
/*nav ul li a							{border-bottom: 1px solid #e1677d; padding: 11px 10px !important;}*/
nav ul li a {
  border-bottom: 1px solid #DCDCDC;
  padding: 11px 10px !important;
}
.smart-form footer 					{background: none !important;}
.bg-color-greenLight 				{background-color: #df1d3f !important;}
.bg-color-magenta 					{background-color: #a70e2a !important;}
.btn-success {
    color: #fff;
    background-color: #E14142;
    border-color: #E14142;
	border-radius: 3px !important;
}
.saveQtn button:second-child		{background-color: #d63a4d; border-color: #d63a4d;}

/*a 								{color: #DF1D3F !important;}*/
/*.btn-default {color: #FFF;background-color: #5C5C5C;border-color: #5C5C5C;}
.btn-default:hover {color: #fff;background-color: #434343 !important;border-color: #3C3C3C !important;}*/
.smart-form .radio input+i:after 	{background-color: #EE5669;}
.smart-form header 					{color: #EE5669 !important;}
.smart-form .checkbox input+i:after {color: #DF1D3F;}
.smart-form .checkbox input:checked+i, .smart-form .radio input:checked+i, .smart-form .toggle input:checked+i {border-color: #DF1D3F;}
.smart-form .button 				{background-color: #5C5C5C;}
.smart-form .checkbox input:checked+i, .smart-form .radio input:checked+i, .smart-form .toggle input:checked+i {border-color: #DF1D3F;}
.smart-form .checkbox input+i:after {color: #DF1D3F !important;}
.previewBtn a {
color: #DF1D3F !important;
text-decoration: none !important;
font-weight: bold;
}
/*.login-info 						{background-color: #C2102F;padding: 10px 0;border-bottom: 0px !important;font-size: 25px !important;font-weight: bold;}*/
.login-info 						{background-color: #E14142;padding: 10px 0;border-bottom: 0px !important;font-size: 25px !important;font-weight: bold;}
.login-info > span:first-child 		{border-bottom:0px !important;}
.login-info a span 					{text-transform: capitalize;font-size: 16px;}
.login-info a 						{margin-top:0px !important;}
.add-options a 						{border-bottom: 1px solid #DF1D3F !important; color: #DF1D3F !important; font-weight: bold;}
label:hover input[type=radio].radiobox+span:before, label:hover input[type=radio].radiobox:checked+span:before {color: #E14142 !important; border-color: #DF1D3F !important;}
.smart-form .checkbox input:checked+i, .smart-form .radio input:checked+i, .smart-form .toggle input:checked+i {border-color: #DF1D3F !important;}
.smart-form .checkbox input+i:after {color: #DF1D3F !important;}
.btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success {color: #fff; background-color: #C2102F; border-color: #C2102F;}
label input[type=checkbox].checkbox:checked+span:before {color: #DF1D3F !important;}
label input[type=checkbox].checkbox+span:before, label input[type=radio].radiobox+span:before {border: 1px solid #DF1D3F;}
.form-control:focus 				{border-color: #5C5C5C;}
.cancel-btn {
    background-color: #737373 !important;
    color: #FFFFFF !important;
	border-radius: 3px !important;
	border-color: #737373;
}
.cancel-btn:hover {
    background-color: #5D5D5D !important;
    color: #FFFFFF !important;
    border-color: #5D5D5D !important;
}
.smart-form .button 				{background-color: #5C5C5C !important; border-color: #a70e2a !important;}
.tab-adgroup-btn {
    background-color: #009FB7 !important;
    border-color: #009FB7 !important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {text-decoration: none;color: #fff;background-color: #DF1D3F;color: #FFFFFF !important;}
.reset:hover 						{color: #ffffff !important;}
/*******dashboard starts******/
.store_count 						{font-size: 27px !important;height: 68px !important;line-height: 68px !important;width: 68px !important;}
h3 									{display: block;font-size: 19px;font-weight: 400;margin: 20px 0;line-height: 20px;text-align: center;}
.resp_text							{padding-left:0px !important; font-size: 20px !important;}
.np_graph 							{padding-left: 20px; padding-right: 0px !important;}
.np_score 							{padding-left: 0px !important; padding-right: 0px !important; text-align: center; font-size: 30px !important;}
.view_resp 							{background-color:#524f6c !important; border-color:#524f6c !important;}
.survey_resp 						{border-left: 1px solid #DADADA; border-right: 1px solid #DADADA; height: 145px;}
.store_text 						{font-size: 23px !important;font-weight: bold;width: 100% !important; float: left !important;}
.store_count_text					{font-size: 20px !important;font-weight: bold;width: 100% !important; float: left !important;}
.resp_count 						{font-size: 38px !important; padding-left:0px !important;}
.sparkpie 							{float: none !important;width: 145px !important;margin: 0 auto;}
.store_date 						{display: block;margin-top: 0px !important;margin-bottom: 0px !important; font-size: 17px !important; float: left !important;}
select.input-sm 					{height: 23px !important;line-height: 30px; padding: 0px 10px !important;}
.store_label 						{color: #757577;font-size: 14px !important;font-weight: bold;padding-left: 15px;float: left !important;margin-top: 2px; width: 90px;}
.no_border_right 					{margin-top: 20px !important;}
.store_date_row 					{margin-top: 15px;}
.respiedate 						{padding-top: 42px;padding-bottom: 55px;}
.store_raty_graph 					{border-bottom: 1px solid #ccc !important;padding-bottom: 20px !important;margin-left: 0px !important;}
.store_icon 						{color: #DF1D3F !important;font-size: 17px;border-color: #DF1D3F !important;}
.view_resp:hover 					{background-color: #686581 !important; border-color: #524f6c !important; color:#FFFFFF !important;}
span.no_nps_span 					{font-size: 15px;vertical-align: middle;text-align: center;display: table-cell;}
.no_nps_div 						{display: table;height: 107px;}
/*******dashboard ends******/
.btn-header>:first-child>a 			{cursor: pointer!important;}
.show-grid [class^="col-"] 			{background-color: rgba(216, 216, 216, 0.19) !important; border: 1px solid rgba(61, 106, 124, 0.2);}
.advt-item 							{border-bottom: 1px solid rgba(204, 204, 204, 0.61); padding:10px !important;}
.form-control 						{padding: 0px 5px; box-sizing: border-box;}
.jarviswidget>div 					{font-size: 14px !important;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 14px 10px !important;}
.fc-border-separate thead tr, .table thead tr {font-size: 14px !important;}
h1 									{letter-spacing: -1px;font-size: 26px;margin: 10px 0;}
nav ul li a 						{line-height: normal;font-size: 15px;}
#dt_basic>tr>th 					{padding: 18px 10px 12px 10px;}
/*.btn-group-sm>.btn, .btn-sm 		{font-size: 13px;}*/
.smart-form input.input-sm 			{height: 32px; font-size: 13px;}
.report_pos 						{float: right; margin-left: 5px;}
.jarviswidget>header 				{height: 46px !important;padding: 0;line-height: 46px !important;}
.store_name_text 					{line-height: 42px !important; padding-top: 0 !important;}
.jarviswidget>header>.widget-icon 	{line-height: 44px !important;}
.widget-toolbar 					{height: 44px !important;}
select.input-sm 					{height: 31px !important;margin-top: 10px;border-color: rgba(82, 79, 108, 0.62);}
.stattar > div 						{margin-bottom: 0;}
.vs-text 							{text-align: center;font-size: 28px;font-weight: bold;color: #4C4C4C;}
.filter_brsh 						{border: 1px solid rgba(204, 204, 204, 0.52);padding: 22px 10px;box-sizing: border-box;margin-right: 0 !important;}
.widget-toolbar > label 			{margin-top: 6px;}
.jarviswidget>header>h2 			{margin-left: 10px;float: left;padding-top: 5px;}
.control-label 						{margin-top: 6px;}
.remove_filt_btn					{color: #fff; background-color: #5c5c5c !important; border-color: #5c5c5c !important; float: right;}
.show_rpt_btn 						{background-color: #A90329 !important;border-color: #A90329 !important;}
.remove_fg_btn 						{background-color: #5C5C5C;border-color: #5C5C5C;float: right;margin-top: 10px;color: #fff !important;}
.save_fbtn 							{background-color: #DF1D3F;color: #fff;border-color: #DF1D3F;float: right;margin-top: 10px; margin-left:8px;}
.show_rpt_btn > i 					{margin-right: 7px;}
.remove_fg_btn:hover 				{background-color: #5C5C5C;border-color: #5C5C5C; color:#fff !important;}
.save_fbtn:hover 					{background-color: #DF1D3F;color: #fff !important;border-color: #DF1D3F;}
.option-holder-content 				{float: right; width: auto;}
.control-label 						{margin-top: 6px;width: 125px;}
.add_more_btn 						{margin-top: 15px; background-color: #29273D !important; border-color: #29273D !important;}
.widget-body.no-padding 			{/*margin: 0 !important;*/}
.show_rpt_btn 						{background-color: #DF1D3F !important;border-color: #DF1D3F !important; margin: 0 auto !important;text-align: center !important;float: none !important;width: 150px;display: block; margin-bottom: 20px;}
.input 								{margin-right: 20px;}
#filter_gname 						{padding: 5px;}
/*.jarviswidget>header 				{color: #FFF !important;border: 1px solid #0F283E !important;background: #0F283E !important;}*/
.jarviswidget>header {
    color: #000000 !important;
    border-bottom: 1px solid #D63A4D !important;
    background: rgb(255, 255, 255) !important;
    font-size: 20px !important;
    font-weight: bold !important;
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-top: 0 none !important;
}
.preloader							{background-image:url(../images/preloader.gif)!important; background-repeat:no-repeat; background-position: 50% 50%; padding-right:27px;}
#logout 							{cursor: pointer !important;}

/******preview page starts*********/

.survey-model .modal-content 		{min-height: 450px;}
.preview_qn_container {margin-bottom: 93px;font-size: 18px;color: #DF1D3F;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.21);padding: 18px 11px 19px 11px;/* border-bottom: 2px solid rgba(204, 204, 204, 0.53); */margin-top: 23px;}
.store_name_text 					{font-size: 18px !important;font-weight: normal !important;line-height: 41px !important;font-weight: normal !important;}
.rquest_div 						{font-size: 17px;margin-left: 14px;font-weight: bold;margin-bottom: 30px;margin-top: 10px;}
.parallel_div 						{margin-bottom: 50px;}
.note 								{color: #FFF !important;}
.minifyme 							{border-bottom: 1px solid #302F2F !important; background: #E14142 !important; color: #FFFFFF !important;}
.minifyme:hover 					{background: #B93646 !important;color: #FFFFFF !important;right: 0;}
.minified .minifyme 				{right: 0;color: #FFFFFF !important;}
a 									{color: #29273D;text-decoration: none;}
select.input-sm 					{height: 23px !important;line-height: 30px;padding: 0px 10px !important;color: #000 !important;}
.radio_div 							{border-bottom: 1px solid rgba(204, 204, 204, 0.49);padding-top: 15px;}
.radio_div:first-child 				{border-bottom: 1px solid rgba(204, 204, 204, 0.49);padding-top: 0px;}

/*****preview page ends******/
/****popup starts*****/

.close 								{float: right;font-size: 19.5px;font-weight: 700;line-height: 1;color: #FFF;text-shadow: 0 1px 0 #fff;opacity: 1 !important;filter: alpha(opacity=20);}
.modal-header 						{background-color: #29273d !important;color: #fff !important;}
.modal-body p 						{margin: 0 !important;}
.modal-footer 						{margin-top: 0px !important;}
.filt_sel_div 						{width: 150px !important;}
.view_resp:focus 					{color: #fff !important;}
.minified nav>ul>li>a>.menu-item-parent {background-color: #E14142 !important;color: #FFF !important; width: 138px !important;}

/****popup ends*****/

/********survey preview starts*********/
.preview-body {height: auto;min-height: 477px;}
.preview-rating-text {color: #000;font-size: 17px !important;padding-left: 0 !important;margin-bottom: 12px;}
/********survey preview ends*********/

/****preview popup*****/
.preview-rating-text 				{color: #000;font-size: 15px;margin-bottom: 20px;}
.prevNxt > button 					{width: 200px;height: 35px;font-size: 14px;}
.rating-options 					{}
.preview_qn_container 				{margin-bottom: 126px;font-size: 18px;color: #DF1D3F;box-shadow: 3px 1px 9px rgba(0, 0, 0, 0.21);padding: 18px 11px 19px 11px;/* border-bottom: 2px solid rgba(204, 204, 204, 0.53); */margin-top: 0px;text-align: left;}
.qtnItem 							{padding: 10px;font-size: 16px;font-weight: 400;height: auto;text-align: left;}
.prevNxt > button:first-child 		{width: 200px;height: 35px;font-size: 14px;background-color: #5D5D5D;color: #fff;border-color: #5D5D5D; border-radius: 3px;}
.preview-option-list {
    /* margin-bottom: 168px; */
    height: 210px;
    overflow: auto;
    margin-bottom: 15px !important;
}
.modal-content>img 					{cursor: pointer !important;}
/****preview popup*****/
/****create survey starts****/
.radio-item 						{min-height: 37px !important;vertical-align: middle; float: left;margin: 0 12px 0 0px !important;padding: 8px 11px 8px 35px;background-color: #3d586e;color: #fff;border-radius: 3px;}
.pjt-add-page 						{min-height: 80px !important;width: 100%;padding: 20px !important;}
/****create survey ends******/
/****login starts******/
.wrap_size 							{width: 600px;height: 440px;}
.wrap_in 							{}
.btn-login 							{margin-top: 8px !important;}
.add-btn-wrapper 					{width: 458px; margin: 0 auto;}
media="screen"
label input[type=radio].radiobox:checked+span:before {content: "\f111";color: #EE5669 !important;}
.addQtnForm 						{width: 100%; background-color:rgba(246, 246, 246, 0.65) !important;float: left;padding: 15px 0px;}
.smart-form .radio input+i:after 	{background-color: #EE5669 !important;}
label:hover input[type=checkbox].checkbox+span:before {color: #EE5669 !important;border-color: #EE5669 !important;}
a:focus, a:hover {
    color: #E14142;
}
#map_overlay {
position: absolute;
z-index: 99;
width: 100%;
height: 500px;
top: 0px;
left: 0px;
background: #29273D !important;
opacity: 0.7;
}
/*******login ends************/
/*****xtra starts******/
.selected-opt 						{background-color: #EE5669 !important;padding: 2px 15px;}
.bg-color-blue 						{background-color: #3d586e !important; border-color:#3d586e !important;}
.response span 						{font-size: 15px;margin: 0px !important;}
.response 							{width: 100%;min-height: 125px !important;}
.response-images 					{height: 114px;vertical-align: middle; float:right;}
.response-images a 					{padding: 5px;margin-left: 10px;height: 123px;vertical-align: middle;display: table-cell;}
#dt_basic th 						{display: table-cell;vertical-align: middle;}
.table>thead>tr>th 					{vertical-align: middle !important;border-bottom: 2px solid #ddd;}
.login-form header img 				{max-width: 100%;width: 210px;}
.login-wrapper header {
    height: 72px;
    padding-top: 15px !important;
}
.login-wrapper > .btn:focus, .btn:hover {color: #BCC2C8 !important;text-decoration: none;}
#projectsController_details 		{border: 0px solid #CCc; padding: 0px;}
.btn-tabs 							{border-bottom: 0px none !important;}
#splash_screens 					{ margin-top: 0px !important;border: 1px solid #ccc;padding: 10px;}
.filter-responses 					{margin:0 !important;}
.stores_border 						{border-top: 1px solid #ccc !important; padding: 10px !important;}
.pageView 							{/* border: 1px solid #DDD; */width: 100%;margin: 0;padding: 10px 14px;border: medium none;box-sizing: border-box;}
.saveEdit 							{float: right;margin: 0 10px;position: absolute;right: 20px !important;top: 11px !important;}
.pjt-details-editable 				{float: left;border: 1px solid #ccc;margin: 0 !important;width: 100% !important;}
.pageView 							{/* border: 1px solid #DDD; */width: 100% !important;margin: 0 !important;padding: 10px 14px;border: medium none;box-sizing: border-box;}
.search-qtn 						{width: 100% !important;padding: 20px 0 0 0 !important;cursor: pointer;}
#dt_basic 							{border: 1px solid #cccccc !important; /*width: 100% !important;*/}
.survey_search 						{padding: 0 !important;}
.top_border 						{border-top:1px solid #ccc;}
.response_border 					{border: 1px solid #ccc;padding: 10px;}
.option-holder_tab					{width: 100%; margin:0px; padding: 5px 20px;height: auto;}
.option-holder 						{width: 100%;margin: 0 !important;}
.option-holder-res 					{width: 100%;padding: 0;height: auto;}
.option-holder-content-res			{float:right; padding:0;}
.option-holder-content-res-padding  {float:right; padding-right:15px !important;}
.no-padding-right 					{padding-right:0px !important;}
.no-padding-left 					{padding-left:0px !important;}
.ad-feildset						{padding:15px 0 20px 0 !important;}
.bottom-no-margin					{margin-bottom:0px !important;}
.bottom-margin						{margin-bottom:15px !important;}
.switch-tabs button 				{width: 200px;margin: 0 10px;height: 37px;}
.switch_tabs_text 					{font-style:italic;}
.advt-grid 							{box-sizing:border-box !important;}
.error-text-2 {
text-align: center;
font-size: 445% !important;
font-weight: bold !important;
line-height: 1;
letter-spacing: -1px;
background-image: none !important;
-webkit-background-clip: inherit !important;
-webkit-text-fill-color: #fff !important;
color: #FFF;
background-color: #E25B69;
text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.16);
width: 156px;
border-radius: 97px;
height: 156px;
padding: 28px 9px 28px 2px;
margin: 0 auto;
}
.text-warning {
color: #868686 !important;
}
.font-xl {
font-size: 200%!important;
margin-right: 20px;
}
.error-box {
max-width: 900px;
margin: 0 auto;
padding-top: 30px;
}
.error-box strong {color: #DD7784;
text-transform: uppercase;
}
.select-ad-box {padding-right:0px !important;}
.grp-name-box {padding-left:0px !important;}
.prevNxt {
margin-top: 30px;
}
.btn-tabs .active {
background-color: #FFFFFF !important;
margin-bottom: -1px;
border-bottom: 1px solid #fff;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
border-top: 3px solid #E14142;
}
.pageTitle-small {
float: right;
font-style: italic;
}
.cust-info-tbl td {
padding: 7px 4px;
text-align: center;
}
.cust-heading {
border-bottom: 1px dashed #ccc;
font-weight:bold;
}
.cust-heading:first-child {
text-align: left;
}
.response {
padding: 10px;
}
#shareWebSurveyUrl {
margin-top: 0 !important;
border: 1px solid #ccc;
padding: 15px;
}
.default-quest-holder div {
width: 231px;
padding: 20px 0;
}
/*.default-quest-holder {
float: left;
width: 242px;
margin: 0 !important;
}*/
.quest-radio-holder {
float: none;
width: 100%;
margin-right:0px;
}
.qn-list {float:none;}
.default-quest-holder {margin:0px !important;}
#hide-menu {display:none !important;}

/*****xtra ends******/

@media screen and (max-width: 1320px) {
.stattar > div:last-child 			{margin-top: 5px;}
.np_score 							{font-size: 20px !important;}
.wrap_size 							{width: 480px; /*height: 577px;*/}
.wrap_in 							{padding: 17px 50px !important;}
}

@media screen and (max-width: 991px) {
.survey_resp 						{border-left: 0px none !important; border-right: 0px none !important; border-top:1px solid #DADADA; border-bottom:1px solid #DADADA;}
.np_graph 							{margin-bottom: 35px;}
.pstat_div > div 					{border-right: 1px solid #DADADA;width: 100%;}
.respiedate 						{border-right: 0 none !important; border-bottom: 1px solid #ccc;}
.custom_h3 							{min-height: 95px;}
.pull-right > a:hover 				{color:#fff !important; text-decoration:underline !important;}
.stattar > div 						{margin-bottom: 25px;}
.report_pos 						{float: none;margin: 0 auto;text-align: center;}
.np_score 							{font-size: 33px !important;}
.wrap_in 							{padding: 17px 35px !important;}
.wrap_size 							{width: 465px !important ; height: 440px;}
.quest-radio-holder {
float: left;
width: 51px;
margin-right:0px;
}
.default-quest-holder {
width: 100px;
float: left;
}
}

@media screen and (max-width: 790px) {
.survey-model 						{width: 98% !important;}
.preview-body 						{width: 100%;}
}

@media screen and (max-width: 740px) {
.report_pos 						{float: right;margin-left: 5px;}
.report_pos 						{float: none;margin: 0 auto;text-align: center;}
/*.preview-option-list 				{margin-bottom: 54px;}*/
.preview_qn_container 				{margin-bottom: 58px;}
.preview-body 						{height: auto;min-height: 325px;}

}
@media screen and (max-width: 734px) {
#hide-menu {display:block !important; float:right;}
#hide-menu>:first-child>a, .btn-header a {
    margin-top: 13px!important;
    width: 30px!important;
    height: 30px!important;
    line-height: 26px!important;
}
}

@media screen and (max-width: 679px) {
.jarviswidget header h2 			{width: 135px !important;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.report_pos 						{float: none;margin: 0 auto;text-align: center;}
.stattar > div 						{margin-bottom: 25px;}
.np_graph 							{width: 100% !important;}
.np_score 							{width: 100% !important;}
.tableHolder 						{width: 100%;overflow-x: scroll;}
#dt_basic							{width: 1000px !important;}
}
@media screen and (max-width: 580px) {
.newad {
width: 49%;
float: left;
padding: 0 !important;
margin-bottom: 10px !important;
}.newad button {width:100%}
.assignad {
width: 46%;
float: right;
}.assignad button { width:100%}
.searchad { width:100%;}
.searchad section {padding: 0px !important;}
	}
@media screen and (max-width: 600px) {	
	.select-ad-box {padding-right:15px !important;}
.grp-name-box {padding-left:15px !important;}
}

@media screen and (max-width: 480px) {
select.input-sm 					{height: 31px !important;margin-top: 10px;border-color: rgba(82, 79, 108, 0.62);}
.widget-toolbar 					{width: 100% !important;float: left !important;margin: 0 auto !important;text-align: center !important; border-left:1px solid #ccc !important; border-right:1px solid #ccc;}
.np_score 							{font-size: 32px !important;}
.survey-model 						{width: 97% !important;}
.prevNxt > button 					{width: 100% !important;margin-top: 10px;}
.wrap_in 							{padding: 17px 22px !important;}
.add-btn-wrapper 					{width: 220px;margin: 0 auto !important;}
.add-btn-wrapper>div 				{margin: 0 auto !important;clear: both;margin-bottom: 10px !important;width: 218px;text-align: center;display: block;}
.assignad {
width: 100%;
}
.newad {
width: 100%;
padding: 10px 0 0 0 !important;
margin-bottom: 10px !important;
}
.switch-tabs button {
width: 200px;
margin-bottom: 10px !important;
}
.pjt-add-page {
  min-height:124px !important;
}
}

/******preloader starts********/




.zgroup {
    position: absolute;
    display: inline-block;
    line-height: 16px;
    margin: -34px 0 0 -34px;
    left: 50%;
    top: 50%;
	z-index:10;
}

.bigSqr {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-animation: bigSqrShrink 1s linear infinite;
          animation: bigSqrShrink 1s linear infinite;
}

.square {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #E14142;
}

.first {
  left: 0px;
  top: 20px;
}

.second {
  left: 20px;
  top: 20px;
  -webkit-animation: drop2 1s linear infinite;
          animation: drop2 1s linear infinite;
}

.third {
  left: 0px;
  top: 0px;
  -webkit-animation: drop3 1s linear infinite;
          animation: drop3 1s linear infinite;
}

.fourth {
  left: 20px;
  top: 0px;
  -webkit-animation: drop4 1s linear infinite;
          animation: drop4 1s linear infinite;
}

@-webkit-keyframes bigSqrShrink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}

@keyframes bigSqrShrink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@-webkit-keyframes drop2 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  25% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes drop2 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  25% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes drop3 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  50% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes drop3 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  50% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes drop4 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  75% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes drop4 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  75% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
/******preloader ends****/