.sa-slide-out-div {
    z-index: 100000;
    height: 0;
}

.sa-wrapper {
    overflow-y: hidden;
    overflow-x: hidden;
    width: 455px;
    box-shadow: 0 1px 4px #8c8c8c;
    position: relative;
    font-family: sans-serif;
    font-size: 13px;
    z-index: 10000;
    max-height: 595px;
    background-color: white;
}

.sa-wrapper-mobile {
    overflow-y: auto;
    overflow-x: hidden;
    width: 465px;
    border: 1px solid #d4d4d4;
    padding: 0 6px 0 4px;
    box-shadow: 0 1px 4px #8c8c8c;
    background: #f4f4f4;
    position: relative;
    font-family: sans-serif;
    font-size: 13px;
    z-index: 10000;
    max-height: 595px
}
.sa-title {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 20px;
    color: #141414;
}
.sa-handle {
    /* writing-mode:tb-rl;
     transform: rotate(-90deg);
     transform-origin: top left;
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/

    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin:left top;

    transform: rotate(-90deg);
    transform-origin: top left;

    -moz-transform: rotate(-90deg);
    -moz-transform-origin: left top 0;

    -ms-transform: rotate(-90deg);
    -sand-transform: rotate(90deg);
    -ms-transform-origin: top left;

    display: block;
    position: absolute;
    font-family: inherit;
    color: #000;
    background: #26678e;
    border: 1px solid #1a4c6a;
    border-left: none;
    border-right: 0;
    color: #fff;
    padding: 7px 17px;
    cursor: pointer;
    font-family: sans-serif;
    height:auto;
    font-size: 15px;
    font-weight: bold;
    box-shadow: -2px 0 3px #8c8c8c
}

.sa-handle h2 {
    font-size: 14px;
    margin: 0 0 0 0;
    font-family: sans-serif;
}

.sa-close-icon {
    width: 24px;
    height: 24px;
    background: url(/images/intercept/sa-icon-slidein.png);
    position: absolute;
    display: none;
    margin-left: 5px
}

.sa-close-icon-right {
    top: -10px;
    float:left
}

.sa-close-icon-left {
    top: 23px;
}

.sa-wrapper input[type=text] {
    padding: 6px;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #d1d1d2;
    background: #fbfbfb;
    -webkit-box-sizing : border-box;‌​
-moz-box-sizing : border-box;
    box-sizing : border-box;
}

.sa-wrapper select{
    width:70%;
    padding:4px;
}

.sa-wrapper h4 {
    padding: 0 0 3px 0;
    margin: 0;
    color: #141414;
    font-weight: bold;
}

.sa-wrapper div {
    /*margin: 20px 0;*/
    color: #4e4d4d;
}

.sa-wrapper table td {
    font-size: 13px;
    padding: 5px;
    text-align:center
}

.sa-wrapper .row1 {
    background: #e3e3e3;
}

.sa-wrapper .row2 {
    background: #ebebeb;
}

.sa-wrapper td {
    padding: 7px;
}

.sa-wrapper .border-right {
    border-right: 1px solid #d3d3d3
}

.sa-wrapper .border-bottom {
    border-bottom: 1px solid #d3d3d3
}

.sa-wrapper .txt-center {
    text-align: center
}

.sa-wrapper td.txt-left {
    text-align: left
}

.sa-wrapper td.txt-right {
    text-align: right
}

.sa-wrapper img {
    width: auto;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.sa-textarea textarea {
    width: 100%;
    height: 50px;
    -webkit-box-sizing : border-box;‌​
-moz-box-sizing : border-box;
    box-sizing : border-box;
}

/*input#SurveySubmitButtonElement {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
 *zoom:1;
 filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF477CC1', endColorstr='#FF172A3B');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #477cc1), color-stop(100%, #172a3b));
	background-image: -webkit-linear-gradient(#477cc1, #172a3b);
	background-image: -moz-linear-gradient(#477cc1, #172a3b);
	background-image: -o-linear-gradient(#477cc1, #172a3b);
	background-image: linear-gradient(#477cc1, #172a3b);
	background-repeat: no-repeat;
	-webkit-box-shadow: 0 0 3px 1px #222 inset;
	-moz-box-shadow: 0 0 3px 1px #222 inset;
	box-shadow: 0 0 3px 1px #222 inset;
	border: 0 solid #aaa;
	color: #fff !important;
	text-shadow: 0 1px 0 #000;
	padding: 10px 13px !important;
}
input#SurveySubmitButtonElement:hover {
 *zoom:1;
 filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF172A3B', endColorstr='#FF477CC1');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #172a3b), color-stop(100%, #477cc1));
	background-image: -webkit-linear-gradient(#172a3b, #477cc1);
	background-image: -moz-linear-gradient(#172a3b, #477cc1);
	background-image: -o-linear-gradient(#172a3b, #477cc1);
	background-image: linear-gradient(#172a3b, #477cc1);
	background-repeat: no-repeat;
	padding: 10px 13px !important;
}*/
.sa-logo img{
    margin-top:9px;
    margin-right: 10px;
    margin-right: 25px\0; /* ie8, ie9, ie10, ie11 only */
}

.SurveyFooter {
    padding-top:10px;
}

.QuestionError {
    color: #cc0000 !important;
}

.newSurveyQuestionErrorBox {
    background: #fff url(/images/run/error-icon.png) no-repeat scroll 8px 5px;
    color: #ff3330;
    font-size: 12px;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 3px 5px 3px 26px;
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px #ff3434;
    -moz-box-shadow: 0 0 5px #ff3434;
    box-shadow: 0 0 5px #ff3434;
    border: solid 1px #ff5656;
}

.SurveyValidation {
    color: #FF3330 !important;
}

.feedback-cancel-button {
    background-color: #8d8d8e !important;
    background: #8d8d8e !important;
    border: 1px solid #8d8d8e !important;
    border-radius: 3px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 2px rgba(255, 255, 255, 0.4) inset !important;
    color: #ffffff !important;
    font-family: 'lucida grande',arial,verdana,sans-serif !important;
    font-size: 14px;
    font-weight: bold !important;
    margin-top: 0;
    min-width: 85px;
    padding: 4px 12px 5px !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.22);
    cursor: pointer;
    -webkit-appearance: none;
}


#loader{
    padding-left: 35%;
    vertical-align: middle;
    margin: 0;
}
#loader .loader-text{
    margin:47px 0 0 15px;
}

#waitingImg {
    position: absolute;
    left: 50%;
    top: 40%;
}

.btn-rate label:first-child{
    -moz-border-radius:  5px 0px 0px 5px;
    -webkit-border-radius:  5px 0px 0px 5px;
    border-radius:  5px 0px 0px 5px;
}

.btn-rate label:last-child{
    -moz-border-radius:  0px 5px 5px 0px;
    -webkit-border-radius:  0px 5px 5px 0px;
    border-radius:  0px 5px 5px 0px;
}

.btn-rate label{
    font-size: 11px !important;
}

.btn.btn-default.active{
    -moz-box-shadow: 0px 0px 5px #999 inset;
    -webkit-box-shadow:0px 0px 5px #999 inset;
    box-shadow:0px 0px 5px #999 inset
}

.dashboard-device-stats-enclosing {
    border: 1px solid #c2c2c2;
}
.dashboard-device-stats-table td {
    border: none;
    font-weight: normal;
    height: 62px;
    vertical-align: middle;
    border-bottom: 1px solid #c2c2c2;
    text-align: left;
    padding-left: 26px;
}
.dashboard-device-stats-table .deviceDataSubPercent {
    font-size: 16px;
    color: #257bb8;
    display: inline-block;
    width: 40px;
    text-align: right;
}
.dashboard-device-stats-table .deviceDataSubIcon {
    padding: 0 3px 0 5px;
}

.dashboard-device-stats-table .deviceDataSubIcon {
    padding: 0 3px 0 5px;
}
.dashboard-survey-stats-table td {
    border: 1px solid #c2c2c2;
    text-align: center;
}
.survey-height-ios {
    height: 450px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    padding-bottom: 25px;
}

.survey-height-ios .survey-iframe {
    overflow: hidden;
    width: 100% !important;
    height: 100% !important;
}

@media screen and (min-width: 1200px) {
    .survey-height-ios {
        overflow: hidden;
    }

    .survey-height-ios .survey-iframe {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.survey-light-box
{
    position:relative;
    z-index: 10001;
    display: block;
    bottom: 20px;
    right: 20px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

@media screen and (max-width: 1024px) {
    .survey-light-box {
        margin: 0 auto;
        left: 5% !important;
    }
}

@media screen and (max-width: 768px) {
    .survey-light-box {
        margin: 0 auto;
        width: 90% !important;
        left: 5% !important;
    }
}

.exit-survey-light-box:before, .exit-survey-light-box:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.exit-survey-light-box:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
    transform:skew(8deg) rotate(3deg);
}
.exit-survey-close {
    background-color: #dbdbdb;
    border-color:#B4B4B4;
    padding:5px;
    border-bottom:1px solid #ccc;
    text-align: right;
    height: 15px;
}

.exit-survey-close a {
    background-image: url("/images/intercept/close-grey.png");
    background-size: 100%;
    width: 20px;
    height: 20px;
    right: 2px;
    top: 2px;
    position: absolute;
}

.btn-close a {
    background-image:url("/images/intercept/close-grey.png");
    background-size:100% ;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -12px;
    top: -12px;
}

.btn-close a, .exit-survey-close a {
    -webkit-transition: 0.3s ease-out;
    -moz-transition:  0.3s ease-out;
    transition:  0.3s ease-out;
}

.btn-close a:hover, .exit-survey-close a:hover {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.intercept-multiple-responses .intercept-responses-radio {
    margin-top: 0;
    vertical-align: middle;
}
.intercept-multiple-responses .intercept-responses-label {
    font-weight: normal;
    margin-bottom: 0;
    padding-left: 5px;
}