/* Basic
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
html {width: 100%;height: 100%;min-height: 100%;overflow-x: hidden;}
body {padding: 0;margin: 0;background-color: #fff;height: 100%;position: relative !important;}
html, body{color:#485156;background-color: #f5f5f5;
/*background-image:linear-gradient(to right, rgba(98, 20, 161, 1), rgba(98, 20, 161, .9));   */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#6214a1, EndColorStr=#6214a1 )"; /* IE8-9, ColorZilla Ultimate CSS Gradient Generator uses SVG bg image for IE9 */
background-image:-webkit-linear-gradient(right, rgba(98, 20, 161, 1), rgba(98, 20, 161, .9)); /* Chrome10-25, Saf5.1-Saf6, iOS -6.1, Android -4.3 */
background-image:-moz-linear-gradient(right, rgba(98, 20, 161, 1), rgba(98, 20, 161, .9)); /* Fx3.6-15 */
background-image:-o-linear-gradient(right, rgba(98, 20, 161, 1), rgba(98, 20, 161, .9)); /* Op11.10-12.02 */
background-image:linear-gradient( to right, rgba(98, 20, 161, 1), rgba(98, 20, 161, .9)); /* W3C, Fx16+, Chrome26+, IE10+, Op12.10+, Saf6.1+ */
background-repeat: no-repeat;
background-position: center top;
background-size: 100% 450px;}

a{color: #6214a1; text-decoration: none}
a:hover, a:focus{color: #191972;text-decoration: underline;cursor: pointer}

.top-5 {top: 5% !important}
.start-95 {left: 95% !important}
.svg-icon.edit-team-icon svg {width: 18px;position: relative;bottom: .15rem}

/* Typography
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.Din-light {font-family: din-2014, sans-serif;font-weight: 300;font-style: normal;}
.Din-regular {font-family: din-2014, sans-serif;font-weight: 400;font-style: normal;}
.Din-semibold {font-family: din-2014, sans-serif;font-weight: 600;font-style: normal;}
.Din-bold {font-family: din-2014, sans-serif;font-weight: 700;font-style: normal;}
.Din-extrabold {font-family: din-2014, sans-serif;font-weight: 800;font-style: normal;}

html, body {font-family: din-2014, sans-serif;font-weight: 400;font-style: normal;}
.light {font-family: din-2014, sans-serif;font-weight: 300;font-style: normal;}
.regular {font-family: din-2014, sans-serif;font-weight: 400 !important;font-style: normal;}
.semibold {font-family: din-2014, sans-serif;font-weight: 600;font-style: normal;}
.bold, strong {font-family: din-2014, sans-serif;font-weight: 700;font-style: normal;}
h1, .h1 {font-family: din-2014, sans-serif;font-weight: 700;font-style: normal;color: #000;margin-bottom: 1rem;line-height:1.15; }

h2, .h2 {font-family: din-2014, sans-serif;font-weight: 700;font-weight: 700; color: #000;}

h3, .h3 {font-weight: 700;color: #000;}
h4, h5, h6, .h4, .h5, .h6 {font-weight: 600;color: #000;}
.viite {font-weight: 700;text-transform: uppercase; font-size: 1rem; letter-spacing: .025rem}

.lead {font-size: 1rem;line-height: 1.25}
.lime-color, .bold, .semibold, strong { letter-spacing: .025rem; }  
.text-sm{font-size:.875rem}

hr {background-color: #b4b4b4}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  
h6, .h6 {font-size: 1.235rem;}
.lead {font-size: 1.15rem; line-height: normal}
}


/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
html {font-size: 16px;}
}

    
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
html {font-size: 17px;}   
h1, .h1 {font-size:  2.75rem}    
}

/* Extra large devices and retina (extra large desktops, 1600px and up)*/
@media (min-width: 1600px) {
html {font-size: 19px;}
}

/* Extra Extra large devices and retina (extra large desktops, 1920px and up)*/
@media (min-width: 1920px) {
html {font-size: 19px;}
}
  

/* Tes-kones Colors
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

.black-bg {background-color: #000 !important}
.dark-gray-bg {background-color: #485156 !important}
.gray-bg {background-color: #b2b2b2 !important}
.light-gray-bg{background-color: #f5f5f5 !important}
.white-bg{background-color: #fff !important;}
.blue-violet-bg {background-color: #2b2b8f;}
.violet-bg {background-color: #3b1a99;}
.lila-bg {background-color: #6214a1 !important;}
.magenta-bg {background-color: #b00aab !important;}
.lime-bg {background-color: rgb(133,232,105) !important;background-color: rgb(214,247,36) !important;background-color: #adf045 !important;}
.pale-lila-bg{background-color: rgba(98,20,161,.15);}
.guide-bg {background-color: rgba(98,20,161,.05); border: 0px solid #b089d0; border-radius: .25rem;margin-bottom: 1rem }
.guide-info-bg {background-color: #efe7f5 !important}

.danger-bg {background-color: #ff547a !important;}
.pale-danger-bg {background-color: #fae1e3}
.success-bg {background-color: #5cde8a !important;}
.pale-success-bg {background-color: #5cde8a !important;}

.black-color {color: #000 !important}
.white-color{color: #fff !important;}
.blue-violet-color{color:#2b2b8f !important;}
.violet-color{color:#3b1a99 !important;}
.lila-color{color:#6214a1 !important;}
.magenta-color {color: #b00aab !important;}
.lime-color{color: rgb(214,247,36) !important;color:#adf045 !important;}
.gray-color {color: #b2b2b2 !important;}
.light-gray-color {color: #f5f5f5 !important;}
.text-color {color: #485156 !important}

.danger-color {color:#eb3d64}
.success-color {color: #2cb610}
.guide-color {color:rgba(255,255,255,.5) !important}
.guide-slash::after{content:" /"}
.box-shadow {-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.15);box-shadow: 0 0 5px 0 rgba(0,0,0,.15);}

.border {border-color:#ced4da !important}
.danger-border-color {border-color:#ff547a !important;}
.border-bottom-gray {border-bottom: 1px solid #777}

/* Header
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.desktop-header-logo-img{ margin-left: -1rem; } 
.mobile-header, .desktop-header {border-bottom-color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.header-logo-img{ position: relative; bottom: .5rem; height: 45px; width: auto} 
.mobile-logo-text{ margin-right: 50px;color:#fff;font-size: 1.15rem; font-weight: 600; letter-spacing: 0.0125rem } 
.mobile-logo-text:hover, .mobile-logo-text:focus{color:#fff;text-decoration: none } 
.desktop-header-logo-img{ margin-left: -1rem; } 
.logo-img {height: 48px; width: auto}
.teskone-label{ position:relative; bottom:.1rem; left:-.75rem;font-size:1.275rem;white-space: nowrap; } 

.dropdown-menu li{position: relative;}
.dropdown-menu .submenu{ display: none;position: absolute;right:100%; top:-7px;}
.dropdown-menu .submenu-left{ right:100%; left:auto;}
.dropdown-menu > li:hover{ background-color: #f1f1f1 }
.dropdown-menu > li:hover > .submenu{display: block;}

.username-info:hover, .username-info:focus {background-color: #fff;color: inherit}
 
/* Custom Mobile menu styles
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 nav:not(.mm-menu){display: none;}
 /*nav:not(.leftmenu) {display: none;}*/
.mburger {width: 50px;height: 50px; color: #fff;--mb-bar-height: 2px;--mb-bar-spacing: 10px;}

.mburger:hover, mburger:focus {color: #adf045;text-decoration: none;}
.mburger:active {color:  #fff}
.mm-navbar__title {font-family: din-2014, sans-serif;font-weight: 600;text-transform: uppercase}
.mm-listitem {font-family: din-2014, sans-serif;font-weight: 400;font-style: normal;font-size: 1.063rem}
.mm-listitem::after {left: 0}
.mm-listitem__text {white-space: initial; overflow: initial;}

a.mburger:hover, a.mburger:focus{color: #fff;}
.mobile-logout-link {font-weight: 600;color: #adf045 !important;background-color: #000;}

/* Buttons
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn:hover, .btn:focus,.btn:active,.btn.active,.btn.active:focus, .btn {box-shadow:none !important;outline:none !important;text-decoration: none!important}

.btn-primary {background-color: #6214a1;border-color: #6214a1;color:#fff!important}
.btn-primary:hover,.btn-primary:focus {background-color: #3b1a99;border-color: #3b1a99; outline:none !important;cursor:pointer;}
.btn-primary.disabled, .btn-primary:disabled {color: #9b9c9d !important;background-color: #f5f5f5;border-color: #e6e6e6;opacity: 1}
.btn-primary.btn-lg {font-weight: 600;letter-spacing: .025rem;}

.btn-default {border-color: #e6e6e6;color:#777777 !important; background-color: transparent;}
.btn-default:hover,.btn-default:focus {background-color: #f5f5f5;border-color: #e6e6e6;color: #485156;outline:none !important;}
.btn-default.disabled, .btn-default:disabled{color: #9b9c9d !important;background-color: #f5f5f5;border-color: #e6e6e6;opacity: 1}

.btn-toolbar {border-color: #6214a1;color:#fff; background-color: #6214a1}
.btn-toolbar:hover,.btn-toolbar:focus {background-color: rgba(0,0,0,.15);border-color: #6214a1;color: #fff;outline:none !important;}
.btn-toolbar.disabled, .btn-toolbar:disabled{color: #9b9c9d !important;background-color: #f5f5f5;border-color: #e6e6e6;opacity: 1}

.btn-check:active + .btn-toolbar, .btn-check:checked + .btn-toolbar, .btn-toolbar.active, .btn-toolbar.dropdown-toggle.show, .btn-toolbar:active {color: #000;background-color: #fff;border-color: #fff;}

.btn-outline {border-color: #6214a1;color:#6214a1; background-color: #fff}
.btn-outline:hover,.btn-outline:focus {background-color: #f5f5f5; border-color: #6214a1;color: #6214a1;outline:none !important;}
.btn-outline.disabled, .btn-outline:disabled{color: #9b9c9d !important;background-color: #f5f5f5;border-color: #e6e6e6;opacity: 1}

.btn-link {color: #6214a1;background-color:transparent;border-color:transparent;}
.btn-link:hover,
.btn-link:focus {color:#3b1a99; background-color:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.15)!important;outline:none!important;cursor:pointer;text-decoration: underline !important}
/*.btn-link:checked,.btn-link:active,.btn-link.active,.btn-link.active:focus {background-color:transparent!important;border-color:transparent!important;box-shadow:none}*/
.btn-link.disabled, .btn-link:disabled {color: #707173 !important;opacity: 1}

.btn-icon {height: 1.25rem;position: relative;bottom: .125rem;}
.btn-primary .btn-icon, .btn-link .btn-icon {opacity: .75}
.btn-primary:hover .btn-icon,.btn-primary:focus .btn-icon {opacity: .35}

.btn-white-close {color: #fff;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.next-btn{position: relative; padding-right: 2rem} 
.next-btn::after{content: '';background: url('../img/icons/icon_next-white.svg');position: absolute;height: 1.15rem;width: 1.15rem;top: .85rem;right: .5rem;opacity: .75}
.input-icon{position: relative;left: -2.5rem;bottom: -.125rem;opacity: .5;}

.btn-success {background-color: #2cb610;border-color: #2cb610;color:#fff!important}
.btn-success:hover,.btn-success:focus {background-color: #29a80f;border-color: #29a80f; outline:none !important;cursor:pointer;}

.btn-danger {background-color: #ff547a;border-color: #ff547a;color:#fff!important}
.btn-danger:hover,.btn-danger:focus {background-color: #eb3d64;border-color: #eb3d64; outline:none !important;cursor:pointer;}

/* Tooltip
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.tooltip-link {color: #6214a1;text-decoration: none}
.tooltip-link:hover, .tooltip-link:focus {color: #191972;text-decoration: underline;cursor: pointer}        
.tooltip-inner {opacity:1 !important;max-width: 20rem;line-height: 1.25;padding:.75rem;}
.custom-tooltip .tooltip-inner  {opacity:1 !important;max-width: 28rem;line-height: 1.25;padding:1rem 1.25rem;text-align: left !important}
.custom-tooltip span  {color: #adf045;color: #808080;font-weight: 500;text-decoration: underline; display: block; margin-top:.5rem}


/* Form styles
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.form-control {color:#000;background-color: #fff}
.form-control:focus, .form-select:focus {border-color: #6214a1;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(90, 20, 161, .25);background-color: #efe7f5}
.form-label {margin-bottom: .25rem;margin-left: .25rem;}
.form-text{ margin-left: .7rem;}
.form-info-text{ padding: 0 .7rem;}
.form-select {line-height: 1.5;color: #000000;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23002649' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right .5rem center;border: 1px solid inherit;}

.form-control:disabled, form-control:disabled:focus{box-shadow: none;color: #9b9c9d !important;background-color: #f5f5f5;border-color: #ced4da;opacity: 1}
.form-control[readonly], .form-control[readonly]:focus,.form-select:disabled  {box-shadow: none;color: #000 !important;background-color: #f5f5f5;border-color: #ced4da;opacity: 1}

.input-group-text {background-color: #fff;border-color: #ced4da;color: #000;}
.form-control {line-height: 1.25}

.form-select.is-invalid, .was-validated .form-select:invalid{border-color: #ff547a;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff547a'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff547a' stroke='none'/%3e%3c/svg%3e");background-color:#ffdde4}
.form-select.is-invalid:not([multiple]):not([size]){border-color: #ff547a;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff547a'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff547a' stroke='none'/%3e%3c/svg%3e");background-color:#ffdde4}
.form-control.is-invalid, .was-validated .form-control:invalid {border-color: #ff547a;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff547a'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff547a' stroke='none'/%3e%3c/svg%3e");background-color:#ffdde4}

.input-group .form-control.is-invalid,.input-group .form-control.is-valid {margin-right: 1px}

.form-control.is-invalid:focus, .form-select.is-invalid:focus {border-color: #ff547a;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(220, 53, 69, .25);background-color: #ffdde4;color:#000;}
.invalid-feedback {color:#eb3d64;margin-left: .7rem; line-height: 1.3;font-size:.925rem}
.invalid-feedback a {color: #ff547a;text-decoration: underline; font-weight: 600}
.invalid-feedback a:hover, .invalid-feedback a:focus{color: #000;}

.form-control.is-valid{border-color: #33d611;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2333d611' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-color: #eafbe7;}

.datepicker.form-control {color: #000;background-color: #fff;}

.form-select.is-valid:not([multiple]):not([size]) {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2333d611' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");border-color: #33d611;background-color: #eafbe7;}
.form-control.is-valid:focus, .form-select.is-valid:focus {border-color: #33d611;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(51, 214, 171, .25);background-color: #eafbe7;color:#000;}
.form-control.timepicker.is-valid {padding-right: 2.25rem; background-position: right .75rem center,center right -1.25rem;}
.valid-feedback {color:#2cb610;font-size:.925rem}
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {background-color:  #5cde8a;border-color: #33d611}
.form-check-input.is-valid:checked ~ .form-check-label {color:#33d611;}

.form-check-label {line-height: 1.25}
.form-check-input {border-color: #e6e6e6;background-color: #eaeaea;width: 1.25rem;height: 1.25rem;margin-top: .125rem;}
.form-check-input-sm {width: 1rem; height: 1rem}
.form-check-input[type="checkbox"] {border-radius: .25em;}
.form-check-input:checked {background-color: #6214a1;border-color: #6214a1;}

.form-check-input:focus {box-shadow: none !important;}
.form-check-input-lg {width: 1.5rem;height: 1.5rem;margin-top: .125rem;}
.form-check-sm .form-check-input {width: 1rem; height: 1rem; margin-top: .25rem} 
.form-check-sm .form-check-label {font-size: .875rem; margin-left: .15rem}

.add-own {border-color: #6214a1;background-color: #fff}
.form-help {cursor:help}

.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e");background-size: 60% 60%;
}

.form-check-input:disabled[type="checkbox"] {background-color: #ced4da;border-color: #ced4da;}

.form-check-input[disabled] ~ .form-check-label {opacity: .85; color:#485156 !important}


.form-check-input:disabled:checked[type="checkbox"],
.form-check-input.already-selected:disabled[type="checkbox"]{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23000'/%3e%3c/svg%3e");
    background-size: 60% 60%;
}

.form-check-input[type="checkbox"]:indeterminate {
  background-color: #6214a1;border-color: #6214a1; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e");background-size: 60% 60%;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #808080;opacity: 1; /* Firefox */font-size: .925rem}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #808080;}
.form-control::-ms-input-placeholder { /* Microsoft Edge */color: #808080;}


#contract-nav .form-select {background-color:rgba(98,20,161,.05);font-weight: 600;
 border-color: #6214a1;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(90, 20, 161, .25);background-color: #efe7f5}

.add-own-links {border: 1px dashed #ced4da !important;padding: 0 .15rem !important;border-radius: .35rem !important;margin: .5rem .5rem;background-color: rgba(245,245,245,.5) !important;}


/* Custom icon styles
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.svg-icon.check-icon svg  {margin-right: .5rem;position: relative;bottom:.125rem}
.btn-toolbar svg {margin-right: .5rem;}
.svg-icon.edit-icon svg {width: 18px;}
.svg-icon.menu-icon svg {width: 20px;}
.info-icon  {position: relative;bottom:.125rem}
.locked-icon{position: relative;bottom:.1rem; margin-right: 1.rem}

.btn-toolbar .check-icon  {display: none}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.btn-toolbar .check-icon  {display: block}
}

/* Nav Tabs
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.teskone-tab {border-bottom-width:0;background-color: rgba(255,255,255,.75);}
.teskone-tab .nav-link {margin-bottom: -3px;border-color: #fff;border-width: 0;border-bottom-width:3px;border-top-left-radius: 0;border-top-right-radius: 0;color:#000;padding:.3rem .5rem;}
.teskone-tab .nav-item.show .nav-link, .teskone-tab .nav-link.active {color: #6214a1;background-color: #fff;border-bottom: 3px solid #6214a1;font-weight: 600;}
.teskone-tab .nav-link:focus, .teskone-tab .nav-link:hover {text-decoration: none;background-color: #f5f5f5; border-bottom:3px solid #f5f5f5;}
.teskone-tab .nav-link.active:hover, .teskone-tab .nav-link.active:hover,.teskone-tab .nav-link.active:focus, .teskone-tab .nav-link.active:focus {color: #6214a1;background-color: #fff;border-bottom: 3px solid #6214a1;font-weight: 600;}
.teskone-tab .nav-link.h6 {font-size:1rem;letter-spacing:0; }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.teskone-tab {border-bottom: 3px solid #e6e6e6;background-color: rgba(255,255,255,.75);}    
.teskone-tab .nav-link {padding: .5rem .5rem; border-color: transparent;}
.teskone-tab .nav-item.show .nav-link, .teskone-tab .nav-link.active {border-bottom: 6px solid #6214a1;letter-spacing: .015rem}
.teskone-tab .nav-link.active:hover, .teskone-tab .nav-link.active:hover,.teskone-tab .nav-link.active:focus, .teskone-tab .nav-link.active:focus {border-bottom: 6px solid #6214a1;letter-spacing: .015rem}
.teskone-tab .nav-link.h6 {font-size:1.15rem; }
.nav-link.team-link  {position: relative; padding-left: 1rem}
.nav-link.team-link:hover,.nav-link.team-link:focus {color:#6214a1;}
.nav-link.team-link.is-active  {color:#6214a1;border-color:#6214a1 }    
.team-link::before {content: "";display: block;position: absolute;z-index: 1;left: 0;top: 0;bottom: 0;border: 2px dotted;border-width: 0 0 0 2px;border-color: #e6e6e6}
}

/* Nav menu
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.nav-pills .nav-link {border-radius: .15rem; margin-left: .5rem;color: #fff}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #fff;background-color: rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.6);}
.nav-pills .nav-link:focus, .nav-pills .nav-link:hover {border-color: #fff;background-color: rgba(0,0,0,.15);text-decoration: none;color:#fff}
.nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover {background-color: rgba(0,0,0,.15);text-decoration: none}

.menu-btn {padding: .5rem;border-radius: .15rem;}
.menu-btn:hover, .menu-btn:focus {background-color:  rgba(0,0,0,.15);}

.user-menu-btn {margin-right: -1rem;}
.user-menu-btn .user-img {position: relative; bottom: 7px;}
.user-icon-btn {padding: .5rem; border-radius: .15rem; background-color:  rgba(0,0,0,.15); border: 1px solid rgba(255,255,255,.6)}
.user-icon-btn:hover, .user-icon-btn:focus {background-color:  rgba(0,0,0,.15);border-color: #fff}

.user-menu-btn.dropdown-toggle::after, .dropdown-toggle::after {display: none;}
.dropdown-item {color:#485156; }
.dropdown-item:focus, .dropdown-item:hover {color: #000;text-decoration: none; background-color: #f5f5f5;}
.dropdown-item.active, .dropdown-item:active {color: #000;background-color: #e6e6e6;}

.user-menu {padding: 0;margin: 0;font-size: .875rem;color: #485156;background-color: #fff;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;min-width: 15rem;}

.action-menu {padding: 0;margin: 0;font-size: .875rem;color: #485156;background-color: #fff;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;}

.avatar{display: inline-block;flex-shrink: 0;position: relative;border-radius: 0.475rem;}
.avatar img {width: 50px; height: 50px}
.user-name-info {color:#485156; font-weight: 600;padding: .25rem 1rem}
.username-info:hover, .username-info:focus {background-color: #fff;color: inherit}

.notification-badge {font-size: .85rem;font-weight: 400;padding: .2rem .4rem;line-height: 1;color: #fff;border:1px solid #fff}
.notifications-badge {position: absolute;top: 0;right: 0;font-size: .85rem;font-weight: 400;padding: .2rem .4rem;line-height: 1;color: #fff;border:1px solid #fff}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
 .menu-btn, .user-icon-btn {padding: .75rem;}   
}

/* Notifications
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
#Notification-menu.offcanvas-end { width: 600px;}
.notification-list .list-group {border-radius: 0 }
.notification-list .list-group-item {font-size: .85rem; line-height: 1.25;color:#485156 }
.notification-date-time{font-size: .725rem;color:#808080; display: block; margin-bottom: .15rem}
.notification-time{color:#808080}
.notification-highlight{font-weight: 600}
/*.notification-highlight-info{font-weight:600}*/
.notification-highlight-info:before{content: open-quote;position: relative;left: .2rem;}
.notification-highlight-info:after{content: close-quote;}
.notification-list .list-group-item.active {color: #485156;background-color: rgba(255, 84, 122, .15);border-color: rgba(0,0,0,.125);}

/* left menu
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.leftmenu .nav-link.active, .leftmenu .show > .nav-link {color: #fff;background-color: #2b2b8f;background-color: #6214a1;border-color: currentColor;}
.leftmenu .nav-link {border-radius: .25rem;margin-left: 0;color: #485156;padding: .35rem 1rem;line-height: 1.25;border-radius: .15rem;font-weight: 600;}
.leftmenu .nav-link:focus, .leftmenu .nav-link:hover {border-color: #f5f5f5;background-color: #f5f5f5;text-decoration: none;color:#3b1a99;}
.leftmenu .nav-link.active:focus, .leftmenu .nav-link.active:hover {background-color: #3b1a99;text-decoration: none;color: #fff;}  
.leftmenu .nav-title   {margin-left: 1rem;text-transform: uppercase;font-size: 1rem;font-weight: 700;letter-spacing: .025rem;color: #000;}   
.leftmenu .nav-2nd-level {margin-left: 0; margin-bottom: .25rem}
.leftmenu .nav-2nd-level .nav-link {font-size: .875rem; margin:0;font-weight: 400;position: relative;padding: .25rem 1rem .25rem 2rem}
.leftmenu .nav-2nd-level .nav-link::before {content: '';display: inline-block;position: absolute;left: 1rem;top: .475rem;background-size: contain;background-repeat: no-repeat;margin: 0;background-image:url('../img/icons/icon_leveldown-lila.svg');height:.7rem; width:.7rem;opacity: 1}
.leftmenu .nav-2nd-level .nav-link.active::before {background-image:url('../img/icons/icon_leveldown-white.svg');opacity: .5}
.leftmenu .nav-3rd-level {margin-left: 1.5rem}
.leftmenu .nav-3rd-level .nav-link {position: relative;margin:0;}
.leftmenu .nav-4th-level {margin-left: 1.5rem}
.leftmenu .nav-4th-level .nav-link {position: relative;margin:0;font-size: .825rem}


/* leftmenu- without numbering
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.toc-nav {list-style-type: none;flex-direction: column !important;}
.toc-nav .tocx {font-size: .75rem;position: relative;bottom: -.12rem;left: -.15rem;margin-right:.15rem}
.toc-nav .nav-3rd-level .tocx{margin-right:.15rem}
.toc-nav .nav-4th-level .tocx {margin-right:.15rem; left:0; bottom:-.08rem}
.toc-nav .nav-link.active, .toc-nav .show > .nav-link {color: #fff;background-color: #2b2b8f;background-color: #6214a1;border-color: currentColor;}
.toc-nav .nav-link {border-radius: .25rem;margin-left: 0;color: #485156;padding: .35rem .35rem;line-height: 1.25;border-radius: .15rem;font-weight: 600;display: flex}
.toc-nav .nav-link:focus, .toc-nav .nav-link:hover {border-color: #f5f5f5;background-color: #f5f5f5;text-decoration: none;color:#3b1a99;}
.toc-nav .nav-link.active:focus, .toc-nav .nav-link.active:hover {background-color: #3b1a99;text-decoration: none;color: #fff;}  
.toc-nav .nav-title   {margin-left: 1rem;text-transform: uppercase;font-size: 1rem;font-weight: 700;letter-spacing: .025rem;color: #000;}   

.toc-nav .nav-2nd-level {margin-left: 0; margin-bottom: .25rem}
.toc-nav .nav-2nd-level .nav-link {font-size: .875rem; margin:0;font-weight: 600;position: relative;padding: .15rem .35rem .15rem .35rem}
.toc-nav .nav-3rd-level {margin-left: 1.8rem}
.toc-nav .nav-3rd-level .nav-link {position: relative;margin:0;font-weight:400}
.toc-nav .nav-4th-level {margin-left: 1.8rem}
.toc-nav .nav-4th-level .nav-link {position: relative;margin:0;font-size: .825rem}

/* misc
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.contract-wrapper {border:1px solid #fff; padding:.375rem 1rem;border-radius: .25rem; background-color: #fff}
.contract-wrapper-sm {  padding: .25rem .5rem;font-size: .925rem}
.card-info-icon{position: absolute; top:.5rem; right: .5rem }
.theme-list .card-info-icon{position: absolute; top:.25rem; right: .5rem }
/*.btn-group-sm > .btn-toolbar, .btn-sm.btn-toolbar {padding: .35rem .5rem;font-size: .925rem;border-radius: .25rem;}*/

/* action menu. mobile toolbar menu
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.action-menu, .action-check-menu {padding: 0;margin: 0;font-size: .875rem;color: #485156;background-color: #fff;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;z-index: 1080}
.action-check-menu, .action-menu {min-width: 15rem; }
.action-check-menu .dropdown-item.active, .action-check-menu .dropdown-item:active{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%236214a1' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-color: #f5f5f5;background-repeat: no-repeat;background-position: right calc(.375em + .1875rem) center;background-size: calc(.75em + .375rem) calc(.75em + .375rem);padding-right: calc(1.5em + .75rem);}

/* Tags
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.tag {border-radius: 25rem;display: inline-block;font-size: 1rem; padding:.35rem .75rem}
.tag-sm {font-size: .825rem;padding: .15rem .5rem;}
.search-tag {display: inline-block;color:#808080;background-color: #f5f5f5;border:1px solid #e6e6e6;font-size: .825rem;padding: .1rem .35rem;margin:.1rem; letter-spacing: .0175rem;line-height: 1.25}
.user-tag-admin {color:#fff;background-color: #5cde8a;}
.status {font-size: 1rem; font-weight: 400; padding: .25rem 1rem;}
.status-sm {font-size:.875rem;padding: .15rem .5rem;}
.contract-status-draft {color:#808080;background-color: #fff;border:1px solid #e6e6e6}
.contract-status-locked {color:#ff805c;background-color: #fff;border:1px solid #ff805c}
.contract-status-valid {color:#2cb610;background-color: #fff;border:1px solid #2cb610}
.contract-status-archived {color:#808080;background-color: #f5f5f5;border:1px solid #e6e6e6}
.contract-status-removed {color:#ff547a;background-color: #fff;border:1px solid #ff547a}

.tes-status {font-family: din-2014, sans-serif;font-size: .875rem;font-weight: 400;padding: .375rem .75rem;line-height: 1; border: 1px solid transparent;display: inline-block;}
.tes-status-sm {font-size:.825rem;padding: .15rem .5rem;position: relative;bottom: .125rem;}
.status-all {color:#fff;background-color: #000;border-color: #000;}
.status-default {color:#808080;background-color: #f5f5f5;border:1px solid #e6e6e6}
.status-draft {color:#808080;background-color: #fff;border:1px solid #e6e6e6}
.status-approved {color: #2cb610;background-color: #fff;border: 1px solid #2cb610;
padding-left: 1.65rem;background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 14' style='enable-background:new 0 0 14 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%232CB610;stroke-width:1.1667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2.3333;%7D%0A%3C/style%3E%3Cpath class='st0' d='M3,5.7h7.9c0.5,0,0.9,0.4,0.9,0.9v6.1c0,0.5-0.4,0.9-0.9,0.9H3c-0.5,0-0.9-0.4-0.9-0.9V6.5 C2.2,6.1,2.6,5.7,3,5.7z'/%3E%3Cpath class='st0' d='M4,5.7V3.5c0-1.7,1.4-3,3-3s3,1.4,3,3v2.2'/%3E%3Cline class='st0' x1='7' y1='8.8' x2='7' y2='10.5'/%3E%3C/svg%3E");background-size: 14px;background-repeat: no-repeat;background-position: left .5rem center;    }
.tes-status-sm.status-approved {background-size: 12px; padding-left:1.3rem}
#changelog-content .status-approved {background-image:none; padding-left:.5rem}
.status-success {  color: #2cb610;background-color: #fff;border: 1px solid #2cb610;}
.status-edit {color:#ff805c;background-color: #fff;border-color:#ff805c;}
.status-comments {color:#ff805c;background-color: #fff;border-color:#ff805c;}
.team-status-draft  {color:#808080;background-color: #fff;border:1px solid #e6e6e6}
.team-status-active  { color: #2cb610;background-color: #fff;border: 1px solid #2cb610;}
.team-status-removed  {color:#ff547a;background-color: #fff;border:1px solid #ff547a}
.status-text{font-family: din-2014, sans-serif;font-size: .825rem;font-weight: 400;}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){ 
.status-visibility{min-width:200px;}
}

.tes-status-info {display: inline-block;}

.btn-filter {border-color: #b2b2b2;color:#808080; background-color: #fff}
.btn-filter:hover,.btn-filter:focus {background-color: rgba(0,0,0,.15);border-color: #6214a1;color: #fff;outline:none !important;}
/*.btn-secondary:checked,.btn-secondary:active,.btn-secondary.active,.btn-secondary.active:focus {box-shadow:none !important;outline:none !important;}*/
.btn-filter.disabled, .btn-filter:disabled{color: #9b9c9d !important;background-color: #f5f5f5;border-color: #e6e6e6;opacity: 1}

.btn-filter.status-all:hover,.btn-filter.status-all:focus,.btn-check:checked + .btn-filter.status-all {color:#fff;background-color: #000;border-color: #000;}
.btn-filter.status-default:hover,.btn-filter.status-default:focus,.btn-check:checked + .btn-filter.status-default {color:#808080;background-color: #f5f5f5;border-color: #e6e6e6}
.btn-filter.status-draft:hover,.btn-filter.status-draft:focus,.btn-check:checked + .btn-filter.status-draft {color:#fff;background-color:  #b2b2b2;border-color:  #b2b2b2}
.btn-filter.status-approved:hover,.btn-filter.status-approved:focus,.btn-check:checked + .btn-filter.status-approved {color:#fff;background-color: #33d6ab;border-color: #33d6ab;}

.filter-btns-wrapper .btn-filter {margin: .25rem;; border-radius:50rem; line-height: 1}

.btn-filter {border-color: #b2b2b2;color:#808080; background-color: #fff}
.btn-filter:hover,.btn-filter:focus {background-color: rgba(0,0,0,.15);border-color: #6214a1;color: #fff;outline:none !important;}
/*.btn-secondary:checked,.btn-secondary:active,.btn-secondary.active,.btn-secondary.active:focus {box-shadow:none !important;outline:none !important;}*/
.btn-filter.disabled, .btn-filter:disabled{color: #9b9c9d !important;background-color: #f5f5f5;border-color: #e6e6e6;opacity: 1}
/*.btn-check:active + .btn-filter, .btn-check:checked + .btn-filter, .btn-filter.active, .btn-filter.dropdown-toggle.show, .btn-filter:active*/
.btn-check:checked + .btn-filter {color: #000;background-color: #fff;border-color: #fff;}

/* Carousel
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.carousel-control-next, .carousel-control-prev{opacity: 1}
.carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23002663'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23002663'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}
.carousel-control-next-icon,.carousel-control-prev-icon {background-color: #fff;border-radius: 50rem;opacity: 1;padding: .25rem;border: 4px solid #fff;}
.carousel-control-next-icon:hover,.carousel-control-prev-icon:hover {background-color: #fff;border-color: #fff;}
.carousel-img-div {background-image: none}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
.carousel-inner{width: 90%}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){ 
.carousel-control-next {right: -2rem;opacity: 1}
.carousel-control-prev{left: -2rem;opacity: 1}
.carousel-text-div {min-height:18rem }
}


/* Numbered list
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.guide {line-height: 1.25;}

.guide ol, .content-area ol {padding-left: 1rem}
.guide ol li, .content-area ol li {line-height: 1.25; margin-bottom: .35rem}
.guide ol li::marker{font-weight: bold;color: #000;}

.show-more.collapsed {/*background-color: #fff;*/ border:none}
.show-more.collapsed::before {content: "Näytä";}
.show-more::before {content: "Piilota";}

/* Theme list
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.theme-list .list-group-item {padding: .25rem .5rem;color: #485156;background-color: transparent;border: none;}
.theme-list .form-check-inline { margin-right: 1.5rem;margin-bottom: 0}
.theme-container .card { margin-bottom: 1rem} 
.theme-container .card:hover,.theme-container .card:focus { border-color:#e6e6e6;
 -webkit-box-shadow: 0 0 0 4px rgba(238,238,238,.25);
  -moz-box-shadow: 0 0 0 4px rgba(238,238,238,.25);
  box-shadow: 0 0 0 4px rgba(238,238,238,.75);}
 .theme-list.subheader-list {margin-left:3rem !important; }
.theme-list.subheader-list .list-group-item { font-size:.925rem;}
.ownTitle_1,.ownTitle_2, .ownTitle_3, .ownTitle_4, .ownTitle_5, .ownTitle_6, .ownTitle_7, .ownTitle_8, .ownTitle_9, .ownTitle_10 { border-width:0 !important;} 

/* Toc list
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.toc-list a {color:#485156}
.toc-list a:hover, .toc-list a:focus {color:#6214a1;}
.toc-list a.active, .toc-list a:active {color:#191972; text-decoration: underline}
.toc-list .list-group-item {border:0; border-radius:0;background-color:transparent;}
.toc-list .toc-1st-level {/*border-top:1px solid; padding: 1rem;*/ padding:.5rem 1rem}
.toc-list .toc-1st-level .card-info-icon {top:1rem}

.toc-theme-title, a.toc-theme-title {font-size: 1.15rem; font-weight: 700; text-transform: uppercase; color:#000;letter-spacing: .025rem;}
.toc-list > li::before, .sortable-theme-list > li:before, .not-sortable > li:before {font-size: 1.15rem;font-weight: 700;}
.toc-list > li > ol > li::before, .sortable-theme-list > li > ol > li::before  {font-size: 1rem;font-weight: 400;margin-left: -2rem}
.toc-list ol {margin-left: 3rem;margin-top:.5rem }
.toc-2nd-level li {padding: .25rem; line-height: 1.25rem}
.toc-list .toc-3rd-level {margin-left: 1rem;}
.toc-list .toc-4th-level {margin-left: 1rem;}
.toc-list .toc-4th-level li {font-size: .875rem; padding:.15rem}

.not-sortable .toc-theme-title  {position: relative;}
.not-sortable .toc-theme-title::after  {content:"Aihealue"; padding:.1rem .25rem; margin-left: .75rem; font-size: .875rem; color:#808080; background-color: #f5f5f5; border: 1px solid #e6e6e6 }

.sortable-header-list .toc-tes-regulation  {position: relative;}
.sortable-header-list .toc-tes-regulation::after  {content:"Tes-määräys"; padding:.1rem .25rem; margin-left: .75rem; font-size: .875rem; color:#000; background-color: #adf045; }
.sortable-header-list .toc-tes-title  {position: relative;}
.sortable-header-list .toc-tes-title::after {content:"Väliotsikko"; padding:.1rem .25rem; margin-left: .75rem; font-size: .875rem; color:#fff; background-color: #000 }

.not-sortable li {padding-top: .75rem;border-radius: 0 !important}
.sortable-header-list {margin-top: .25rem;margin-bottom: .5rem}
.sortable-bg {background: #efe7f5 !important;border:1px solid rgba(98,20,161,.25) !important}
.sortable:empty, .sortable:blank {padding-bottom: 20px;border: 1px dashed red;}

.sortable {border-radius:0}
.sortable .list-group-item {background: rgba(245,245,245,.5); border-color:#e6e6e6;border-radius:0; margin-top: .5rem; border-top:1px solid #e6e6e6}
.sortable .list-group-item:hover,.sortable .list-group-item:focus {background: #f5f5f5;border:1px solid rgba(98,20,161,.25)}
.sortable-header-list li ol {margin: .5rem 1rem .5rem 2rem;min-height: 3rem}
.sortable-header-list li ol li {background-color: rgba(255,255,255,.5)}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.toc-list > li > ol > li::before, .sortable-theme-list > li > ol > li::before  {margin-left: -2rem}
.toc-list ol {margin-left: 4rem;}
.toc-list .toc-3rd-level {margin-left: 3rem;}
.toc-list .toc-4th-level {margin-left: 3rem;} 
.toc-list.wide-toc .toc-1st-level {border-top:1px solid #ced4da; padding: 1rem;}
.toc-list.wide-toc .toc-1st-level:first-child{border:none}
.toc-list.wide-toc ol  {margin-left: 8rem;}
.toc-list.wide-toc .toc-2nd-level {font-weight:600;font-size:1.08rem}
.toc-list.wide-toc .toc-2nd-level a {color:#000}
.toc-list.wide-toc > li > ol > li::before{color: #000;font-weight: 600;}

.toc-list.wide-toc .toc-3rd-level a {color:inherit}

.toc-list.wide-toc .toc-3rd-level  {margin-left:3rem;font-weight:400;font-size:.975rem}
/*.toc-list.wide-toc .toc-3th-level .list-group-item {font-size:.875rem; }  */
.toc-list.wide-toc .toc-4th-level {margin-left: 4rem;font-size:.875rem; }  
}

/* Default theme toc
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.toc-title {font-family: 'Lora', serif;font-weight: 700;color:#000;line-height: 1.2;}
.default-theme .toc-1st-level .theme-tocx {font-family: 'Lora', serif;font-weight: 700;color: #6214a1;font-size: 1.25rem;margin-right: .25rem;}
.default-theme .toc-theme-title, .default-theme a.toc-theme-title {
    font-family: 'Lora', serif;font-weight: 700;color:#6214a1;line-height: 1.2;font-size: 1.25rem; text-transform: none;}
.toc-list.wide-toc.default-theme .toc-2nd-level {font-family:din-2014, sans-serif;font-weight:600}
.toc-list.default-theme > li::before {font-family: 'Lora', serif;font-weight: 700;color:#6214a1; font-size:1.25rem}
.toc-list.default-theme .toc-1st-level {border-top: 2px solid #6214a1;}
.toc-list.default-theme > li > ul > li::before  {font-size: 1rem;font-weight: 400;margin-left: -2rem}
.toc-list.default-theme ul {margin-left: 3rem;margin-top:.5rem }



/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){ 
.toc-title {font-size: 2.25rem;}
.toc-list.default-theme > li > ul > li::before, .sortable-theme-list > li > ol > li::before  {margin-left: -2rem}
.toc-list.default-theme > li > ul > li::before{color: #000;font-weight: 600;}
.toc-list.default-theme ul  {margin-left: 8rem;}
.toc-list.default-theme .toc-3rd-level  {margin-left:4rem;}
}

/*team list
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

.team-header{font-weight: 600; color:#000;border-bottom:2px solid #485156;line-height: 1.15;background-color: #f5f5f5; border: 1px solid #e6e6e6; font-size: .925rem}  

.team-member{transition: all .15s ease-in-out;color:inherit;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;background-color: rgba(245,245,245,.5);font-size: .875rem}
.team-member:hover, team-member:focus{ background-color: rgba(255,255,255,.5)}
.member-name, .member-title, .member-email{display: inline-block} 
.mobile-label{color:#000; font-weight: 600; margin-right: .25rem}  

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){ 
/*.team-member, .team-header{align-items: center} */   
.member-info{flex-grow: 1.5;flex-shrink: 1;flex-basis: 0%;}
.member-organisation{flex-grow: 1;flex-shrink: 1;flex-basis: 0%;}
.member-role{flex-grow: 1;flex-shrink: .75;flex-basis: 0%;}
.member-status{flex-grow: 1;flex-shrink: .75;flex-basis: 0%;}
.member-invitation-date{flex-grow: .75;flex-shrink: 1;flex-basis: 0%;}
.member-last-login{flex-grow: .75;flex-shrink: 1;flex-basis: 0%;}
.member-functionalities{flex-grow: .2;flex-shrink: 1;flex-basis: 0%; text-align: right}
.member-name, .member-title, .member-email{display: block} 
.member-name{font-weight: 600} 
.member-title, .member-email{font-size: .875rem; line-height: 1.15} 
}

/* Info boxes & alert-boxes
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.alert-box  {position: relative;padding: 1rem;}
.danger-bg h5, .danger-bg p  {color: #fff;}
.alert-box h5, .alert-box p:last-child  {margin-bottom: 0}
.alert-list .tocx {min-width: 60px;  display: inline-block; margin-right: .5rem}
.alert .form-check-label a, .alert a {color: inherit; text-decoration:underline}
.success-box{color:#485156;border:1px solid #2cb610;background-color: #fff}

/* Container 
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.section-container,footer {max-width: 100%; margin-left: auto; margin-right: auto;}
.section-container{ position: relative} 

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.section-container,footer{max-width: 98%;}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.section-container,footer {max-width: 94% } 
.edit-container {max-width: 100% }    

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.section-container,footer {max-width: 76rem;} 
.edit-container {max-width: 76rem }    

}

/* Extra Extra large devices and retina (extra large desktops, 1920px and up)*/
@media (min-width: 1920px) { 
.section-container,footer {max-width: 90rem; }       
}

/* Breadcrumbs
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-home{height: .875rem; position: relative; bottom: .1rem; opacity: .75}
.slash {height: .7rem; opacity:.75}
.breadcrumbs a {font-size: .875rem;color: rgba(255,255,255,.85);}
.breadcrumbs a:hover,.breadcrumbs a:focus {opacity: .75}
.breadcrumbs .list-inline-item {margin-right: .25rem; color: rgba(255,255,255,.85); font-size: .875rem}

.breadcrumbs-sm {font-size: .875rem }
.breadcrumbs-sm .slash {height: .5rem;}
.breadcrumbs-sm .site-home{height: .7rem;}

/* Custom list
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
ul.arrow-list {list-style-type: none; max-width: 40rem; margin-left: auto; margin-right: auto;}
ul.arrow-list li {position: relative; line-height: 1.25; padding: .5rem;font-weight: 300; font-size: 1.1rem}
ul.arrow-list li::before {display: block;content: ' ';background-image: url('../img/icons/icon_arrow-right-white.svg');background-size: 1rem 1rem;height: 1rem;width: 1rem;position: absolute;left: -1.25rem;top: .5rem;}
ul.lila-arrow-list li::before {display: block;content: ' ';background-image: url('../img/icons/icon_arrow-right-lila.svg');background-size: 1rem 1rem;height: 1rem;width: 1rem;position: absolute;left: -1.25rem;top: .5rem;}
ul.black-arrow-list li::before {display: block;content: ' ';background-image: url('../img/icons/icon_arrow-right-black.svg');background-size: 1rem 1rem;height: 1rem;width: 1rem;position: absolute;left: -1.25rem;top: .5rem;}

/* Preview-list
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.preview-info-list li {margin-bottom:.2rem}

/* Homepage
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.intro-header {min-height: 70vh; height:28rem; min-height:28rem;}
.intro-header.logged-in, .intro-header.contract-home,.intro-header.listing-page {height:28rem; min-height:28rem;}
.teaser-list {max-width: 50rem}
.homepage-teaser-intro ul {list-style-type: none; max-width: 40rem; margin-left: auto; margin-right: auto;text-align: left}
.homepage-teaser-intro ul li {position: relative; line-height: 1.25; padding: .5rem;font-weight: 300; font-size: 1.1rem}
.homepage-teaser-intro ul li:before {display: block;content: ' ';background-image: url('../img/icons/icon_arrow-right-white.svg');background-size: 1rem 1rem;height: 1rem;width: 1rem;position: absolute;left: -1.25rem;top: .5rem;}
.homepage-teaser-intro .highlight, .homepage-teaser-intro strong {font-weight: 600 !important; color:#adf045 !important; letter-spacing: .025rem}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  
.homepage-teaser-intro ul {margin:1.5rem auto;}
}    
          
/* Extra Extra large devices and retina (extra large desktops, 1920px and up)*/
@media (min-width: 1920px) {
.intro-header {min-height: 600px;}
.intro-header.logged-in, .intro-header.contract-home,.intro-header.listing-page{min-height:600px;}
}
    
.intro-content{ max-width: 55rem; margin-left: auto; margin-right: auto;} 
.intro-content-sm{ max-width: 45rem; } 
.teaser-intro  { max-width: 45rem; margin-left: auto; margin-right: auto; padding:1rem}                 
.content-teaser-block p:last-child { margin-bottom: 0  }  

/* Landscape mobile devices)*/
@media screen and (orientation:landscape)
and (min-device-width: 480px) 
and (max-device-width: 812px) {
.intro-header {min-height: 100vh}
}

/* Cards
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

.card-img-wrapper{position: relative; min-height:1.5rem}
.card {/*max-width: 24rem;*/background-color: rgba(245,245,245,.5);border: 1px solid #e6e6e6;border-radius: 0}
.card:hover, .card:focus {border:1px solid #6214a1; -webkit-box-shadow:  0 0 0 4px rgba(98,20,161,.25);-moz-box-shadow:  0 0 0 4px rgba(98,20,161,.25);box-shadow:  0 0 0 4px rgba(98,20,161,.25);cursor: auto}
.form-card, .default-card {border: 1px solid #e6e6e6; background: rgba(245,245,245,.5);}
.form-card .card-body  {padding: 1.25rem}
.form-card .card-header  {padding-left: 1.25rem}
.example-card, .default-card {width: 100%; max-width: 100%}
.add-own-card {border-color: rgba(98,20,161,.1) !important;
background-color: rgba(98,20,161,.05);}
.add-own-card .card-header {background-color: rgba(98,20,161,.05);}
.add-own-card:hover, .add-own-card:focus{background-color: rgba(98,20,161,.05) !important;}
.card.active.disabled {border-color: #2cb610;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(44, 182, 16, .25);background-color: #fff;
    /*background-color: rgba(44, 182, 16, .05)*/}

.card.active, .card:active {border:1px solid #6214a1; -webkit-box-shadow:  0 0 0 4px rgba(98,20,161,.25);-moz-box-shadow:  0 0 0 4px rgba(98,20,161,.25);box-shadow:  0 0 0 4px rgba(98,20,161,.25);}

.card-header {background-color: #f5f5f5;border-bottom: 1px solid #e6e6e6;font-size: 1.15rem}
.card-footer {background-color: #f5f5f5;border-top: 1px solid #e6e6e6;}
.card-footer-team-member {background-color: #fff;border-top-style: dashed;padding: .25rem}
.contract-card .card-header {background-color: transparent;border-bottom: none;padding-top:.75rem; padding-bottom: 0}
.contract-card .card-footer {background-color: transparent}

.card.selected .card-header {background-color: #6214a1;border-bottom: 1px solid rgba(255,255,255,.3);}

.card.selected {margin: .35rem .75rem;-webkit-box-shadow: 0 0 0 .5rem #6214a1;-moz-box-shadow: 0 0 0 .5rem #6214a1;box-shadow: 0 0 0 .5rem #6214a1;background-color: #6214a1;color: #fff;border: 1px solid #6214a1;}

.card.selected .theme-list .list-group-item {color: #fff;}
.card-body hr {background-color: #002649; opacity:100}
.card-title {font-size: 1.35rem}
a .card-title, a .teaser-title {color: #6214a1}
a .card-title:hover, a .card-title:focus, a .teaser-title:hover, a .teaser-title:focus {color: #191972}
.card-text {line-height: 1.35}
.masonry-card {width: 95%; max-width: 95%}
.card-body .bold, .card-body .semibold, .card-body strong { letter-spacing: 0; }  


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
.card {max-width: 100%;}
} 

/* Contract page
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.contract-header h1, .contract-header p.lead  {max-width: 850px}
.tes-filters-title   {padding: .375rem .75rem;line-height: 1;font-weight: 700;text-transform: uppercase;color: #000;margin: .25rem;}
.more-info-link {padding: .2rem; border-radius:50rem}
.more-info-link:hover {opacity: .75; background: #6214a1;cursor: pointer;}
.starting-info-tooltip{padding: .1rem .2rem; }
.theme-intro p:last-child {margin-bottom: 0;}
.hide-info-text p:last-child  {margin-bottom: 0}

/* PDF-loader
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.pdf-loading-info{position: relative;top:0; left:0; right: 0; margin-bottom: -.25rem;line-height: 1.25;padding-bottom:1rem}
.pdf-loading-info a {text-decoration: underline; font-weight: 600; }
.pdf-section {z-index: 10;margin-bottom: 0}
         
 /* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.pdf-loading-info{position:absolute;top:-.25rem;left:0;right:0;}
}

/* Contract header modification
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.edit-header-title {margin-bottom: 0.25rem;font-size: .825rem;/*font-weight: 600;text-transform: uppercase;letter-spacing: .025rem;opacity: .5 */color:rgba(255,255,255,.85)}  
.edit-header-title .info-icon{opacity: .75}
.btn-toolbar {display: inline-block;border: 1px solid #fff; background: #fff; color:#485156}
.btn-toolbar:hover, btn-toolbar:focus {border: 1px solid #ced4da;background-color: #f5f5f5;color:#485156}
.btn-group-sm > .btn-toolbar, .btn-sm.btn-toolbar {font-size: .925rem;border-radius: .25rem;}
.edit-header-theme .form-select{ font-size: .925rem}
    
    
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){ 
.edit-header-section { position: -webkit-sticky;position: sticky;top: 0;z-index: 1020;}
.edit-header-modify {flex-grow: 5;flex-shrink: 1;flex-basis: 0%;padding-right: 1rem }
.edit-header-filter {flex-grow: .8;flex-shrink: 1;flex-basis: 0%;border-left: dashed 1px rgba(255,255,255,.35);padding-left: 1rem;padding-right: 1rem }
.edit-header-preview {flex-grow: 1.25;flex-shrink: 1;flex-basis: 0%;border-left: dashed 1px rgba(255,255,255,.35);padding-left: 1rem;padding-right: 1rem}   
.edit-header-flex-wrapper{display: flex; justify-content: flex-start!important;flex-direction: row !important; }
.edit-header-flex-wrapper div{flex-grow: 1;flex-shrink: 1;flex-basis: 0%; }
.edit-header-flex-wrapper .edit-header-theme{flex-grow: 4.5;flex-shrink: 1;flex-basis: 0%; }
.edit-header-flex-wrapper .edit-header-select-content{flex-grow: 2;flex-shrink: 1;flex-basis: 0%; }
#contract-nav{ position: -webkit-sticky;position: sticky;top: 100px;z-index: 1020;display:block}     
}    

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1400px) {
.edit-header-flex-wrapper .edit-header-theme{flex-grow: 7.2;}
.edit-header-flex-wrapper .edit-header-select-content{flex-grow: 2;}   
}
    
/* Filters
 –––––––––––––––––––––––––––––––––––––––––––––––––– */  
.filter-title   {line-height: 1.25;padding: .5rem 1rem;font-weight: 600;}   
.filter-menu {padding: 0;margin: 0;font-size: .875rem;color: #485156;background-color: #fff;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem; min-width: 20rem;} 
.filter-list-group .list-group-item  { padding: .25rem .5rem;padding-left: 1rem;padding-bottom: 0;color: #485156;background-color: transparent;border: none;}
.input-group .btn-toolbar {font-size: .925rem;border-color:#ced4da }

/* Theme section
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.theme-wrapper{border: 1px solid #e6e6e6; background: rgba(245,245,245,.85);margin-bottom: 1rem; padding-bottom:1rem;}
.theme-section .tes-card:last-child {margin-bottom: 0}
/*.theme-1st-level, .theme-2nd-level, .theme-3rd-level,*/ .theme-section, .theme-footer {padding:1rem} 
/*.theme-2nd-level,.theme-3rd-level,*/
.theme-footer {border-top: 1px solid #e6e6e6;}
.theme-intro {margin-bottom: 0; font-size:.925rem;border-color: rgba(98,20,161,.1) !important;} 
   
.tes-header-title {color: #000;font-weight: 600;font-size: 1.15rem;}
.tes-card .card-footer {background-color: #f5f5f5; border-color: #e6e6e6;padding: .25rem .5rem;}  
    
.card-footer .nav-link {color: #6214a1;padding: .25rem .5rem}  
.card-footer .nav-link:focus, .nav-link:hover {color: #191972;}
.tes-card .card-body {padding: 1rem 1.5rem;background-color: #fff}
.tes-card .card-body p:last-child {margin-bottom: .5rem}

.tes-card {margin:1rem 0; max-width: 100%; border-radius:.25rem}
.tes-card .card-header {font-size: 1rem; padding-top:.75rem}
.tes-card {border-color: #e6e6e6}    
.tes-card, .tes-card .card-footer,.tes-card .card-header {background-color:#fff}    
.card:hover, .card:focus {border:1px solid #6214a1; -webkit-box-shadow:  0 0 0 4px rgba(98,20,161,.25);-moz-box-shadow:  0 0 0 4px rgba(98,20,161,.25);box-shadow:  0 0 0 4px rgba(98,20,161,.25);background: #fff}

.tes-card.active, .tes-card.card:active,.tes-card:hover, .tes-card:focus  {border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 0 0 4px rgba(238,238,238,.25);
  -moz-box-shadow: 0 0 0 4px rgba(238,238,238,.25);
  box-shadow: 0 0 0 4px rgba(238,238,238,.75);}
  
.tes-card.not-saved,.tes-card.not-saved:hover, .tes-card.not-saved:focus {box-shadow: rgba(235, 61, 100, .1) 0px 0px 0px 0.2rem;border: 1px solid #eb3d64 !important;}
.tes-card .card-footer {border-bottom-left-radius: .25rem;border-bottom-right-radius: .25rem;}

.content-card {border:1px solid #e6e6e6}
.content-card .card-header {background: #f5f5f5!important}
.content-card .card-body {background: rgba(245,245,245,.5)!important}

.full_screen {width: 100vw; position: fixed;height: 100vh;top: 0;left: 0;z-index: 1050;margin: 0;border-radius: 0;overflow-y: auto;}
.expand-btn {width: 2.1rem; height: 2.1rem;background: transparent     url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojNzc3Nzc3O3N0cm9rZS13aWR0aDoxLjc1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9Cjwvc3R5bGU+CjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNS41IiB5MT0iOC41IiB4Mj0iMjMuNSIgeTI9IjAuNSIvPgo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMC41IiB5MT0iMjMuNSIgeDI9IjguNSIgeTI9IjE1LjUiLz4KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iNS41LDIzLjUgMC41LDIzLjUgMC41LDE4LjUgIi8+Cjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjIzLjUsNS41IDIzLjUsMC41IDE4LjUsMC41ICIvPgo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTUuNSIgeTE9IjE1LjUiIHgyPSIyMy41IiB5Mj0iMjMuNSIvPgo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMC41IiB5MT0iMC41IiB4Mj0iOC41IiB5Mj0iOC41Ii8+Cjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjAuNSw1LjUgMC41LDAuNSA1LjUsMC41ICIvPgo8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSIxOC41LDIzLjUgMjMuNSwyMy41IDIzLjUsMTguNSAiLz4KPC9zdmc+Cg==) center/1rem auto no-repeat;}
.full_screen .expand-btn {width: 2.1rem; height: 2.1rem;background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojNzc3Nzc3O3N0cm9rZS13aWR0aDoxLjc1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9Cjwvc3R5bGU+CjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNS41IiB5MT0iOC41IiB4Mj0iMjMuNSIgeTI9IjAuNSIvPgo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMC41IiB5MT0iMjMuNSIgeDI9IjguNSIgeTI9IjE1LjUiLz4KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMjAuNSw4LjUgMTUuNSw4LjUgMTUuNSwzLjUgIi8+Cjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjguNSwyMC41IDguNSwxNS41IDMuNSwxNS41ICIvPgo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTUuNSIgeTE9IjE1LjUiIHgyPSIyMy41IiB5Mj0iMjMuNSIvPgo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMC41IiB5MT0iMC41IiB4Mj0iOC41IiB5Mj0iOC41Ii8+Cjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjE1LjUsMjAuNSAxNS41LDE1LjUgMjAuNSwxNS41ICIvPgo8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSIzLjUsOC41IDguNSw4LjUgOC41LDMuNSAiLz4KPC9zdmc+Cg==) center/1rem auto no-repeat;}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
.theme-section {padding:0 1rem; margin:1rem 0}
.theme-header  {padding-top: .5rem;}
/*.theme-1st-level{padding:2rem} 
.theme-2nd-level, .theme-3rd-level {padding:.5rem 0 .5rem} */
.theme-footer{padding:1rem 2rem}
.card-footer .nav-link {padding: .5rem}
.theme-2nd-level .theme-header {margin-bottom:1rem; margin-top:.5rem} 
} 

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

.theme-header h2 {font-size: 1.75rem; margin-bottom: 0 }
.theme-header h3 {font-size: 1.5rem;margin-bottom: 0 }
.theme-header h4 {font-size: 1.3rem;margin-bottom: 0}
.full_screen {padding: 1.25rem 2rem;}
} 


/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.tes-card {margin:1.5rem 0;}
.theme-section {padding:0 2rem;}    
.theme-3rd-level {padding-left: 5rem; position: relative}  
.theme-3rd-level::before {content: '';display: inline-block;position: absolute;left: 4rem;margin-top: .15rem;background-size: contain;background-repeat: no-repeat;margin: .25rem .5rem 0 -1.4rem;background-image: url('../img/icons/icon_leveldown-gray.svg');height: 1rem;width: 1rem;}
.theme-4th-level {padding-left: 7rem; position: relative}  
.theme-4th-level::before {content: '';display: inline-block;position: absolute;left: 6.5rem;margin-top: .15rem;background-size: contain;background-repeat: no-repeat;margin: .25rem .5rem 0 -1.4rem;background-image: url('../img/icons/icon_leveldown-gray.svg');height: 1rem;width: 1rem;}
.card-footer .nav-link {padding: .5rem .75rem}

}




/* Tes comments & notes
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 .my-notes-container, .comments-container {border: 1px solid #e6e6e6;background-color: #f5f5f5;}
.tes-comment {background-color: #fff;}

.tes-comment-level-2 {padding-left: 5rem;position: relative;}
.tes-comment-level-2::before {content: '';display: inline-block;position: absolute;left: 4rem;margin-top: .15rem;background-size: contain;background-repeat: no-repeat;margin: .25rem .5rem 0 -1.4rem;background-image: url('../img/icons/icon_leveldown-black.svg');height: 1rem;width: 1rem;}

.form-control.comment-area {background-color: #fff;}
.form-control.comment-area:focus, .form-select.comment-area:focus {background-color: #fff}

.comment-header .edit-btns{position: relative;bottom: .25rem;}
.comment-header{font-size: .875rem}


/* Table of contents
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.collapse-link {display: none}
.theme-card-header:hover + .collapse-link {display: block;color: red;}

/* Tes read-only
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.tes-header h2 {text-transform: uppercase; letter-spacing: .0125rem; margin-bottom: 1rem}
.tes-header h4 {font-weight: 700}	
.tes-header h5 {font-weight: 700}	

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){ 
.tes-content-wrapper {padding: 2rem 2rem 2rem 3rem}
.tes-content {margin:1.5rem 0;line-height: 1.35}
.tes-content-2nd-level {margin:1.25rem 0 1rem 2.235rem}	
.tes-content-3rd-level {margin:1rem 0 1rem 5rem}
.tes-header h3 {font-size: 1.35rem}	
.tes-header h4 {font-size: 1.15rem;}	
.tes-header h5 {font-size: 1rem;}	
}

/* Extra large devices and retina (extra large desktops, 1600px and up)*/
@media (min-width: 1600px) {
.tes-content-wrapper {max-width: 55rem !important;}
}

/* Steps
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {content: counter(stepNum);font-family: inherit;font-weight: 600;background-image: none;font-size: 1.1rem}
.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {background-color: #6214a1;}
.multi-steps {display: table;table-layout: fixed;width: 100%;padding-left: 0;margin-bottom: 0}
.multi-steps > li {counter-increment: stepNum;text-align: center;display: table-cell;position: relative;color: #808080;line-height: 1;background-image: none;vertical-align: top;}
.multi-steps > li span.step-name{font-size: .925rem; /*color:#fff;*/ font-weight: 400;}
.multi-steps > li:before {content: "";display: block;margin: 0 auto 4px;background-color: #f5f5f5;width: 30px;height: 30px;line-height: 26px;text-align: center;font-weight: 400;border-width: 2px;border-style: solid;border-color: #f5f5f5;border-radius: 50rem;background-image: url('../img/icons/icon_step-check-lila.svg');}
.multi-steps > li:after {content: "";height: 2px;width: 100%;background-color: #6214a1; position: absolute;top: 14px;left: 50%;z-index: -1;}
.multi-steps > li:last-child:after {display: none;}
.multi-steps > li.is-active:before {background-color: #6214a1;border-color: #6214a1;color:#fff;background-image: none;}
.multi-steps > li.is-active {color:#000;}
.multi-steps > li.is-active span.step-name {color:#000}
.multi-steps > li.is-active ~ li {color: #808080;}
.multi-steps > li.is-active ~ li:before {background-color: #f5f5f5;border-color: #f5f5f5;color:#808080}


/* Modal
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn-close.btn-outline {padding: .35em .35em;color: #fff;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	border: 1px solid #fff;border-radius: .25rem;opacity: 1;}

.btn-close.btn-outline:hover {background-color: rgba(0,0,0,.15);border-color: #fff;color: #fff;outline: none !important;}
.btn-close.btn-default {
  padding: .35em .35em;color: #777777;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23777'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 1px solid #e6e6e6;border-radius: .25rem;opacity: 1;}

.btn-close.btn-default:hover {background-color: #f5f5f5;border-color: #e6e6e6;color: #485156;outline: none !important;}

.modal-content {border-radius: 0}
.modal-body strong  {color: #000; font-weight: 600}
.modal {background: rgba(0, 0, 0, 0.5); }
.modal-body p {line-height: 1.25}
.modal-body p:last-child {margin-bottom: 0}
.modal-backdrop {display: none;}
.modal-header, .modal-footer {border-color: #e6e6e6}

.modal-body h2 {font-size: 1.5rem;}
.modal-body h3 {font-size: 1.25rem;}
.modal-body h4 {font-size: 1.15rem;}
.modal-body h5, .modal-body h6{font-size: 1rem;}

.func-modal .modal-header {border:none;padding-left: 1.5rem; padding-bottom: 0}
.func-modal .modal-footer {border:none;padding-left: 1.5rem; padding-top: 0}
.func-modal .modal-body {padding: 1.5rem;}

.modal-card:hover, .modal-card:focus  {box-shadow: none; border:1px solid #e6e6e6;background-color: rgba(245,245,245,.5)}
.modal-card .card-header {padding: 0; font-size: 1rem}
.modal-card .card-body .form-check-label {font-size: .925rem}
.modal-card .card-body .list-group-item {padding: .15rem .5rem;}

.modal-dialog{overflow-y: initial !important}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.modal-lg {
  max-width: 900px;
}


/* Tes regulation example
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.info-collapse .info-block {background-color:rgba(98,20,161,.05); border:1px solid rgba(98,20,161,.1) !important; border-top-width:0 !important}
.info-block {border-color:rgba(98,20,161,.1) !important}
.info-block strong {font-weight: 600}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
.info-block h5 {font-size: 1.15rem}
/*.example-card-row .col {border-right: 1px solid #e6e6e6;}
.example-card-row .col:last-child {border-right: none;}*/
}    

/* Editable content area
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.content-area h2 {font-size: 1.75rem; margin:1.5rem 0 1rem}
.content-area h3 {font-size: 1.5rem; margin:1.5rem 0 1rem}
.content-area h4 {font-size: 1.25rem; margin:1.5rem 0 1rem}
.content-area h5 {font-size: 1.15rem; margin:1.5rem 0 1rem}
.content-area h6 {font-size: 1rem; margin:1.5rem 0 1rem}
.content-area hr {background-color: #b4b4b4; opacity:.15;height: 1px;margin: 1rem 0;border: 0;}
.content-area img {max-width: 100%;height: auto }
.content-area a {text-decoration: underline;}
.content-area .infotext {color: #6c757d;}
.content-area ul, .content-area ol {padding-left: 1rem}
.content-area ul li ul, .content-area ol li ol {padding-left: 2rem;margin: .25rem auto;}
.content-area strong {color:#000}

.mceNonEditable.embeditem {position: relative;padding-bottom: 56.25%;padding-top: 0;height: 0;overflow: hidden;margin-top: 1rem;margin-bottom: .5rem;}
.mceNonEditable.embeditem > iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.caption, caption {font-size: .875em;color: #6c757d;font-family: din-2014, sans-serif;font-weight: 300;font-style: italic;}
.content-area.lead {color:#000; line-height: 1.25; font-weight: 400}
.content-area table{line-height:1.25;table-layout: fixed;}
.content-area table tr, .content-area table td{height:auto !important;} 

/* type-col
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.type-col a, .guide-block a {text-decoration: underline}
.type-col strong, .guide-block strong {color:#000}

/* Tumma taustaväri
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.dark-bg h1,.dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg ul li, .dark-bg ol li::marker  {color:#fff}
.dark-bg .text-muted  {color:#b2b2b2 !important}
.dark-bg .type-col a, .danger-bg a {color:#fff; text-decoration: underline}
.dark-bg .type-col a:hover,.dark-bg .type-col a:focus, .danger-bg a:hover, .danger-bg a:focus {opacity: .75; text-decoration: underline}
.dark-bg .type-col strong, dark-bg strong {color:#fff;}
.alert p a {color:inherit;text-decoration: underline}
.alert p a:hover,.alert p a:focus{opacity: .75; text-decoration: underline}

/* Table
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

.table {line-height: 1.25;table-layout: fixed;}
.table {color: #485156;border-color: #485156; --bs-table-hover-color: #485156;--bs-table-hover-bg: #f9f9f9;}
.table tr, .table td {height: auto !important;}
.table td {word-wrap: break-word;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
thead th {color:#000;font-weight: 600; border-bottom-width: 2px !important}

.table-dark {color: #fff;border-color: #b2b2b2;
--bs-table-bg: transparent;
--bs-table-striped-bg: #2c3034;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373b3e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323539;
--bs-table-hover-color: #fff;
--bs-table-hover-color: #000;
--bs-table-hover-bg: #000;
}

.table-dark thead th {color:#fff;font-weight: 600; border-bottom-width: 2px !important}
.table-striped > tbody > tr:nth-of-type(2n+1) {--bs-table-accent-bg: rgba(245,245,245,.75);color: #485156;}

/* Changelog table
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.changelog-table {table-layout: unset;vertical-align: middle;font-size: .875rem}
.changelog-table  {vertical-align: top}
.changelog-content {margin-top: .25rem; padding:.25rem; background-color: #f5f5f5; border: 1px solid #e6e6e6}
.changelog-table th:nth-child(1){width:8rem;}
.changelog-time{color:#808080}
.changelog-time:before {content: "-"}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){ 
.changelog-table th:nth-child(3){width:10rem;}
}

/* Search results 
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.search-result, .sort-search-result {border:1px solid transparent;border-bottom: 1px solid #6214a1}
.search-result:last-child {border-bottom: none;}

.search-result a h2, a h2, a h3 {color: #6214a1; text-decoration: none}
.search-result a:hover h2, a h2:hover, a h3:hover,  .search-result a:focus h2, a h2:focus,a h3:focus {color: #191972;}
.search-result a:active h2 {color: #000;}
.search-result p {margin-bottom: .75rem}
.search-result p em{background-color: #adf045;padding: 0 .15rem;font-style: normal;color: #000}

.example-content p:last-child{margin-bottom: 0}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.search-result a h2 {font-size: 1.5rem}
}


/* Search filters  
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.filter {display: inline-block; margin:.1rem; line-height: 1; background-color: #fff; border: 1px solid #e6e6e6; color:#808080;margin:.25rem .175rem; border-radius: 25rem;padding:.25rem .75rem; font-size: 1rem;font-weight: 400}
.filter:hover,.filter:focus {background-color: #b2b2b2;border-color: #b2b2b2;color: #fff;text-decoration: none}
.filter.active {background-color: #adf045;color:#000;border-color: #adf045}

.count{color:inherit}
.count:before{ content: "(";margin-left: .1rem}
.count:after{content: ")";}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){ 
 .filter {padding:.375rem .75rem}   
} 

.input-group-active{border-color: #6214a1;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px #c0a1d9;background-color: #fff;border-radius: .25rem; }
.input-group-active .form-control:focus {border-color: #6214a1;  box-shadow: none;background-color: #fff}

.back2search { background-color: #adf045; border:1px solid #fff;text-decoration: none !important}
.back2search:focus, .back2search:hover { background-color: #adf045; border:1px solid #fff;opacity:.95;text-decoration: none !important}
.back2search span, .back2search span:hover, .back2search span:focus {color:#000; text-decoration:none!important}


/* addsearch
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
.addsearch-searchfield input[type="search"] {background-image: 
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNjIxNEExO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjMuMiwyNGMtMC4yLDAtMC40LTAuMS0wLjUtMC4ybC02LjUtNi41Yy0wLjgsMC43LTEuNiwxLjItMi42LDEuNmMtMS4yLDAuNS0yLjUsMC44LTMuOCwwLjhTNy4zLDE5LjUsNi4xLDE5CgkJYy0yLjQtMS00LjMtMi44LTUuNC01LjNjLTEtMi40LTEtNS4xLTAuMS03LjVzMy00LjQsNS40LTUuNEM3LjIsMC4zLDguNSwwLDkuOCwwczIuNSwwLjIsMy43LDAuN2MyLjQsMSw0LjMsMi44LDUuNCw1LjMKCQlzMSw1LjEsMC4xLDcuNWMtMC40LDEtMSwxLjktMS42LDIuN2w2LjUsNi41YzAuMywwLjMsMC4zLDAuOCwwLDEuMUMyMy42LDIzLjksMjMuNCwyNCwyMy4yLDI0eiBNOS44LDEuNWMtMS4xLDAtMi4yLDAuMi0zLjIsMC43CgkJQzQuNSwzLDIuOSw0LjYsMi4xLDYuN1MxLjMsMTEsMi4yLDEzLjFjMC45LDIsMi41LDMuNiw0LjUsNC41YzEsMC40LDIsMC42LDMuMSwwLjZTMTIsMTgsMTMsMTcuNWMxLTAuNCwxLjgtMSwyLjYtMS43bDAsMGwwLDAKCQljMC44LTAuOCwxLjQtMS43LDEuOC0yLjdjMC44LTIuMSwwLjgtNC4zLTAuMS02LjRjLTAuOS0yLTIuNS0zLjYtNC41LTQuNUMxMS45LDEuNywxMC45LDEuNSw5LjgsMS41eiIvPgo8L2c+Cjwvc3ZnPgo=);background-size: 1.25rem;background-position: -webkit-calc(100% - 1.25rem) 50%;background-position: calc(100% - 1rem) 50%;background-repeat: no-repeat;line-height: 1.2;}
.addsearch-searchfield .form-select{border-right-width: 0;line-height: 1.2; max-height: 2rem;}
.addsearch-searchfield .form-control.active, .addsearch-searchfield.mobile-addsearch .form-select.active{border-color: #6214a1;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px #c0a1d9;background-color: #fff;font-weight: 600; font-size:1.15rem}
.addsearch-searchfield.mobile-addsearch input[type="search"], .addsearch-searchfield.mobile-addsearch .form-select {border-right-width: 1px;line-height: 1.5; max-height: none;}

h6.mobile-search-title{margin-left: .7rem;}

.addsearch-wrapper .addsearch-searchfield {margin-right: .5rem;}
.addsearch-wrapper .addsearch-searchfield input[type="search"],.mobile-search-wrapper .addsearch-searchfield input[type="search"] {font-weight: 400; font-size: 1rem;background-size: 1rem;position: relative; bottom:5px;background-position: calc(100% - .5rem) 50%;}

.mobile-search-wrapper {position: absolute; top: 0; left:50px; right: 0;}
*/



/* Autocomplete
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.autocomplete-suggestions {background: #fff;-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
box-shadow: 0 0 4px 0 rgba(0,0,0,.1);}
.autocomplete-suggestions { font-size: 0.875rem; margin-top: 1px; cursor: pointer; overflow: auto; border: 1px solid rgba(0,0,0,.15); border-radius: 0px;min-width:80vw !important; max-height:400px !important }
.autocomplete-suggestion { padding: 0.5rem 1rem 1rem; overflow: hidden;border-bottom: 1px solid rgba(0,0,0,.15);color:#485156}
.autocomplete-suggestion .searchResultName {font-family: din-2014, sans-serif; font-weight: 700;color:#6214a1; font-size: 1.15rem;line-height:1.15; margin:.5rem 0}
.autocomplete-suggestion .searchResultBreadCrumb {font-size: 0.825rem;line-height:1.2;color:rgba(0,0,0,.5);}
.autocomplete-suggestion .searchResultBreadCrumb a {color:rgba(0,0,0,.5);display:inline-block}

.autocomplete-suggestion .searchProductHighLight {margin-top:0.5rem}
.autocomplete-suggestion .searchProductHighLight em { background-color: #adf045;padding: .15rem;color: #000;}
.autocomplete-searchResultTotal {padding:0.3rem 1rem; background-color:#000;color:#fff;font-weight: 600;}
.autocomplete-searchResultTotal a {float:right; position:relative; margin-right:.5rem;color:#fff; text-decoration:underline}
.autocomplete-searchResultTotal a::after {content: '';background: url('/img/icons/icon_arrow-right-white.svg');position: absolute;height: .75rem;width: .75rem;top: .2rem;right: -1.15rem;}
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: rgba(0,0,0,.025);
/*background: linear-gradient(to bottom,rgba(255, 255, 255,1) 0%,rgba(240, 243, 245,1) 100%);
background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(240, 243, 245,1) 100%);
background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(240, 243, 245,1) 100%);
background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(240, 243, 245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f0f3f5',GradientType=0);*/}
.autocomplete-suggestions strong { font-weight: 600}
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: 600; font-size: 16px;color: #000 }

.autocomplete-suggestion.most-popular {padding: 0.3rem 1rem .3rem;}
.autocomplete-suggestion.most-popular .searchResultName  {color: #6214a1;font-size: 1.15rem;line-height: 1.15;margin:.5rem 0}
.autocomplete-suggestion.most-popular .searchProductHighLight {margin-top: 0;}
.search-slash{height: .5rem;opacity: .5;margin: 0 .25rem;}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.autocomplete-suggestions {min-width:600px !important;  }   
}  

/* Footer
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {color:#808080;background: #f5f5f5}
.footer-block  {width: 90%;}
.footer-logo-img {position: relative; bottom:.75rem}
footer a  {color:#808080}
footer a:hover,footer a:focus {color:#485156;}
footer hr ,header hr {margin: 1rem 0;background-color: #fff;opacity: .35;}
.slash{opacity: .75}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px){ 
.footer-block  {max-width: 35%;}   
footer a.h5, footer h5 {margin-bottom: .75rem}  
.footer-logo-img   {height: 45px;width: auto} 
}

/* Loader
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.login-loader {width: 100%;height: 100%;position: relative;top:calc(50% - 1.5rem);left:0;right: 0; z-index: 1}
.login-loader:after {content: " ";display: block;width: 3rem;height: 3rem;margin: 0 auto;
border-radius: 50%;border-top: .5rem solid rgba(239, 240, 240, 0.5);border-right: .5rem solid rgba(239, 240, 240, 0.5);border-bottom: .5rem solid rgba(239, 240, 240, 0.5);border-left: .5rem solid #6214a1;
animation:  loader  1.1s infinite linear;
}

.dark-bg .login-loader:after {border-top: .5rem solid rgba(255, 255, 255, 0.2);border-right: .5rem solid rgba(255, 255, 255, 0.2);border-bottom: .5rem solid rgba(255, 255, 255, 0.2);border-left: .5rem solid #ffffff;}

.btn-loader {display: inline-block;width: 1.15rem;height: 1.15rem;position: relative;top:.2rem;right:.4rem;}
.btn-loader:after {content: " ";display: block;width: 1.15rem;height: 1.15rem;margin: 0;
border-radius: 50%;border-top: 3px solid rgba(255, 255, 255, 0.2);border-right: 3px solid rgba(255, 255, 255, 0.2);border-bottom: 3px solid rgba(255, 255, 255, 0.2);border-left: 3px solid #ffffff;
animation:  loader  1.1s infinite linear;}

.btn-link .btn-loader:after {content: " ";display: block;width: 1.15rem;height: 1.15rem;margin: 0;
border-radius: 50%;border-top: 3px solid rgba(98,20,161,.15);border-right: 3px solid rgba(98,20,161,.15);border-bottom: 3px solid rgba(98,20,161,.15);border-left: 3px solid #6214a1;
animation:  loader  1.1s infinite linear;}


@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*.btn.is-ok{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: left .75rem center,center left 2.25rem;
  background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);
  background-repeat: no-repeat;
  padding-left: calc(1.5em + .75rem);
}*/

/* TinyMCE
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.tinymce-preview {padding: .75rem;line-height: 1.25;font-size:.925rem }
.tinymce-preview p:last-child {margin-bottom: 0!important}
.tinymce-preview:focus,.tinymce-preview:hover  {background-color: rgba(98,20,161,.08);color:#000;border-radius: .15rem; cursor:pointer;
}  
.locked.tinymce-preview:focus,.locked.tinymce-preview:hover  {background-color: #fff;color:#485156;border-radius: 0; cursor:none;
}

.tox-tinymce-aux { z-index: 130000000000 !important;}
.tinymce-preview img{max-width: 100%;height: auto; }
.tinymce-preview table{line-height:1.25;table-layout: fixed;}
.tinymce-preview table tr, .tinymce-preview table td{height:auto !important;padding:.35rem} 
.tinymce-preview table {color: #485156;border-color: #485156;}
.tinymce-preview table td {word-wrap: break-word;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
.tinymce-preview thead th {color:#000;font-weight: 600; border-bottom-width: 2px !important}
/* Scrollaus sisältökohtaan (scrollTo / #ankkuri) jää sticky-headerin alle ilman marginaalia */
.theme-section { scroll-margin-top: 120px; }
/* Juuri lisätyn määräyksen/otsikon korostus (muokkaa-sisaltoa ?inserted=) */
.just-inserted { outline: 3px solid #ffc107; outline-offset: 2px; transition: outline-color 1.5s ease-in-out; }
.just-inserted.card { box-shadow: 0 0 0 .35rem rgba(255,193,7,.25); }