/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/** SHOW LOGO ON MOBILE VIEW AND MAKE IT SMALLER **/
@media only screen and (max-width: 767px) {
    .img-fluid {
        max-width: 80%;
        height: auto;
	}
}

/** ESET logo on Survey list (homepage) **/
.ESETlogo {
  max-width: 50%;
  height: auto;
}

/** STAR RATING **/
/** override of star-rating.css **/
.star-rating{
    font-size: 34px;
    line-height:46px;
    cursor: pointer;
    display: block;
    float: left;
    height: 46px;
    overflow: hidden;
    width: 46px;
}
.star-cancel{color: #727272;}
.star-cancel.star-drained{color: #932424}
.star-cancel.star-hover{color: #a12424; text-shadow: 1px 0 #a12424;}
.star-1{color: #aaaaaa}
.star-1.star-rated-on:not(.star-stub){color: #0096a1}
.star-1.star-drained{color: #0096a1}
.star-1.star-drained.star-hover{text-shadow: 1px 2px #cccccc;}
.star-2{color: #aaaaaa}
.star-2.star-rated-on:not(.star-stub){color: #0096a1}
.star-2.star-drained{color: #0096a1}
.star-2.star-drained.star-hover{text-shadow: 1px 2px #cccccc;}
.star-3{color: #aaaaaa}
.star-3.star-rated-on:not(.star-stub){color: #0096a1}
.star-3.star-drained{color: #0096a1}
.star-3.star-drained.star-hover{text-shadow: 1px 2px #cccccc;}
.star-4{color: #aaaaaa}
.star-4.star-rated-on:not(.star-stub){color: #0096a1}
.star-4.star-drained{color: #0096a1}
.star-4.star-drained.star-hover{text-shadow: 1px 2px #cccccc;}
.star-5{color: #aaaaaa}
.star-5.star-rated-on:not(.star-stub){color: #0096a1}
.star-5.star-drained{color: #0096a1}
.star-5.star-drained.star-hover{text-shadow: 1px 2px #cccccc;}
.star-6{color: #aaaaaa}
.star-6.star-rated-on:not(.star-stub){color: #0096a1}
.star-6.star-drained{color: #0096a1}
.star-6.star-drained.star-hover{text-shadow: 1px 2px #cccccc;}
.star-7{color: #aaaaaa}
.star-7.star-rated-on:not(.star-stub){color: #0096a1}
.star-7.star-drained{color: #0096a1}
.star-7.star-drained.star-hover{text-shadow: 1px 2px #cccccc;}
.star-8{color: #aaaaaa}
.star-8.star-rated-on:not(.star-stub){color: #0096a1}
.star-8.star-drained{color: #0096a1}
.star-8.star-drained.star-hover{text-shadow: 1px 2px #cccccc;}
.star-9{color: #aaaaaa}
.star-9.star-rated-on:not(.star-stub){color: #0096a1}
.star-9.star-drained{color: #0096a1}
.star-9.star-drained.star-hover{text-shadow: 1px 2px #cccccc;}
.star-10{color: #aaaaaa}
.star-10.star-rated-on:not(.star-stub){color: #0096a1}
.star-10.star-drained{color: #0096a1}
.star-10.star-drained.star-hover{text-shadow: 1px 2px #cccccc;}


/** ASTERISK FOR MANDATORY QUESTIONS **/
.asterisk.ri-asterisk {
    color: #0096a1 !important;
    font-weight: bold;
    font-size: 12pt;
	vertical-align:top;
    -webkit-font-smoothing: antialiased;
}

/** QuESTION NUMBER FIX **/
.question-number {
    color: #0096a1 !important;
    font-size: 14pt !important;;
    font-weight: bold;
}
.question-code {
    color: #0096a1 !important;
    font-size: 14pt !important;;
    font-weight: bold;
}


/** BROWSER DETECTION HIDING FIX **/
.browserdetect {
    display:none;
}

/** SMILEYS QUESTION **/
/** v6 EA edit **/
.table {
  --bs-table-hover-bg: none;
}
/** SMILEYS QUESTION **/
.array-flexible-row.with-smileys table.subquestion-list {
	width: 100% !important;
	max-width: 500px;
	border: 0 none;
	background: transparent;
	margin: 0 auto;
}
.array-flexible-row.with-smileys table.subquestion-list thead th,
.array-flexible-row.with-smileys col {
	width: auto !important;
	border: 0 none;
}
 
.array-flexible-row.with-smileys table.subquestion-list thead td,
.array-flexible-row.with-smileys table.subquestion-list th.answertext {
	width: 0;
    padding: 0;
	border: 0 none;
}
.array-flexible-row.with-smileys table.subquestion-list th.answer-text {
	display: none;
}
.array-flexible-row.with-smileys table.subquestion-list tr {
	background: transparent none;
}
.array-flexible-row.with-smileys table.subquestion-list tbody tr:hover {
	background: transparent none;
}
.array-flexible-row.with-smileys table.subquestion-list td.answer-item {
	width: 20%;
    padding: 0;
    background: transparent;
	border: 0px;
}

.array-flexible-row.with-smileys .radio-item label {
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 100% 0 0 0;
	background: transparent 0 0 no-repeat;
	font-size: 0;
	border: 1px solid transparent;
	border-radius: 5px;
}
 
.array-flexible-row.with-smileys .radio-item input[type="radio"]:checked + label {
	background: #ECF0F1;
    border: 1px solid #DBDBDB
    
}
 
.array-flexible-row.with-smileys .radio-item label::before {
    position: absolute;
    left: 50%;
    top: 10%;
    display: inline-block;
    width: 80%;
    height: 0;
    margin-left: -40%;
    padding-top: 80%;
    content: "";
    border: 0 none;
    border-radius: 0;
	background: transparent 0 0 no-repeat;
	background-size: cover;
	opacity: 0.5;
    filter: alpha(opacity=50);
}
.array-flexible-row.with-smileys .radio-item.answer_cell_1 label::before { background-image: url(/tmp/assets/c9bc87f9/1.png); }
.array-flexible-row.with-smileys .radio-item.answer_cell_2 label::before { background-image: url(/tmp/assets/c92a102d/2.png); }
.array-flexible-row.with-smileys .radio-item.answer_cell_3 label::before { background-image: url(/tmp/assets/e028574/3.png); }
.array-flexible-row.with-smileys .radio-item.answer_cell_4 label::before { background-image: url(/tmp/assets/626ae9f4/4.png); }
.array-flexible-row.with-smileys .radio-item.answer_cell_5 label::before { background-image: url(/tmp/assets/6c5d7412/5.png); }

.array-flexible-row.with-smileys .radio-item input[type="radio"]:hover + label::before {
	opacity: 0.95;
    filter: alpha(opacity=95);
}
 
.array-flexible-row.with-smileys .radio-item input[type="radio"]:checked + label::before {
	opacity: 1;
    filter: alpha(opacity=100);
}
 
.array-flexible-row.with-smileys .radio-item input[type="radio"]:focus + label::before {
    outline: none;
}
 
.array-flexible-row.with-smileys .radio-item label::after {
	display: none;
}
/* Defeat the core responsive styles */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
    .array-flexible-row.with-smileys table.ls-answers {
		display: table;
		border: 0 none;
	}
 
	.array-flexible-row.with-smileys table.ls-answers thead,
	.array-flexible-row.with-smileys table.ls-answers tbody {
		display: table-row-group;
		border: 0 none;
	}
 
	.array-flexible-row.with-smileys table.ls-answers tr {
		display: table-row;
		border: 0 none;
	}
	.array-flexible-row.with-smileys table.ls-answers th {
		display: table-cell;
		border: 0 none;
	}
 
	.array-flexible-row.with-smileys table.ls-answers td {
		display: table-cell;
	}
 
    .dir-ltr .array-flexible-row.with-smileys table.ls-answers,
	.dir-ltr .array-flexible-row.with-smileys table.ls-answers thead,
	.dir-ltr .array-flexible-row.with-smileys table.ls-answers tbody,
	.dir-ltr .array-flexible-row.with-smileys table.ls-answers th,
	.dir-ltr .array-flexible-row.with-smileys table.ls-answers td,
    .dir-rtl .array-flexible-row.with-smileys table.ls-answers,
	.dir-rtl .array-flexible-row.with-smileys table.ls-answers thead,
	.dir-rtl .array-flexible-row.with-smileys table.ls-answers tbody,
	.dir-rtl .array-flexible-row.with-smileys table.ls-answers th,
	.dir-rtl .array-flexible-row.with-smileys table.ls-answers td,
	.array-flexible-row.with-smileys table.ls-answers tr {
		text-align:center;
	}
    .dir-ltr .array-flexible-row.with-smileys table.ls-answers .radio-item label.ls-label-xs-visibility::before,
	.dir-ltr .array-flexible-row.with-smileys table.ls-answers .checkbox-item label.ls-label-xs-visibility::before,
    .dir-rtl .array-flexible-row.with-smileys table.ls-answers .radio-item label.ls-label-xs-visibility::before,
	.dir-rtl .array-flexible-row.with-smileys table.ls-answers .checkbox-item label.ls-label-xs-visibility::before {
		margin-right: 0;
		margin-left: -40%;
	}
    .dir-ltr .array-flexible-row.with-smileys table.ls-answers .radio-item label.ls-label-xs-visibility::after {
		margin:0;
    }

}
/** END SMILEYS QUESTION **/


/** DARK MODE EDTIS **/
body[data-thememode="dark"] {
      background-color: var(--bs-body-bg-dark);
      color: var(--bs-body-color-dark);
}
body[data-thememode="dark"] .table-hover > tbody > tr:hover > th {
  background-color: #424f56;
  color: #f4f5f4;
}
body[data-thememode="dark"] .table-hover > tbody > tr:hover > td {
  background-color: #424f56;
  color: #f4f5f4;
}