/* FONTS */

@font-face {
    font-family: Titillium;
    src: url(/fonts/Titillium-Regular.eot);
}
@font-face {
    font-family: TitilliumBold;
    src: url(/fonts/Titillium-Bold.eot);
}
@font-face {
    font-family: TitilliumSemibold;
    src: url(/fonts/Titillium-Semibold.eot);
}

/*======Font sizes============*/
* {
    font-size: 18px; 
    line-height:24px;
}

.accordion-toggle .icon-plus {
    display:none;
}
.accordion-toggle .icon-minus {
    display:block;
}

.accordion-toggle.collapsed .icon-plus {
    display:block;
}
.accordion-toggle.collapsed .icon-minus {
    display:none;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
}

.SingleSection-0 > section:first-child {
    padding-top:50px;
}
.SingleSection-0 > section:first-child > .page-header,.SingleSection-1 > section:first-child > .page-header,.SingleSection-2 > section:first-child > .page-header,.SingleSection-3 > section:first-child > .page-header {
    border:0;
}
.SingleSection-0 > section:first-child > .page-header > h3 {
    background: #1e8bc3;
    color: white;
    padding:20px;
    margin-left:-20px;
    width:100%;
}

.SingleSection-0 > section:first-child > .page-header > h3 {
    background: #1e8bc3;
    color: white;
}

.SingleSection-0, .SingleSection-1, .SingleSection-2, .SingleSection-3 {
    border-top: 86px solid #f2f2f2;
}
    .SingleSection-0 > section:first-child > .page-header > h3, .SingleSection-1 > section:first-child > .page-header > h3, .SingleSection-2 > section:first-child > .page-header > h3, .SingleSection-3 > section:first-child > .page-header > h3 {
        color: white;
        padding:20px;
        margin-left:-20px;
        width:100%;
    }


.SingleSection-1 > section:first-child,.SingleSection-2 > section:first-child,.SingleSection-3 > section:first-child {
    padding-top:50px;
}

.SingleSection-1 > section:first-child > .page-header > h3 {
    /*background: #00B16A;*/
    background: #1e8bc3;
}

.SingleSection-1 .ui-state-default, .ui-widget-content .ui-state-default,.SingleSection-1 .ui-widget-header .ui-state-default {
    color: #00B16A;  
}

.SingleSection-1 a.ui-slider-handle.ui-state-default.ui-corner-all {
    background-color:#ccc;
    /*background-color: #00B16A;*/
}
    
.SingleSection-1  .accordion-group {
    border: 1px solid #00B16A; 
}

.SingleSection-1  .accordion-group .accordion-inner {
    border-top: 1px solid #00B16A; 
}

.SingleSection-1  .accordion-group .accordion-heading {
    background-color: #00B16A; 
}



.SingleSection-2 > section:first-child > .page-header > h3 {
    background: #1e8bc3;    
}

.SingleSection-2 > section:first-child > .page-header > h3 {
    background: #1e8bc3;
    color: white;
}

.SingleSection-2 .ui-state-default, .ui-widget-content .ui-state-default,.SingleSection-2 .ui-widget-header .ui-state-default {
    color: #1e8bc3;  
}

.SingleSection-2 a.ui-slider-handle.ui-state-default.ui-corner-all {
    background-color:#ccc;    
    /*background-color: #1e8bc3;*/
}
    
.SingleSection-2 .accordion-group {
    border: 1px solid #1e8bc3 ; 
}

.SingleSection-2  .accordion-group .accordion-inner {
    border-top: 1px solid #1e8bc3; 
}

.SingleSection-2  .accordion-group .accordion-heading {
    background-color: #1e8bc3; 
}



    /*
.SingleSection-3 > section:first-child > .page-header > h3 {
    background: #00B16A;    
}
    */

.SingleSection-3 > section:first-child > .page-header > h3 {
    /*background: #00B16A;*/
    color: white;
    background: #1e8bc3;
}


.SingleSection-3 .ui-state-default, .ui-widget-content .ui-state-default {
    color: #00B16A;  
}

.SingleSection-3 a.ui-slider-handle.ui-state-default.ui-corner-all {
    background-color:#ccc;    
    /*background-color: #00B16A;*/
}
    
.SingleSection-3  .accordion-group {
    border: 1px solid #00B16A ; 
}

.SingleSection-3  .accordion-group .accordion-inner {
    border-top: 1px solid #00B16A; 
}

.SingleSection-3  .accordion-group .accordion-heading {
    background-color: #00B16A; 
}

footer address{
    color:white;
}
footer address a {
    color:white;
}
footer .container {
position:relative;
}
footer img {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    margin-left:15px;
}







label, select {
    font-size: 1em; 
}
.highcharts-container { overflow: visible !important; }


input {
    font-size: 16px !important; 
} 

input[type="text"], input[type="number"], input[type="password"] {
    box-sizing: border-box; 
    height: 34px !important; 
    width: 236px; 
}

select {
    height: 34px; 
    width: 236px; 
}

button.btn-medium.btn-success, a.btn-medium.btn-success {
    font-size: 1em; 
    padding: 10px 30px;
    border-radius: 30px;
}

button.btn-success, input.btn-success, a.btn-success {
    background-color: #1e8bc3 !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; 
}

a.blue-link {
    color: #1e8bc3 !important;
}

.bs-docs-sidebar li a {
    color: #1e8bc3 !important; 
}

.bs-docs-sidebar li a.gray-me {
    color: #8a8a8a !important;
}

.bs-docs-sidebar li.active a {
    color: #fff !important; 
    background: #1e8bc3 !important; 
}
/* Core question categories */
/* let js do it
.nav-header-core {
    display:none;
}
*/
/* results */
/* let js do it
.nav-header.goToResult {
    display: none;
}
.nav-header-core.order-0, .nav-header-core.questions-finished-True, .nav-header-core.questions-finished-True + li {
    display:block;
}
.nav-header-core.questions-finished-True + li.goToResult {
    display: none;
}
li.nav-header.goToResult.show-results-true {
    display:block;
}
    */

.nav-header.im-disabled a {
    cursor: not-allowed;
    background: #f5f5f5;
}
.nav .nav-audio {
    margin: 10px 5px;
}



.admin-aside h4.heading-success {
    border-bottom: 1px solid #1e8bc3; 
}

.admin-aside h4.heading-success span.btn-success {
    background-color: #1e8bc3;
}

.admin-aside ul.admin-list li a {
    color: #1e8bc3;
}

.bottom20 {
    margin-bottom: 20px; 
}


.input-append span.add-on { font-size: 16px; line-height: 1.3; box-sizing: border-box; width: 55px; height: 34px; }
.input-append input { box-sizing: border-box; width: 181px; height: 34px; }
li a i.icon-white { margin-top: 4px; }
/*============================*/

/*JQUERY UI SLIDER EXTENSION START*/
.ui-slider-wrapper { position: relative; }
.ui-slider-wrapper .ui-slider-horizontal { width: 100%; height:25px;}
.ui-slider .ui-slider-handle {height:32px;    margin-left: -11px;}
/*.ui-state-hover, .ui-widget-content .ui-state-hover { border: 1px solid #7cbb00; } */
/*.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #7cbb00; } */

.ui-slider-labels { position: absolute; border: 1px solid transparent; }
.ui-slider-label-ticks { border: 1px solid transparent; position: absolute; white-space: nowrap; }
.ui-slider-label-ticks span { font-size: 0.9em; min-width: 1.2em; }

.ui-slider-wrapper.horizontal { height: 4.5em; width: 100%;}
.nidurstodur {
    margin-top:10px;
    margin-bottom:30px;
}
.horizontal .ui-slider-label-ticks::after {
    height:3px;
    content:'';
    border-right:1px solid #999;
    position:relative;;    
}
.horizontal .ui-slider-label-ticks:last-child::after {  
    display:none;
}
/*.ui-slider-wrapper.horizontal { height: 4.5em; width: 730px !important; margin-left: auto; margin-right: auto;}*/
.horizontal .ui-slider-labels { left: 0; right: 0; top: 0.7em }
/*.horizontal .ui-slider-label-ticks { width: 1.2em; height: .8em; text-align: center; border-left: 1px solid #999; }*/
.horizontal .ui-slider-label-ticks { width: 10%; height: 25px; text-align: center; border-left: 1px solid #999; }
.horizontal .ui-slider-label-ticks span { position: relative; display: inline-block; margin-left: -3.2em; top: .8em; }

.ui-slider-wrapper.vertical { width: 4.5em; }
.vertical .ui-slider-labels { top: 1px; bottom: 0; left: 0.7em; }
.vertical .ui-slider-label-ticks { height: 1.2em; width: 0.8em; border-bottom: 1px solid #999; }
.vertical .ui-slider-label-ticks span { position: relative; display: inline-block; margin-left: 1em; top: .6em; }

a.ui-slider-handle.ui-state-default.ui-corner-all {
    background: none; 
    background-color: #1e8bc3;
}

a.ui-slider-handle.ui-state-default.ui-corner-all:focus { outline: none !important; }

a.ui-slider-handle.ui-state-default.ui-corner-all:hover, .ui-slider.ui-slider-horizontal.ui-widget-content.ui-corner-all.slider:hover { cursor: pointer; }


.horizontal .ui-slider-label-ticks .ui-label-span0 { position:absolute;left:40px; top:26px;}
.horizontal .ui-slider-label-ticks .ui-label-span10 {position:absolute;right:-10px; top:26px; }
.horizontal .ui-slider-label-ticks .ui-label-span20 {position:absolute;right:100%; top:26px; }


/*JQUERY UI SLIDER EXTENSION END*/

/*==============Layout=====================*/
a.brand.logo {
    display: block; 
    text-indent: -9999px; 
    width: 200px; 
    height: 40px; 
    background: url(/Content/img/logo.svg);
    background-size: 200px 40px;
}
/*=========================================*/

.question {
    margin-bottom: 20px;
}

.chart-container {
    max-width: 500px;
    /*height: 250px;*/
}

.answers.active {
    background-color: #7cbb00;
}

.login-container {
    margin-top: 10px;
    /*height: 500px;*/
    position: relative;
}

#mainslider {
    position: absolute;
    bottom: 0;
}

.login-content {
    position:absolute;
    bottom: 0;
    right: 0;
}

.main-content {
    margin-top: 100px;
    min-height: 604px;
}

#test-container svg > *:nth-child(6),#chartdetail-container svg > *:nth-child(6) {
    display:none;
}

.text-danger {
    color: #a94442;
}

.validation-summary-errors ul {
    list-style: none;
}

.next-btn {
    margin-top: 60px;
}

.admin-list {
    font-size: 2em;
}

.admin-list li {
    margin-bottom: 1em;
}

#custom-tooltip
{
	position:absolute;
	border:1px solid #7cbb00;
	background:#F8F8F8;
	border-left: solid 0.75em #7cbb00;
	padding:2px 5px;
	color:#333;
	font-size:14px;
	display:none;
	max-width:300px;
}	

a.custom-tooltip
{
    color: #07D;
    font-weight: bold;
    text-decoration: none; 
    border-bottom:1px dotted;
}

form > button > i {
    vertical-align: middle !important; 
}

.nav-header {
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 0 !important;
    margin-right: 0;
    font-size: 20px;
    margin-right:0;
    text-transform: none;
}

.nav-header.id-4, .nav-header.id-2 {
    margin-left:40px !important;
} 

.nav-list > li > a, .nav-list .nav-header {
    margin-right: 0;
}



.navbar-inner {
    min-height: 80px; 
}

.navbar .nav .primary > a, .navbar .nav .primary > a:hover, .navbar .nav .primary > a:focus {
    background-color: #1e8bc3;
}

.navbar .nav .warning > a, .navbar .nav .warning > a:hover, .navbar .nav .warning > a:focus {
    background-color: #03a679;
}

/*==============Registration / User-Info ==================*/

form.login-form label {
    font-size: 1.1em; 
    padding-top: 1px !important; 
}

form.login-form .checkbox input {
    margin-top: 9px; 
}

form.login-form .btn.btn-success {
    font-size: 1.1em !important; 
}

form.register label {
    font-size: 1.1em; 
    padding-top: 1px !important; 
}

form.register .btn.btn-success {
    font-size: 1.1em !important; 
}

form.user-info .field-validation-error {
    color: #b94a48;
    display: block;
    margin-top: 10px; 
}

form.user-info span.no-color {
    color: #333333; 
}

form.user-info input.radio-text {
    margin-top: 10px; 
}

section#registration-form .text-error, section#registration-form .text-danger, section#loginForm .text-error, section#loginForm .text-danger {
    display: block;
    margin-top: 10px; 
}

nav ul.topnav form {
    margin: 0; 
}

/*
body {
    position: relative; 
} */

body.jquery-ui-fix {
    position: static; 
}



.accordion-group {
    border: 1px solid #1e8bc3 ; 
}

.accordion-group .accordion-inner {
    border-top: 1px solid #1e8bc3; 
}

.accordion-group .accordion-heading {
    background-color: #1e8bc3; 
}

a.accordion-toggle.inactive:hover {
    cursor: initial; 
}
/*=========================================================*/
/*================Result page==============================*/
.chart-container {
    margin: 0 auto; 
}

.resultTitle {
    text-align: center;
    margin: 80px 0 60px 0;
}
.resultTitle > h2 {
    margin-bottom: 20px;
}
.resultTitle > p {
    width: 60%;
    line-height: 28px;
    margin: auto;
}
.changeQuestionContainer {
    margin-top: 60px;
    margin-bottom: 60px;
    margin-left: 7%;
    width: 90%;
}

.questionRow {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

.questionText {
    width: 90%;
}

@media (max-width: 425px) {
    .changeQuestionContainer {
        margin-left: 0;
    }
}
/*
 * Div styles
 */

.div-white {
    background-color: #fff;
    color: #353535;
}

.div-rounded {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; 
}

.div-bottom-pad {
    padding-bottom: 20px; 
}

.marginbottom30 {
    margin-bottom: 30px;
}

.main-info-box {
    box-sizing: border-box;
    padding: 30px;
    min-height: 200px; 
}

.main-info-box h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}

.login-box h2 {
    margin-bottom: 20px; 
}

.login-box .log-in {
    /*float: left;*/
    margin-bottom:20px;
}

.login-box .register {
    float: right; 
}



/*
 * Custom button styles
 */

.log-in a.button, .register a.button {
    font-size: 1.2em;
}

.button {
    display: inline-block;
    width: 190px;
    height: 42px;
    box-sizing: border-box;
    text-transform: uppercase;
    color: #f2f2f2;
    font-size: 13px;
    /*line-height: 3.6;*/
    line-height: 2; 
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; 
    border: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.button:hover { color: #f2f2f2; text-decoration: none; }

.button-blue { background-color: #1e8bc3; }
.button-blue:hover { background-color: #16668f; }
.button-green { background-color: #03a679; }
.button-green:hover { background-color: #027555; }

.button-icon {
    background-repeat: no-repeat;
    background-position-x: 15px;
    background-position-y: 10px;
    background-size: 22px 22px;
    text-indent: 20px;
}

.button-icon-key { background-image: url(/Content/Icons/key.svg); }
.button-icon-pen { background-image: url(/Content/Icons/pen.svg); }
.button-icon-edit { 
    background-image: url(/Content/Icons/edit.svg); 
    background-repeat:no-repeat; 
    background-position: center; 
    display: block;
    height: 14px;
    width: 14px;
    padding: 14px 14px;
    border-radius: 50%;
    border: 1px solid #1E8BC3;
    margin-right: 20px;
}

footer {
    margin-top: 41px; 
}

footer .widget a.terms {
    color:#fff;
}
footer address {
    margin-bottom:0px;
}

/*====Forgot/Reset Password====*/
.btn-reset-password {
    margin-top: 20px; 
}
/*============================*/

/*=======Survey===============*/
section.doc {
    padding-left: 20px; 
    padding-right: 20px; 
    padding-bottom: 20px; 
}

a.custom-tooltip {
    color: #353535;
    font-style: italic; 
    font-weight: normal; 
}
/*============================*/

/*=======Survey Results===============*/
.results-text-container {
    margin-top:10px;
}
/*============================*/

/*==========Admin=============*/
.t-grid tbody .t-button {
    min-width: 60px !important;
}
/*============================*/

/* Left navigation for ákvörðunartól */
.bs-docs-sidenav.affix-top {
    top: 40px;
    /*bottom: 0px;
    overflow-y: scroll; */
}
.bs-docs-sidenav.affix {
    /*bottom: 0px;
    overflow-y: scroll;*/
}
@media (max-width: 767px)  {
    .main-content {
        margin-top:0px;
    }
    .login-container {
        height:auto;
    }
    .bs-docs-sidenav.affix-top {
        position: static;
        width: auto;
        top: 0;
    }
}

@media print {
    footer, header, button, input[type="submit"], .bs-docs-sidebar, .admin-aside, .changeQuestionContainer.hidden-print, .hidden-print {
        display: none !important;
    }
    .collapse {
        display: block !important;
        height: auto !important;
    }
}

/* GDPR */
#lisa-consent-container.lisa-consent--visible {
    z-index: 10000 !important;
    opacity: 1;
    transform: translate3d(0, 0px, 0);
}
#lisa-consent-container {
    position: fixed;
    bottom: 0;
    color: rgba(0, 0, 0, 0.84);
    left: 0;
    width: 100%;
    z-index: -2;
    font-family: sans-serif;
}
#lisa-consent-container .lisa-consent__title { font-weight: bold; }
#lisa-consent-container .lisa-consent__cta { align-self: center; }
#lisa-consent-container .lisa-consent {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    background: #434343;
    opacity: 0;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    transform: translate3d(0, -24px, 0);
    transition: all 0.3s;
    padding: 30px 15vw;
}
#lisa-consent-container .lisa-consent--visible {
    z-index: 10000 !important;
    opacity: 1;
    transform: translate3d(0, 0px, 0);
}
#lisa-consent-container .lisa-consent__content {
}
#lisa-consent-container p {
    margin: 0 0 5px 0;
    color: white;
}
#lisa-consent-container a {
    color: #f8a83a;
    font-weight: 600;
    text-decoration: none;
}
#lisa-consent-container a:hover {
    text-decoration: underline;
}
#lisa-consent-container .lisa-consent__button {
    background: #fff;
    border: 1px solid #000;
    color: #434343;
    min-width: 140px;
    min-height: 40px;
    padding: 0.5em 1em;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
}
#lisa-consent-container .lisa-consent__button:hover {
    background: #1E8BC3;
    border-color: #000;
}
@media (max-width: 550px) {
    #lisa-consent-container .lisa-consent
    {
        flex-direction: column;
    }
    #lisa-consent-container .lisa-consent__cta {
        align-self: flex-start;
    }
}


/* Plotly plots */
/**/

.js-plotly-plot .svg-container .pielayer > .trace > .slice:nth-child(7) > .slicetext > .slicetext {
    /*transform: translate(436.84375,89.5)translate(8.78125,5.5);*/
    transform: translate(450px,89px);
}

.js-plotly-plot {
    overflow: auto;
}
    .js-plotly-plot .svg-container {
        height: 540px !important;
        /*margin-left: 79px !important;*/
        margin:0 auto !important;
    }

.js-plotly-plot .svg-container > .main-svg {
    height:540px !important;    
    overflow: initial;
}
#first-layer-values-container.its-visible {
    height:250px;
}
#second-layer-values-container.its-visible {
    height: 250px;
}

.results-text ul {
    margin: 0 auto;
    max-width: 600px;
}
.results-text ul li {
    display: inline-block;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom: dotted 1px #ccc;
}
    .results-text ul li:first-child { margin-left:0px; padding-left:0px; padding:10px; border:dotted 1px #434343; }
.result-explanation {
    padding: 0px 30px;
    margin-bottom: 0px;
    text-align:center;
}