* {
-moz-hyphens:none;
-ms-hyphens:none;
-webkit-hyphens: none;
hyphens:none;
}

.pac-container:after {
    /* remove powered by google*/

    background-image: none !important;
    height: 0px;
}

.warning-orange{
    background-color:white;
    border:solid 3pt;
    border-color: orange;
}

.hidden{
    display:none !important;
}



#navigator-container {
    padding-bottom: 1em;
    padding-right: 10pt;
    padding-left: 10pt;
}

#stickyElement{
    border:none !important;
}

.ls-answers tbody .answertext {
    text-align: left !important;
}

#ls-button-submit{
    background-color:#fa833e !important;
    border: 1px solid #fa833e !important;
}

#ls-button-submit:hover{
    background-color:#faa06b !important;

}



#register_button {
    font-size: 16pt !important;
    color: #ffffff !important;
    background-color: #fa833e !important;
    border: 1px solid #fa833e !important;
    margin-top:20pt;
}

#register_button:hover {
    font-size: 16pt !important;
    color: #FE5B35 !important;
    background-color: #fce4de !important;
    
}


  .mobile-fill .radio-label {
    border-color: #A9A9A9 !important;
    color: #000000;
    width: 25% !important;
    border-radius: 25px !important;
  
}

  .mobile-fill input[type=radio]:checked+label {
    border-color: #A9A9A9 !important;
    background-color: #fcac2d;
    color: #fff;
    width: 100%;
    transition: all 0.5s ease-out;
    border-radius: 25px !important;
  
}

  .mobile-fill .checkbox-label {
    border-color: #A9A9A9 !important;
    color: #000000;
    width: 25% !important;
    border-radius: 25px !important;
  
}

  .mobile-fill input[type=checkbox]:checked+label {
    border-color: #A9A9A9 !important;
    background-color: #fcac2d;
    color: #fff;
    width: 100%;
    transition: all 0.5s ease-out;
    border-radius: 25px !important;
  
}

.fruity a {
    color: #FF8C00;
}

#ls-button-submit{
    font-size: 25px !important;
}

#ls-button-previous{
    font-size: 25px !important;
}

.dropdown-toggle.animate{
    display:none!important;
}

.fruity .navbar-toggle{
    display:none !important;
}

.form-change-lang.dropdown.open{
    background-color: #ffffff !important;
    border-radius: 10px !important;
    /* Firefox */
    -moz-transition: all 0.5s ease-in;
    /* WebKit */
    -webkit-transition: all 0.5s ease-in;
    /* Opera */
    -o-transition: all 0.5s ease-in;
    /* Standard */
    transition: all 0.5s ease-in;
}

.close{
    float: right;
    font-size: 40px;
    color: black;
    opacity:.4!important;
    width: 12%;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.modal-content{
    width:60% !important;
}

.modal-dialog.modal-lg {
    text-align: -webkit-center !important;
}

.fruity .nav .open > a:focus{
    color:#111111 !important;
    text-decoration: none!important;
    background-color: #f5ac71 !important;
    border: 1px solid #ffffff !important;
}


.dropdown-toggle.animate{
    text-decoration:none !important;
    box-shadow:none !important;
    border-radius: 10px !important;
    margin:10px 10px 10px 10px;
    border: 1px dotted #f5ac71 !important;
    background-color: #ffffff !important;
    /* Firefox */
    -moz-transition: all 0.5s ease-in;
    /* WebKit */
    -webkit-transition: all 0.5s ease-in;
    /* Opera */
    -o-transition: all 0.5s ease-in;
    /* Standard */
    transition: all 0.5s ease-in;
}

.fruity .navbar a.animate::after{
    display:none!important;
}

.form-change-lang.form-inline{
    display:none;
}

.h3, h3 {
    font-size: 24px;
    color:#000000; 
}

.group-description.row.well.space-col {
    background-color:#82a3d9;
    color: white;
    font-size: 15pt;
}

.dir-ltr .ls-answers td.radio-item, .dir-ltr .ls-answers td.checkbox-item{
    vertical-align: middle !important;
    
}

.sticky .ls-heading.stickyBar{
    background:none !important;
}

.sticky .ls-heading.stickyBar>td, .sticky .ls-heading.stickyBar>th{
    background:#fef1e7 !important;
    border:none !important;
}


@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}





.logo-container>img {
  max-height: 90px !important;
  padding: 10px;
  padding-left: 20px;
  width: auto;
}

.click-overlay {
    height: 100% !important;
    width: 100% !important;
}

.click-marker{
-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}


.space-col {
    margin-top:0.5em!important;
    margin-bottom:1em!important;
}
.navbar {
box-shadow: 0 3px 3px rgba(255,200,102,0.1) !important;
}

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

.group-title {
    text-align:left;
}

.logo-container.hidden-xs {
    display: block !important;
}

.question-number, .question-code {
    margin: 0 0em;
    margin-right:0.8em;
    color: #444444 !important;

}

.asterisk {
    display: none;
}

.modal-body {
     hyphens: none; 
}

.footer{
    padding:15px;
    padding-top:30px;
    padding-bottom:30px;
    font-size: 90%;
    text-align: center;
}

.footer>img {
    height: 50%;
    width: auto;
}

/* Note: Only Remove the next 2 CSS if a secondary language switcher is required on the survey instructions text page.*/





.language_change_container {
    height: 20vh;
}




#datasecurity_accepted{
    float:left;
    margin-right:13px;
    width: 15px;
	height: 15px;
}

.survey-name{
    text-align:left;
}

#welcome-container {
    display:block !important;
}

.ls-link-action.ls-link-clearall.animate{
    display:none;
}


.vertical{
    margin-top:15pt;
    
}

.multiple-opt input[type="text"].form-control {
    width: 250px;
}

#outerframeContainer {
    hyphens: none;
    word-wrap: none;
}

.navbar{
    background-image:url(https://jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 51% 49%;
    position:fixed;
    padding:0;
    margin:0;
    top:0;
    left:0;

}

.surveytitle{
     color: #7a4dd6;
     padding-left:12pt;
     font-weight: 900;
}



.ls-even{
    background-color:#ffffff !important;
}

#surveyListFooter{
    display:none!important;
    
}

.img-responsive.center-block{
    display:none !important;
}

#surveys-list-jumbotron{
    display:none !important;
}

.imageselect-list li.imageselect-listitem .imageselect-container .imageselect-label {
    border: transparent none;
}
 
.imageselect-list li.imageselect-listitem input[type="radio"]:indeterminate + label::after {
    display: none;
}

.checkbox-item label::after{
    left: 2px!important;
}

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked+label{
    border:13px solid #ffa41c!important;
}

/* Question bootstrap buttons*/

.answer-container .btn-primary{
color: #e68c32;
background-color: #fff;
margin-bottom: 3px !important; 
border: 2px solid #e68c32;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}



.answer-container .btn-primary:after {
  background: #fff;
  display: block;
  position: absolute;
  padding-top: 300%;
  padding-left: 350%;
  margin-left: -20px!important;
  margin-top: -120%;
  opacity: 0;
  transition: all 0.3s

}

.answer-container .btn-primary:active:after {
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s;
}

.fruity .btn-primary:hover, .fruity .btn-primary:focus, .fruity .btn-primary:active, .fruity .btn-primary.active, .fruity .btn-primary.active:focus, .fruity .open .dropdown-toggle.btn-primary {
    border: 1px solid #e68c32;
}

.answer-container .btn-primary:hover{
border: 2px solid #e68c32 !important;
background-color: #e68c32 !important;
color:#fff !important;
}


/* End Question bootstrap buttons*/

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

  .h3, h3{
     font-size:20px !important;
}
 
 tr#stickyElement-0 {
    border: none;
}

.logo-container>img {
    max-height: 70px !important;
    padding: 10px;
    padding-left: 20px;
    width: auto;
    
}


 table.ls-answers.subquestion-list.questions-list.radio-array.table.table-bordered.table-hover.table-array-radio {
    border: none;
}
 
.modal-content{
    width:100% !important;
}

#block_error{
width: 100%!important;
}     



  .custom-array .sticky .ls-heading.stickyBar {
     	display: table;
}
 
	.custom-array table.ls-answers {
		display: table;
	}
 
	.custom-array table.ls-answers thead {
		display: table-header-group;
	}
 
	.custom-array table.ls-answers tbody {
		display: table-row-group;
	}
 
	.custom-array table.ls-answers tr {
		display: table-row;
	}
 
	.custom-array table.ls-answers tr.ls-hidden {
		display: none;
	}
 
	.custom-array table.ls-answers th,
	.custom-array table.ls-answers td {
		display: table-cell;
	}
 
	.dir-ltr .custom-array table.ls-answers th,
	.dir-ltr .custom-array table.ls-answers td {
		text-align: center;
	}
 
	.dir-ltr .custom-array table.ls-answers tbody th.answertext {
		text-align: right;
}
 
	.custom-array table.ls-answers tbody td {
		text-align:left;
	}
 
 
	.dir-ltr .custom-array .ls-answers td.radio-item,
	.dir-ltr .custom-array .ls-answers td.checkbox-item {
		padding: 8px 0;
	}
 
	.custom-array table.ls-answers tbody .control-label {
		text-align:left
	}
 
	.custom-array table.ls-answers .ls-label-xs-visibility {
		display: inline-block;
		position: relative;
		overflow: hidden;
		width: 17px;
		height: 17px;
		line-height: 21px;
		text-indent: 21px;
		left: auto;
		margin-left: -20px;
	}
 
	.dir-ltr .custom-array table.ls-answers .radio-item label.ls-label-xs-visibility::before,
	.dir-ltr .custom-array table.ls-answers .checkbox-item label.ls-label-xs-visibility::before {
		margin-left: 0px;
	}
 
	.dir-ltr .custom-array table.ls-answers .radio-item label.ls-label-xs-visibility::after,
	.dir-ltr .custom-array table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {
		margin-left: 0px;
	}
 
	.custom-array table.ls-answers > tbody > tr:hover {
		background-color:transparent!important;
	}
	
	table.ls-answers tr th {
        text-align: left;
        color: #444444 !important;
        white-space: normal !important;
        
    }
    

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: none!important;    

}



  .mobile-fill .radio-label {
    border-color: #A9A9A9 !important;
    color: #000000;
    width: 100% !important;
    border-radius: 25px !important;
  
}

  .mobile-fill input[type=radio]:checked+label {
    border-color: #A9A9A9 !important;
    background-color: #fcac2d;
    color: #fff;
    width: 100%;
    transition: all 0.5s ease-out;
    border-radius: 25px !important;
  
}

  .mobile-fill .checkbox-label {
    border-color: #A9A9A9 !important;
    color: #000000;
    width: 100% !important;
    border-radius: 25px !important;
  
}

  .mobile-fill input[type=checkbox]:checked+label {
    border-color: #A9A9A9 !important;
    background-color: #fcac2d;
    color: #fff;
    width: 100%;
    transition: all 0.5s ease-out;
    border-radius: 25px !important;
  
}


* {
-moz-hyphens:none;
-ms-hyphens:none;
-webkit-hyphens: none;
hyphens:none;
}

}