.card-dragged{z-index:99!important}
body{
    background-color: #ffffff!important;
   margin:0px;

}



        .surveyWrapper {
            margin: auto;
        }
        .ap_top_left{

        }
        
        .ap_top_right {
        }
        .surveyContent{
            min-height: 70vh;
            
        }

        .ap_header_logo{
            height:98px;
            background-image: url("https://vs1.askingcanadians.com/images/aeroplan/panel/survey/ap_line.png");
           
        }
        #ap_table_layout{
            	border-collapse: collapse;
        }
       .ap_top_left{min-width:30px}
       .ap_top_right{min-width:30px}
    

/* Grid bars 'glow' effect */
.confirmit-gb-bc
{
  -webkit-transition:background-color 0.5s ease-out;
  -moz-transition:background-color 0.5s ease-out;
  -ms-transition:background-color 0.5s ease-out;
  -o-transition:background-color 0.5s ease-out;
  transition:background-color 0.5s ease-out;
}

.aerologout{
	float: right;
	padding-right:50px;
	color: #FF5C00;
	font-size: 1.2em;
	font-family: arial, helvetica, sans-serif;
	text-decoration: underline;
}


.aerolang{
	float: right;
	padding-right: 20px;
	font-family: arial, helvetica, sans-serif;
}

.aerolang select{
	color: #000;
	height: 2em;
	font-size: 0.98em;
}


/* Min-width for IE 8, doesn't support display=table */
.pagearea-ap {
  *width: 60em;
}

/* Avoid glow on focused elements in newer browsers. Doesn't work well with rounded corners. */
.abtn:focus, textarea:focus, input:focus{
  outline:none;
}

/* Checkmark image fallback for multi questions using Answer Buttons, for browsers that don't support base64 */
.multi-selected .confirmit-abtn-label, .multi-selected-hover .confirmit-abtn-label{
  *background-image: url('../../cf_clientutil/images/surveylayoutimages/red-checkmark.gif');
}

/* Fallback thumb image for browsers that don't support base64 */
.confirmit-singleslider-vert-thumb, .confirmit-singleslider-horiz-thumb, .confirmit-gridslider-thumb, .confirmit-numslider-horiz-thumb{
  *background-image: url(../../cf_clientutil/images/SurveyLayoutImages/light-blue-thumb.gif);
}

/* Clear fix for navigation */
.nav:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/* Min-width for IE 8 */
.navback{*width: 40%;}
.navforward{*width: 40%;}

/* IE 6-8 slider rail fixes... */
.confirmit-singleslider-vert-bg{*width: 25px;}
.confirmit-singleslider-horiz-bg{background-color: transparent !important; *height: 21px;}
.confirmit-horiz-single-slider-table tbody tr td{background-color: transparent !important;}
.confirmit-gridslider-bg{*height: 21px;}
.confirmit-singleslider-vert-bg span{*width: 21px;}
.confirmit-singleslider-horiz-bg span{*height: 21px;}
.confirmit-gridslider-rail, .confirmit-numslider-horiz-rail, .confirmit-singleslider-horiz-rail{height: 10px !important; *height: 21px !important;}

.confirmit-singleslider-vert-thumb{background-position: 0px 0px; left: -7px !important; *left: 0 !important;}
.confirmit-singleslider-horiz-thumb{top: -6px !important; *top: 0 !important; top: 0px !important\0/;}
.confirmit-gridslider-thumb{background-position: 0px 0px; top: -7px !important; *top: 0 !important; width: 20px !important;}
.confirmit-numslider-horiz-thumb{top: -4px !important; *top: 0 !important;}

/* Drag-drop ranking overrides */
.confirmit-rankedorder-counter{border: none;}

/* IE fallback for base64 of Star rating */
.confirmit-star{*background-image: url('../../cf_clientutil/images/surveylayoutimages/red-star-unselected.gif');}
div.confirmit-star-hover{*background-image: url('../../cf_clientutil/images/surveylayoutimages/red-star-selected.gif');}
div.confirmit-star.confirmit-star-hover:hover{*background-image: url('../../cf_clientutil/images/surveylayoutimages/red-star-selected-hover.gif');}
div.confirmit-star:hover{*background-image: url('../../cf_clientutil/images/surveylayoutimages/red-star-unselected-hover.gif');}

/* IE fallback for base64 of drag-drop ranking overrides */
.confirmit-rankedorder-add{*background-image: url('../../cf_clientutil/images/surveylayoutimages/light-blue-add.gif');}
.confirmit-rankedorder-add:active{*background-image: url('../../cf_clientutil/images/surveylayoutimages/light-blue-add_active.gif');}
.confirmit-rankedorder-remove{*background-image: url('../../cf_clientutil/images/surveylayoutimages/light-blue-remove.gif');}
.confirmit-rankedorder-remove:active{*background-image: url('../../cf_clientutil/images/surveylayoutimages/light-blue-remove_active.gif');}
.confirmit-rankedorder-up{*background-image: url('../../cf_clientutil/images/surveylayoutimages/light-blue-up.gif');}
.confirmit-rankedorder-up:active{*background-image: url('../../cf_clientutil/images/surveylayoutimages/light-blue-up_active.gif');}
.confirmit-rankedorder-down{*background-image: url('../../cf_clientutil/images/surveylayoutimages/light-blue-down.gif');}
.confirmit-rankedorder-down:active{*background-image: url('../../cf_clientutil/images/surveylayoutimages/light-blue-down_active.gif');}

/* Min-width on navigation buttons */
* html .navback input, * html .navforward input, * html .navback img {
 width:100px;
}
.navback input, .navforward input, .navback img{
    min-width: 100px;
}

.questionarea{max-width: 1000px;}

.qtext label, .text, .qtext, .errorquestion{ max-width: 990px; }

.questiontitle { display:none; }

.confirmit-ranked-abtn-label{ background: none !important; }

.confirmit-singleslider-horiz-rail, .confirmit-gridslider-rail, .confirmit-numslider-horiz-rail, .confirmit-singleslider-vert-rail{background: none;}

#logo{
  	display: block; 
  	margin-left: auto; 
  	margin-right: auto;
}

/* Fix Slider colors to Blue */
SPAN.confirmit-gridslider-rail{ 
    border-color: #df4946;
	background-color:#df4946;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #df4946), color-stop(49%, #d63734), color-stop(51%, #cd2a27), color-stop(100%, #c72926));
	background:-webkit-linear-gradient(top, #df4946 0%, #d63734 49%, #cd2a27 51%, #c72926 100%);
	background:-moz-linear-gradient(top, #df4946 0%, #d63734 49%, #cd2a27 51%, #c72926 100%);
	background:-ms-linear-gradient(top, #df4946 0%, #d63734 49%, #cd2a27 51%, #c72926 100%);
	background:-o-linear-gradient(top, #df4946 0%, #d63734 49%, #cd2a27 51%, #c72926 100%);
	background:linear-gradient(top, #df4946 0%, #d63734 49%, #cd2a27 51%, #c72926 100%);
}

/* Fix Card Sort colors to Blue */
.confirmit-rankedorder-orderelementdrag { border: 1px solid #3869b9; }
.confirmit-rankedorder-orderelementdrag, .confirmit-rankedorder-dropzonehover {
    border-color: #df4946;
	background-color:#df4946;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #df4946), color-stop(49%, #d63734), color-stop(51%, #cd2a27), color-stop(100%, #c72926));
	background:-webkit-linear-gradient(top, #df4946 0%, #d63734 49%, #cd2a27 51%, #c72926 100%);
	background:-moz-linear-gradient(top, #df4946 0%, #d63734 49%, #cd2a27 51%, #c72926 100%);
	background:-ms-linear-gradient(top, #df4946 0%, #d63734 49%, #cd2a27 51%, #c72926 100%);
	background:-o-linear-gradient(top, #df4946 0%, #d63734 49%, #cd2a27 51%, #c72926 100%);
	background:linear-gradient(top, #df4946 0%, #d63734 49%, #cd2a27 51%, #c72926 100%);
}
.confirmit-rankedorder-orderelementhover, .confirmit-rankedorder-dropzonehover {
    border-color: #df4946;
	background-color:#d48a89;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #e09f9d), color-stop(49%, #da9392), color-stop(51%, #d48a89), color-stop(100%, #d18a89));
	background:-webkit-linear-gradient(top, #e09f9d 0%, #da9392 49%, #d48a89 51%, #d18a89 100%);
	background:-moz-linear-gradient(top, #e09f9d 0%, #da9392 49%, #d48a89 51%, #d18a89 100%);
	background:-ms-linear-gradient(top, #e09f9d 0%, #da9392 49%, #d48a89 51%, #d18a89 100%);
	background:-o-linear-gradient(top, #e09f9d 0%, #da9392 49%, #d48a89 51%, #d18a89 100%);
	background:linear-gradient(top, #e09f9d 0%, #da9392 49%, #d48a89 51%, #d18a89 100%);
}

.carousel-questions { font-weight: normal; }

.confirmit-abtn { border: none; text-align: left; }
.confirmit-abtn-label { text-align: left !important; } 
table.confirmit-abtn-table-grid .confirmit-abtn-label{
  text-align: center !important;
}
/* Adjust to mobile screen size */
@media only screen and (max-width: 860px), only screen and (max-device-width: 480px) {
  .abtn{min-width: 32px;}
  * {box-sizing:border-box;}
  body {margin:0;padding:0;}
  .wrapper{width: 100%;min-width:100%;}
  fieldset{width: 100%;min-width:100%;padding:0px 0px;}
  .pagearea-ap{width: 98%;min-width:98%; padding:0px 0px;}
  .progress{width: 95%;min-width:95%;}
  .questionarea{min-width: 98%;max-width: 480px}
  .answersection{padding: 0px;min-width: 98%;max-width: 480px}
  .nav{width: 100%;min-width:100%;margin-top:0px;}
  .confirmit-numslider-horiz-bg{position:static !important;}
  .confirmit-numslider-horiz-bg div span{float:right; position:relative !important;}
  .confirmit-rtl .confirmit-numslider-horiz-bg div span{float:left;}
  .confirmit-numslider-horiz-bg div span:first-child{float:left; position:relative !important;}
  .confirmit-rtl .confirmit-numslider-horiz-bg div span:first-child{float:right;}
  .confirmit-numslider-horiz-bg div span{float:right; position:relative !important;}
  .confirmit-rtl .confirmit-numslider-horiz-bg div span{float:right;}
  .confirmit-gridslider-rail{ width: 98%;min-width:98%; }
  .confirmit-table{margin: 10px 0px;}
  .confirmit-abtn-table{border-spacing: 3px;}
  .confirmit-abtn{min-width:80px; }
  .confirmit-gb-bc{width: 30px; height: 30px;}
  .card, .card-dragged, .card-dropped{width: 80px; height: 100px;}
  .droparea, .droparea-hover, .deck{width: 90px; height: 110px;}
  .carousel-layout { min-width: 98%; max-width: 480px }
  .carousel-layout .confirmit-abtn-table-grid {  border-spacing: 2px; }
  .confirmit-abtn-table-grid {  border-spacing: 2px; }
  .carousel-question-wrapper { margin-bottom: 5px; }
  .carousel-questions { width: 98% }
  .carousel-progress-wrapper { width: 98%; }
  .carousel-question { width: 98% }
  #logo{width: 100%;min-width:100%;align:center;}
}