/* ----------------------------------------------
Init
------------------------------------------------- */
@font-face {
    font-family: 'kentika-std';
    src: url('/kent-font/kentika-std.eot');
    src: url('/kent-font/kentika-std.eot?#iefix') format('embedded-opentype'),
         url('/kent-font/kentika-std.svg#Kentika-std') format('svg'),
         url('/kent-font/kentika-std.woff') format('woff'),
         url('/kent-font/kentika-std.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kentika2-webfont';
    src: url('/kent-font/kentika2-webfont.eot');
    src: url('/kent-font/kentika2-webfont.eot?#iefix') format('embedded-opentype'),
         url('/kent-font/kentika2-webfont.svg#Kentika2-webfont') format('svg'),
         url('/kent-font/kentika2-webfont.woff') format('woff'),
         url('/kent-font/kentika2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kentika3';
    src: url('/kent-font/kentika3.eot');
    src: url('/kent-font/kentika3.eot?#iefix') format('embedded-opentype'),
         url('/kent-font/kentika3.svg#Kentika3') format('svg'),
         url('/kent-font/kentika3.woff') format('woff'),
         url('/kent-font/kentika3.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family:'SourceSans';
src:url('/kent-font/SourceSansPro-Regular.ttf');
font-weight:normal;
font-style:normal;
font-display:swap;
}
@font-face {
font-family:'SourceSans';
src:url('/kent-font/SourceSansPro-SemiBold.ttf');
font-weight:500;
font-style:normal;
font-display:swap;
}
@font-face {
font-family:'SourceSans';
src:url('/kent-font/SourceSansPro-Bold.ttf');
font-weight:bold;
font-style:normal;
font-display:swap;
}

@font-face {
font-family:'Raleway';
src:url('/kent-font/Raleway-Variable.ttf');
font-display:swap;
}

@font-face {
font-family:'Open Sans';
src:url('/kent-font/OpenSansVariable.ttf');
font-display:swap;
}



/* ------------ Reset------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; padding:0; box-sizing:border-box;-moz-box-sizing:border-box;font-family:SourceSans, Arial, sans-serif;font-size:inherit;}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl {font-size:inherit;}

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
/*.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }*/

/* ------------ Headings----------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.4em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.2em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 0.1em; }
h5 { font-size: 1em; margin-bottom: 0.1em; }
h6 { font-size: 1em; }
/* Default fonts and colors. */

/* ----------- Text elements ---------------------- */

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

*:focus {outline:1px dotted #606060;}
/* ---------------- Tables ------------------ */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }

/* ---------------- Forms --------------- */
label { font-weight: bold; }

/* Fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; }
input, input[checkbox] {
margin : 0;
padding : 0;
}
body { font-family: SourceSans, Arial, sans-serif;font-size: 16px; }

a
{
color:#6F7381;
text-decoration:none;
font-weight:bold;
}
a:hover
{
color:#32374A;
text-decoration:underline;
font-weight:bold;
}
a:visited, a.visited {
color:#6F7381;
}
hr
{
border-style:none;
border-bottom:1px solid #ADAFB7;
}

.nowrap { white-space : nowrap;}
.hide { display: none !important; }
.invisible {visibility:hidden;}
.underline { text-decoration : underline; }

.kent-ico {
font-family : 'kentika-std' !important;
font-weight:normal;
stroke-width:1;
color:#ADAFB7;
}
.kent-ico svg {
stroke:none;
fill:currentColor;
stroke-width:inherit;
display:inline-block;
width:1em;
height:1em;
}
.kent-ico-arrow-full {
stroke:currentColor;
}
.kent-ico.kent-ico-original-size {
position:relative;
}
.kent-ico.kent-ico-original-size svg {
width:100%;
height:100%;
}
 .kent-ico-control-panel {
--bgcolor:#FFFFFF;
--color1:#EAEBED;
--color2:#2F77B7_pale;
}
 .kent-ico-kentika {
--kentika-top:#E1001A;
--kentika-middle:#9C9D9F;
--kentika-pyramid:#1A171B;
--kentika-text:#FEFEFE;
}
.kent-ico-dropbox {
--color:#007EE5;
}
.kent-ico-dropbox.default-color {
--color:inherit;
}
.kent-ico-folder {
--fill:none;
--tag:currentColor;
}
.kent-ico-folder.full {
--fill:currentColor;
--tag:none;
}
.kent-ico-kent {
--color:#E04122;
--color2:#FF6242;
}
.kent-ico-kent.blueKent {
--color:#0035ff;
--color2:#0070ff;
}
.kent-ico-bigdoc {
--color1:#B8E6E6;
--color2:#2F77B7;
--color3:#fff;
}
a.kent-ico, a .kent-ico
{
color:#6F7381;
text-decoration:none !important;
}
a .kent-ico
{
display:inline-block;
vertical-align:middle;
}
a.kent-ico.inactive, a .inactive.kent-ico, a.inactive .kent-ico
{
color:#EAEBED;
}
a.kent-ico:hover, a:hover .kent-ico {
color:#6F7381;
}
.kent-ico.font2 {
font-family :'kentika2-webfont' !important;
}
.kent-ico.font3 {
font-family :'kentika3' !important;
}
.kent-ico.big-icon
{
color:#ADAFB7;
font-size:40px;
margin:0px 10px 10px 0px !important;
height:40px;
line-height:40px;
}
.kent-ico.overlay
{
position:relative;
}
.kent-ico.overlay span
{
font-size:0.4em !important;
position:absolute !important;
top:50% !important;
left:50% !important;
display:block !important;
width:1em !important;
height:1em !important;
line-height:1em !important;
margin-top:-0.5em !important;
margin-left:-0.5em !important;
}
.kent-ico-rotate90 {display:inline-block;transform:rotate(90deg);}
.kent-ico-rotate180 {display:inline-block;transform:rotate(180deg);}
.kent-ico-rotate270 {display:inline-block;transform:rotate(270deg);}
.kent-ico-circle {
width:1.66667em;
height:1.66667em;
line-height:1.66667em;
text-align:center;
border-radius:50%;
border:1px solid currentColor;
display:inline-block;
}
.kent-ico-as-text {
color:inherit;
vertical-align:middle;
}
.confirm {
color:#26BF45 !important;
}
.red {
color:#E8CE6A !important;
}
.errorColor {
color:#e00000 !important;
}
.warning {
color:#F09C3D !important;
}
.wfLate {
color:#FEC304 !important;
}
.important {
color:#e00000 !important;
}
.faded {
color:#6F7381 !important;
}
.context-color {
color:#2F77B7 !important;
}
.context-color-bg {
background-color:#2F77B7 !important;
color:#FFFFFF !important;
}
.site-color {
color:#B8E6E6 !important;
}
a.faded:hover {
color:#32374A !important;
}
::selection {
    background: #FFF3B4;
}
::-moz-selection {
background: #FFF3B4;
}

::-webkit-selection {
background: #FFF3B4;
}
.ellipsis, .ellipsis-hover
{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.ellipsis-hover:hover
{
overflow:visible;
}

.text-with-icon
{
padding-left:2.5em;
position:relative;
}
.text-with-icon .kent-ico
{
font-size:1.8em;
vertical-align:bottom;
color:#ADAFB7;
position:absolute;
left:0;
top:0;
font-style:normal !important;
}
.tag {
display:inline-flex;
align-items:center;
font-size:.8em;
background-color:#B8E6E6;
color:#FFFFFF;
border-radius:1em;
line-height:1em;
padding:.5em 2em;
margin-right:8px;
margin-bottom:8px;
font-weight:normal;
}
.tag .kent-ico {
color:inherit;
margin-right:.8em;
font-size:1.25em;
vertical-align:middle;
}
a.tag:hover {
background-color:#2F77B7;
color:#FFFFFF !important;
text-decoration:none;
font-weight:normal;
}
.tag.tag2 {
background-color:#2F77B7;
color:#FFFFFF;
}
a.tag.tag2:hover {
background-color:#B8E6E6;
color:#FFFFFF !important;
}
.recordName {
font-weight:bold;
}
.recordName>span {
font-weight:bold;
font-size:1.25em;
display:block;
}
.recordName>span .kent-ico {
color:inherit;
margin-right:8px;
}
h1, h2, h3 {
font-family : Raleway;
font-weight : normal;
}
h4
{
font-size:1em;
font-weight:bold;
border-bottom:1px dashed #ADAFB7;
}
.contents h1, .contents h2, .contents h3, .contents h4, .contents h5, .contents h6 {
color : #2A2E34;
}
 #message
{
padding:5px;
}
 #message p
{
margin:auto;
width:400px;
font-size:1.2em;
color:#737373;
font-weight:bold;
background-color:#EDF4FB;
padding:10px;
border:0px dashed #2F77B7;
padding-left:50px;
position:relative;
}
 #message p:first-child {
border-top-left-radius:0;
border-top-right-radius:0;
}
 #message p:last-child {
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
 #message .kent-ico
{
color:#737373;
font-size:30px;
padding-right:20px;
position:absolute;
left:5px;
top:50%;
height:30px;
line-height:30px;
margin-top:-15px;
}
ul.noBullets li
{
list-style-type:none !important;
}
.stretch
{
width:100%;
height:0;
display:inline-block;
}
a.external:after
{
font-family:kentika-std;
content:'H';
margin-left:5px;
color:#ADAFB7;
}
a.external:hover:after
{
color:#6F7381;
}
.kentcols
{
display:flex;
align-items:stretch;
flex-wrap:wrap;
width:100%;
gap:16px 16px;
}
.kentcols>div {
flex:0 0 auto;
min-width:150px;
}
.kentcols.onecol>div {flex-basis:100%;}
.kentcols.twocols>div {flex-basis:calc(50% - 8px);}
.narrow .kentcols.twocols> {flex-basis:100%;}
.loader>img
{
display:inline-block;
vertical-align:middle;
}
.loader>span
{
padding-left:1em;
font-style:italic;
color:#6F7381;
}
/* scrollbars */
.scrollbar {
position:absolute;
opacity:0;
transition:opacity .3s;
}
.scrollbar:hover,.scrollbar.visible {
opacity:1;
}
.scrollbar>div {
background-color:#2F77B7;
border-radius:5px;
position:absolute;
}
.scrollbarY {
width:8px;
height:90%;
top:5%;
right:3px;
}
.scrollbarX {
height:8px;
width:90%;
bottom:3px;
left:5%;
}
.scrollbarY>div {
height:30px;
width:100%;
transition:top .2s;
}
.scrollbarX>div {
width:30px;
height:100%;
transition:left .2s;
}
/* ----- popups ---- */
.popupMenu {
background-color:#FFFFFF;
border-radius:0;
box-shadow:0 2px 5px rgba(0,0,0,.2);
color:#6F7381;
padding:10px 0;
}
.popupMenu .noMargin {
padding:0;
}
.popupMenu>p, .popupMenu>div, .popupMenu>form {
padding:0 10px;
margin:0;
}
.popup
{
display:none;
position:absolute !important;
z-index:900;
/*font-weight:normal;
line-height:100% !important;
float:none !important;
padding:0px !important;
margin:0px !important;
font-size:16px;*/
}
.hover .popup{
display:block;
}
.popupHover:not(.hover):not(.hover-force) .popupTarget
{
display:none;
}
.popupHover
{
position:relative;
}
.popupMenu .close
{
text-align:right !important;
padding:0px !important;
width:100%;
line-height:1em;
margin-bottom:5px;
}
.popupMenu .close a
{
color:#000000 !important;
font-size:15px !important;
padding:0px;
text-decoration:none;
margin-right:10px;
}
.popupMenu .close a:hover
{
color:#E8CE6A !important;
}
.popupMenu a.kent-ico
{
color:#ADAFB7 !important;
}
.popupMenu .kent-ico.confirm
{
color:#26BF45 !important;
}
.popupMenu a.kent-ico:hover
{
color:#32374A !important;
}

/* ----------------- CKEditor ---------------- */
h1.cke.hgroup, h2.cke.hgroup
{
font-size:1.3em;
line-height:2em;
min-height:2em;
margin:0px;
color:#000000;
background-color : #B8E6E6;
border-radius: 0;
padding:0 8px;
font-weight:bold;
}
h2.cke.hgroup
{
color : #000000;
background-color : #EaEbED;
font-family:Raleway;
}
h1.cke.hgroup>.kent-ico,h2.cke.hgroup>.kent-ico {
color:inherit;
vertical-align:middle;
margin-right:1em;
}
h1.cke, h2.cke
{
font-size:2.5em;
font-weight:normal;
letter-spacing:0.03em;
color:#2A2E34;
font-family:Raleway;
visibility:inherit;
}
h2.cke
{
font-size:1.2em;
font-family:SourceSans, Arial, sans-serif;
letter-spacing:0;
}
h3.cke
{
font-size:1.1em;
font-weight:bold;
color:#000000;
border-bottom:1px dashed #ADAFB7;
padding:0px 0px 8px 0px;
font-family:SourceSans, Arial, sans-serif;
visibility:inherit;
}
div.cke.floatBox
{
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
border:2px solid #B8E6E6;
padding:5px;
margin:3px;
visibility:inherit;
}
em.cke
{
font-weight:bold;
visibility:inherit;
}
span.faded.cke
{
color:#6F7381;
visibility:inherit;
}
body.cke_editable
{
background-color:#FFFFFF;
color:#000000;
}
body.cke_editable p
{
margin:0px 0px 1em 0px;
}
.cke_editable .cke-lang{
border:1px solid red;
position:relative;
}
.cke_editable .cke-lang:before {
content:'';
display:block;
position:absolute;
top:0;
right:0;
width:15px;
height:10px;
background-position:center center;
background-size:contain;
}


.cke_editable .cke-lang-FR:before {display:block;display:initial;background-image:url('/kent-img/flags/FR.svg');}
body.lang-FR .cke-lang:not(.cke-lang-FR) {display:none;}

.cke_editable .cke-lang-EN:before {display:block;display:initial;background-image:url('/kent-img/flags/EN.svg');}
body.lang-EN .cke-lang:not(.cke-lang-EN) {display:none;}

.cke_editable .cke-lang-IT:before {display:block;display:initial;background-image:url('/kent-img/flags/IT.svg');}
body.lang-IT .cke-lang:not(.cke-lang-IT) {display:none;}

.cke_editable .cke-lang-DE:before {display:block;display:initial;background-image:url('/kent-img/flags/DE.svg');}
body.lang-DE .cke-lang:not(.cke-lang-DE) {display:none;}

.cke_editable .cke-lang-ES:before {display:block;display:initial;background-image:url('/kent-img/flags/ES.svg');}
body.lang-ES .cke-lang:not(.cke-lang-ES) {display:none;}

.cke_editable .cke-lang-NL:before {display:block;display:initial;background-image:url('/kent-img/flags/NL.svg');}
body.lang-NL .cke-lang:not(.cke-lang-NL) {display:none;}

.cke_editable .cke-lang-BR:before {display:block;display:initial;background-image:url('/kent-img/flags/BR.svg');}
body.lang-BR .cke-lang:not(.cke-lang-BR) {display:none;}
 #main .contents .cke_container
{
font-size:16px;
}
.cke_container p
{
margin-top : 0;
margin-bottom : 1em;
}
/* ------------- progress bars (surveys and ISYS) ----------- */
.progBar
{
height:10px !important;
background-color:#6F7381;
display:inline-block !important;
border-radius:5px;
vertical-align:middle;
background: linear-gradient(to bottom,  #6F7381 1%,#6F7381 100%) !important; /* W3C */
}

.avatar
{
width:1em;
height:1em;
font-size:75px;
display:inline-block;
vertical-align:middle;
}
.avatar>div, .avatar>span
{
height:100%;
width:100%;
border-radius:50%;
background-size:cover;
background-position:center center;
overflow:hidden;
display:inline-block;
vertical-align:top;
position:relative;
}
.avatar>div {background-color:#2F77B7;}
.avatar.avatar0>div, .avatar.avatar0>span {background-image: linear-gradient(62deg, #F68084 0%, #A6C0FE 100%);}
.avatar.avatar1>div, .avatar.avatar1>span {background-image: linear-gradient(0deg, #330867 0%, #30CFD0 100%);}
.avatar.avatar2>div, .avatar.avatar2>span {background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);}
.avatar.avatar3>div, .avatar.avatar3>span {background-image: linear-gradient(45deg, #764BA2 0%, #667EEA 100%);}
.avatar.avatar4>div, .avatar.avatar4>span {background-image: linear-gradient(0deg, #B490CA 0%, #5EE7DF 100%);}
.avatar.avatar5>div, .avatar.avatar5>span {background-image: linear-gradient(90deg, #6A11CB 0%, #2575FC 100%);}
.avatar.avatar6>div, .avatar.avatar6>span {background-image: linear-gradient(0deg, #F43B47 0%, #453A94 100%);}
.avatar.avatar7>div, .avatar.avatar7>span {background-image: linear-gradient(-132deg, #F4D03F 0%, #16A085 100%);}
.avatar.avatar8>div, .avatar.avatar8>span {background-image: linear-gradient(-225deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%);}
.avatar.avatar9>div, .avatar.avatar9>span {background-image: linear-gradient(-132deg, #F4D03F 0%, #16A085 100%);}

.avatar>div>span, .avatar>span>span
{
width:100%;
font-size:.5em;
text-align:center;
display:block;
line-height:2em;
color:#FFF;
text-shadow:0 0 2px #000;
}
.avatar .kent-ico
{
line-height:1em;
}

.p-gears, .p-tip, .p-warning
{
margin-left:1em;
padding-left:2.5em;
position:relative;
font-style:italic;
}

.p-gears:before, .p-gears::before
{
font-family:kentika-std;
content:"D";
font-size:1.8em;
vertical-align:bottom;
color:#ADAFB7;
position:absolute;
left:0;
top:0;
font-style:normal;
}
.p-tip:before, .p-tip::before
{
font-family:kentika2-webfont;
content:"3";
font-size:1.8em;
vertical-align:bottom;
color:#26BF45;
position:absolute;
left:0;
top:0;
font-style:normal;
}
.p-warning:before, .p-warning::before
{
font-family:kentika2-webfont;
content:"0";
font-size:1.8em;
vertical-align:bottom;
color:#e00000;
position:absolute;
left:0;
top:0;
font-style:normal;
}
/* =======
Generic form styles
======= */
.kForm
{
position:relative;
}
.kForm .cols2 {
display:flex;
flex-wrap:wrap;
gap:32px;
}
.kForm .cols2>div {
flex:0 0 calc(50% - 16px);
min-width:0;
position:relative;
box-sizing:border-box;
}
.kForm .cols2>div.fullWidth {
width:100%;
flex:0 0 100%;
}
.kForm p {
margin-bottom:.5em;
}
.kForm .altColor {
color:#BAD2E7;
}
.kForm label:first-child
{
display:block;
vertical-align:top;
font-weight:bold;
text-align:left;
line-height:27px;
box-sizing:border-box;
width:auto;
color:#BAD2E7;
}
 .kForm .altColor label {
color:#000000;
}
 .kForm .altColor input {
color:#000000;
}
.kForm.inline label:first-child,.kForm .inline label:first-child {
display:inline-block;
text-align:right;
width:140px;
padding-right:20px;
}
.kForm label.freeWidth,.kForm label:only-child {
width:auto !important;
display:inline-block;
text-align:inherit;
line-height:inherit;
}
.kForm .inputHeight {
line-height:38px;
}
.kForm.inline .inputHeight, .kForm .inline .inputHeight {
line-height:27px;
}
.kForm input:not([type="file"]), .kForm select, .kForm textarea
{
display:inline-block;
vertical-align:top;
width:100%;
box-sizing:border-box;
margin:0;
padding:0 3px;
line-height:38px;
height:38px;
background-color:#FFFFFF;
color:#000000;
border:1px solid #D8D8D8;
border-radius:3px;
}
.kForm input.autocomplete, .kForm textarea.autocomplete {
width:calc(100% - 250px);
}
.kForm input[type=file] {width:auto !important;}
.kForm input.number, .kForm.inline input.number, .kForm .inline input.number {
width:8em;
text-align:center;
}
.kForm textarea
{
resize:vertical;
height:5em;
line-height:1.5em;
}
.kForm textarea.tall {
height:calc(2 * 5em);
}
.kForm select[multiple] {
height:auto;
}
.kForm input.freeWidth, .kForm select.freeWidth, .kForm textarea.freeWidth {
width:auto !important;
max-width:100%;
}
.kForm input:focus, .kForm select:focus, .kForm textarea:focus, .kForm input[type="checkbox"]:active
{
outline:none;
border-color:#909090;
background-color: #FFFDED;
}
.kForm input[disabled], .kForm textarea[disabled], .kForm select[disabled]
{
background-color:#E0E0E0;
color:#6F7381;
}
.kForm label+span
{
display:inline-block;
width:100%;
vertical-align:top;
line-height:27px;
}
.kForm.inline input, .kForm.inline select:not([multiple]), .kForm .inline input, .kForm .inline select:not([multiple])
{
width:calc(100% - 140px);
height:27px;
line-height:27px;
}
.kForm.inline label+span, .kForm .inline label+span
{
width:calc(100% - 140px);
min-height:27px;
}
.kForm input.flat, .kForm select.flat, button.flat, .button.flat {
height:27px;
line-height:27px;
}
.kForm.inline label+textarea,.kForm .inline label+textarea, .kForm.inline select[multiple],.kForm .inline select[multiple] {width:calc(100% - 140px);}

.kForm input[type="checkbox"], .kForm input[type="radio"]
{
height:calc(.6* 27px);
width:calc(.6 * 27px);
margin-top:calc(.2 * 27px);
-webkit-appearance:none;
-moz-appearance:none;
position:relative;
cursor:pointer;
}
.kForm input[type="radio"] {
border-radius:50%;
}
.kForm input[type="checkbox"]:checked {
background-color:#173B5B;
border-color:#173B5B;
}
.kForm input[type="checkbox"]:checked::after {
content:'\2714';
font-size:.8em;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
text-align:center;
line-height:1.2em;
color:#FFFFFF;
}
.kForm input[type="checkbox"]:indeterminate {
border-color:#173B5B;
}
.kForm input[type="checkbox"]:indeterminate::after {
content:'\25ac';
font-size:.8em;
font-weight:bold;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
text-align:center;
line-height:1.2em;
color:#173B5B;
}
.kForm input[type="radio"]:checked {
background-color:#173B5B;
border-color:#173B5B;
}
.kForm input[type="radio"]:checked::after {
content:'';
top:30%;
left:30%;
width:40%;
height:40%;
position:absolute;
background-color:#FFFFFF;
border-radius:50%;
}

.kForm input.number+.unit {
line-height:38px;
display:inline-block;
padding-left:.5em;
color:#BAD2E7;
}
.kForm.inline  input.number+.unit,.kForm .inline input.number+.unit {
line-height:27px;
}
.kForm input[type="checkbox"]+label, .kForm input[type="radio"]+label
{
line-height:27px;
display:inline;
padding-left:5px;
vertical-align:top;
font-weight:normal;
}
.kForm .buttonBoxes input[type="checkbox"],.kForm .buttonBoxes input[type="radio"] {
position:absolute;
margin-left:8px;
}
.kForm .buttonBoxes input[type="checkbox"]+label,.kForm .buttonBoxes input[type="radio"]+label {
box-sizing:border-box;
padding-left:calc(.6 * 27px + 16px);
padding-right:8px;
border-radius:3px;
display:inline-block;
}
.kForm .buttonBoxes input[type="checkbox"]:checked+label,.kForm .buttonBoxes input[type="radio"]:checked+label {
background-color:#BAD2E7;
color:#000000;
}
.kForm .buttonBoxes input[type="checkbox"]:checked+label a,.kForm .buttonBoxes input[type="radio"]:checked+label a{
color:inherit
}
.kForm ::placeholder {
font-style:italic;
color:#6F7381;
}
/* deactivated 01/02/19 : Used in new editRecord, in pause for now
.kForm .boxes>span
{
white-space:nowrap;
display:block;
position:relative;
overflow:hidden;
}
.kForm .boxes>span input+label
{
white-space:normal;
width:calc(100% - (.8 * 27px))
}
.kForm .boxes.boxes-2cols>span
{
width:calc(50% - 5px);
display:inline-block;
vertical-align:top;
}
.kForm .boxes.boxes-2cols>span:nth-child(2n+1)
{
margin-right:5px;
}
.kForm .boxes.boxes-3cols>span
{
width:calc((100% - 10px) / 3);
display:inline-block;
vertical-align:top;
}
.kForm .boxes.boxes-3cols>span:nth-child(3n+1),.kForm .boxes.boxes-3cols>span:nth-child(3n+2)
{
margin-right:5px;
}
.kForm textarea+.cke
{
box-sizing:border-box;
}
.kForm .date input
{
width:calc(100% - 27px - 5px);
}
.kForm .date label+input[type="text"]
{
width:calc(100% - 140px - 27px - 5px);
}
.kForm .date input+.kent-ico
{
font-size:calc(.8 * 27px);
height:27px;;
width:27px;;
line-height:27px;;
margin-left:5px;
display:inline-block;
text-align:center;
}*/
.kForm .submit {
margin-top:3em;
}
.kForm input[type="button"], button, .kForm input[type="submit"], a.button, input.button  {
min-width:10em;
outline:none;
box-sizing:border-box;
width:auto;
padding:0 1em;
color:#FFFFFF;
cursor:pointer;
background-color:#2F77B7;
border:2px solid #2F77B7;
border-radius:3px;
line-height:38px;
font-family:SourceSans, Arial, sans-serif;
height:auto;
text-align:center;
display:inline-flex;
gap:8px;
align-items:center;
justify-content:center;
}
.kForm input[type="button"]:focus, button:focus, .kForm input[type="submit"]:focus, a.button:focus, input.button:focus {
outline:1px dotted #606060;
}
.kForm.inline input[type="button"]:not(:only-child), .kForm.inline button:not(:only-child), .kForm.inline input[type="submit"]:not(:only-child), .kForm .inline input[type="button"]:not(:only-child), .kForm .inline button:not(:only-child), .kForm .inline input[type="submit"]:not(:only-child),.inline a.button:not(:only-child),a.button.inline,.inline input.button:not(:only-child) {
line-height:27px;
}
.kForm input[type="button"]:not(.inactive):not([disabled]):hover, button:not(.inactive):not([disabled]):hover, .kForm input[type="submit"]:not(.inactive):not([disabled]):hover, a.button:not(.inactive):hover, input.button:not(.inactive):not([disabled]):hover{
animation:zoom .3s;
text-decoration:none;
color:#FFFFFF;
}
.kForm input[type="button"].pill, button.pill, .kForm input[type="submit"].pill, a.button.pill, input.button.pill {
padding:0 1em;
border-radius:calc((38px + 2px) / 2);
}
.kForm input[type="button"].narrow.pill, button.narrow.pill, .kForm input[type="submit"].narrow.pill, a.button.narrow.pill, input.button.narrow.pill {
padding:0 .5em;
}

.kForm input[type="button"].light, button.light, .kForm input[type="submit"].light, a.button.light, input.button.light,.kForm input[type="button"].light:hover, button.light:hover, .kForm input[type="submit"].light:hover, a.button.light:hover, input.button.light:hover {
background-color:#BAD2E7;
color:#000000;
border-color:#BAD2E7;
}
.kForm input[type="button"].inverted, button.inverted, .kForm input[type="submit"].inverted, a.button.inverted, input.button.inverted {
background-color:#FFFFFF;
color:#2F77B7;
}
.kForm input[type="button"].confirm, button.confirm, .kForm input[type="submit"].confirm, a.button.confirm, input.button.confirm {
background-color:#26BF45;
border-color:#26BF45;
color:#FFFFFF !important;
}
.kForm input[type="button"].black, button.black, .kForm input[type="submit"].black, a.button.black, input.button.black {
background-color:#FFFFFF;
border-color:currentColor;
color:inherit;
}
.kForm input[type="button"].transparent, button.transparent, .kForm input[type="submit"].transparent, a.button.transparent, input.button.transparent {
background-color:transparent;
border-color:transparent;
color:inherit;
}
.kForm input[type="button"].transparent:hover, button.transparent:hover, .kForm input[type="submit"].transparent:hover, a.button.transparent:hover, input.button.transparent:hover {
text-decoration:underline;
color:inherit;
animation:none;
}
.kForm input[type="button"].white, button.white, .kForm input[type="submit"].white, a.button.white, input.button.white {
background-color:#FFFFFF;
color:#000000;
border-color:#FFFFFF;
}
.kForm input[type="button"].white:not(.inactive):hover, button.white:not(.inactive):hover, .kForm input[type="submit"].white:not(.inactive):hover, a.button.white:not(.inactive):hover, input.button.white:not(.inactive):hover {color:#000000;}
.kForm input[type="button"].inverted:not(.inactive):hover, button.inverted:not(.inactive):hover, .kForm input[type="submit"].inverted:not(.inactive):hover, a.button.inverted:not(.inactive):hover, input.button.inverted:not(.inactive):hover {color:#2F77B7;}
.kForm input[type="button"].black:not(.inactive):hover, button.black:not(.inactive):hover, .kForm input[type="submit"].black:not(.inactive):hover, a.button.black:not(.inactive):hover, input.button.black:not(.inactive):hover {color:inherit;}

.kForm input[type="button"].inactive, button.inactive, .kForm input[type="submit"].inactive, a.button.inactive, input.button.inactive, .kForm input[disabled], input[type="button"][disabled] {
background-color:#f4f4f4;
color:#6F7381;
border-color:#6F7381;
}
a.button.inactive:hover {
color:#6F7381;
text-decoration:none;
}
.kForm input[type="button"].big, button.big, .kForm input[type="submit"].big, a.button.big, input.button.big {
padding:.5em 0;
}
.kForm input[type="button"].wide, button.wide, .kForm input[type="submit"].wide, a.button.wide, input.button.wide {
width:100%;
}
.kForm input[type="button"].narrow, .kForm input[type="submit"].narrow, a.button.narrow, input.button.narrow, button.narrow  {
min-width:0;
padding:0 .5em;
}
.kForm input[type="button"].noWidth, .kForm input[type="submit"].noWidth, a.button.noWidth, input.button.noWidth  {
min-width:0;
padding:0;
}
a.button .kent-ico, button .kent-ico
{
display:block;
font-size:1.2em;
color:inherit;
}
.kForm input[type="button"].ellipsis>span:not(.kent-ico), button.ellipsis>span:not(.kent-ico), .kForm input[type="submit"].ellipsis>span:not(.kent-ico), a.button.ellipsis>span:not(.kent-ico), input.button.ellipsis>span:not(.kent-ico) {
overflow:hidden;
text-overflow:ellipsis;
}
.kForm input[type="button"]>span:not(.kent-ico), button>span:not(.kent-ico), .kForm input[type="submit"]>span:not(.kent-ico), a.button>span:not(.kent-ico), input.button>span:not(.kent-ico) {
line-height:1.6;
}
.button+.button {
margin-left:10px;
}
.kForm-image label {
text-align:center !important;
cursor:pointer;
position:relative;
}
.kForm-image label::after {
content:attr(title);
color:#6F7381;
font-weight:normal;
font-style:italic;
margin-left:1em;
display:inline-block;
line-height:1.2;
max-width:calc(100% - (3*27px) - 1em);
text-align:left;
vertical-align:middle;
}
.kForm-image input[type="file"] {
display:none;
}
.kForm-imageDisplay {
font-size:calc(3*27px);
width:1em;
height:1em;
display:inline-block;
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
transition:transform .3s;
vertical-align:middle;
}
.kForm-imageDisplay:hover {
transform:scale(1.1);
}
.kForm p.error {
color:#e00000;
font-weight:bold;
}
.kForm .lang input {
padding-right:3em;
}
.kForm .lang input+span {
margin-left:-2.5em;
text-align:center;
line-height:38px;
height:38px;
}
.kForm .lang input.flat+span, .kForm.inline .lang input+span, .kForm .lang.inline input.flat+span {
line-height:27px;
height:27px;
}
.kForm .checkField {
padding-right:38px !important;
}
.kForm.inline .checkField,.kForm .inline .checkField {
padding-right:27px !important;
}
.kForm .checkField.error {
border:1px solid #e00000;
}
.kForm .checkField.verified {
border:1px solid #26BF45;
}
.kForm .checkField.error+.checkFieldStatus {
font-size:1em;
color:#e00000;
}
.kForm .checkField.verified+.checkFieldStatus {
font-size:1em;
color:#26BF45;
}
.kForm .checkFieldStatus {
position:absolute;
width:38px;
height:38px;
line-height:38px;
font-size:6px;
color:#6F7381;
text-align:center;
}
.kForm.inline .checkFieldStatus, .kForm .inline .checkFieldStatus {
width:27px;
height:27px;
line-height:27px;
}
.kForm .checkFieldStatus .loader {
color:inherit;
}
.kForm .checkFieldErrorMessage {
color:#e00000;
font-size:.9em;
font-style:italic;
}

.kForm .info {
font-style:italic;
text-align:center;
margin-bottom:2em;
}
.kForm .info .kent-ico-info {
color:#BAD2E7;
font-size:1.6em;
line-height:.625;
vertical-align:middle;
display:inline-block;
margin-right:.4em;
}
.kForm .info .kent-ico-info svg {
stroke-width:2;
}
.kForm .box, .contents .kForm .box {
border:none;
margin:5px 0;
padding:20px 40px;
background-color:#CFD8DD;
box-shadow:none;
}
/* ===== multiform ===== */
form.multipage
{
box-sizing:content-box;
padding-bottom:2.5em;
position:relative;
}
form.multipage .index
{
position:relative;
height:2em;
margin:1em 0;
}
form.multipage .index>div
{
position:absolute;
height:2px;
width:100%;
top:1em;
left:0;
padding:0;
margin:0;
background-color:#E7E7E7;
}
form.multipage .index a
{
background-color:#E7E7E7;
position:absolute;
top:0;
height:2em;
width:2em;
border-radius:1em;
}
form.multipage .index a:not(.inactive):hover, form.multipage .index a.active
{
background-color:#BAD2E7;
}

form.multipage .nav
{
position:absolute;
bottom:0;
margin:0;
width:100%;
}
form.multipage .nav a
{
display:block;
position:absolute;
right:0;
top:0;
}
form.multipage .nav a:first-child
{
position:static;
float:left;
}
form.multipage .nav a.inactive
{
visibility:hidden;
}

/* ---------------------
Custom forms
----------------------- */
.k_select
{
display:inline-block;
cursor:pointer;
position:relative;
background-color:#FFFFFF;
border:1px solid #D8D8D8;
height:27px;
line-height:27px;
color:#000000;
}
.k_select.active /* active box */
{
border-color:#909090;
background-color: #FFFDED;
}

.k_select select
{
display:none !important;
}
.k_select *
{
margin:0px;
padding:0px;
}
.k_select input, .k_select input:focus
{
color:#000000 !important;
border-width:0px !important;
background-color:transparent !important;
padding:0 !important;
padding-left:5px !important;
font-size:1em !important;
font-family:inherit !important;
line-height:1.5em !important;
height:100% !important;
text-align:inherit;
}
.k_select>div
{
display:none;
position:absolute !important;
z-index:99 !important;
margin:0 !important;
background-color:#FFFFFF !important;
color:#000000 !important;
min-height:auto !important;
max-height:15em;
overflow:auto;
border:1px solid #D8D8D8;
}
.k_select ul
{
margin:0 !important;
padding:0 !important;
background-color:transparent !important;
}
.k_select ul:hover li.active
{
background-color:transparent !important;
}
.k_select .optgroup label
{
font-weight:bold;
padding:0 5px !important;
display:block;
min-height:1.5em !important;
line-height:1.5em !important;
color:#000000;
}
.k_select .optgroup li
{
padding-left:10px !important;
}
.k_select li:hover, .k_select li.active,   .k_select ul:hover li.active:hover /* option hover */
{
background-color:#FFFDED !important;
}
.k_select li.disabled, .k_select li.disabled:hover, .k_select li.disabled.active
{
color:#6F7381;
background-color:transparent !important;
box-shadow:none;
}
.k_select li
{
list-style:none !important;
padding:0 5px !important;
cursor:pointer;
min-height:1.5em !important;
line-height:1.5em !important;
color:#000000;
}
.k_select .kent-ico
{
float:right !important;
padding-right:3px !important;
width:12px !important;
text-align:center !important;
font-style:normal !important;
line-height:27px !important;
font-size:8px;
}

/* --------- Buttons ---------- */
/*.k_button input[type=button], .k_button input[type=submit], .k_button button
{
background-color:transparent;
border-width:0px;
padding:2px 3px;
outline:none;
color:inherit;
}
.k_button
{
min-width:10em;
outline:none;
box-sizing:border-box;
width:auto;
color:#FFFFFF;
cursor:pointer;
background-color:#2F77B7;
border:1px solid #2F77B7;
border-radius:3px;
line-height:27px;
height:auto;
text-align:center;
display:inline-block;
position:relative;
}
.k_button:hover
{
animation:zoom .3s;
}
.k_button.disabled
{
background-color:#f4f4f4;
color:#6F7381;
border-color:#6F7381;
}
.k_button>span:first-child
 {
display:none;
position:absolute !important;
margin:0px;
padding:0px;
top:30px;
left:-30px;
z-index:999;
background-color:#EDF4FB;
padding:5px !important;
box-shadow:0px 0px 2px #909090;
width:auto !important;
 }
.k_button:hover>span:first-child
{
display:block;
}*/
.kRequired label.required {
color:#e00000;
}
.kRequired label.required:before {
content:"*";
}

/* --------- Loaders ------------ */

.loader {
text-align:center;
position:relative;
color:#2F77B7;
}
.loader.lineLoader>div>span {
background-color:currentColor;
height:.7em;
width:.7em;
border-radius:50%;
display:inline-block;
margin-right:.4em;
animation:jumpDelay 2s infinite;
}
.loader.lineLoader>div>span:nth-child(1) { animation-delay:.1s;}
.loader.lineLoader>div>span:nth-child(2) { animation-delay:.2s;}
.loader.lineLoader>div>span:nth-child(3) { animation-delay:.3s;}
.loader.lineLoader>div>span:nth-child(4) { animation-delay:.4s;}

.loader.circleLoader {
min-height:100px;
min-width:100px;
}
.loader.circleLoader>div {
width:100px;
height:100px;
position:absolute;
top:50%;
left:50%;
margin-top:-50px;
margin-left:-50px;
animation:rotatePause 3s infinite linear;
}
.loader.circleLoader>div>span {
position:absolute;
display:block;
width:100%;
height:100%;
}
.loader.circleLoader>div>span::before {
content:'';
background-color:currentColor;
height:10%;
width:10%;
border-radius:50%;
display:block;
position:absolute;
top:0%;
left:45%;
}


.loader.circleLoader>div>span:nth-child(1) {
transform:rotateZ(0deg);
animation:loaderRotate1 3s infinite ease-in-out;
}
@keyframes loaderRotate1 {
0% {transform:rotateZ(0deg);}
100% {transform:rotateZ(0deg);}
}

.loader.circleLoader>div>span:nth-child(2) {
transform:rotateZ(36deg);
animation:loaderRotate2 3s infinite ease-in-out;
}
@keyframes loaderRotate2 {
0% {transform:rotateZ(36deg);}
100% {transform:rotateZ(-36deg);}
}

.loader.circleLoader>div>span:nth-child(3) {
transform:rotateZ(72deg);
animation:loaderRotate3 3s infinite ease-in-out;
}
@keyframes loaderRotate3 {
0% {transform:rotateZ(72deg);}
100% {transform:rotateZ(-72deg);}
}

.loader.circleLoader>div>span:nth-child(4) {
transform:rotateZ(108deg);
animation:loaderRotate4 3s infinite ease-in-out;
}
@keyframes loaderRotate4 {
0% {transform:rotateZ(108deg);}
100% {transform:rotateZ(-108deg);}
}

.loader.circleLoader>div>span:nth-child(5) {
transform:rotateZ(144deg);
animation:loaderRotate5 3s infinite ease-in-out;
}
@keyframes loaderRotate5 {
0% {transform:rotateZ(144deg);}
100% {transform:rotateZ(-144deg);}
}

.loader.circleLoader>div>span:nth-child(6) {
transform:rotateZ(180deg);
animation:loaderRotate6 3s infinite ease-in-out;
}
@keyframes loaderRotate6 {
0% {transform:rotateZ(180deg);}
100% {transform:rotateZ(-180deg);}
}

.loader.circleLoader>div>span:nth-child(7) {
transform:rotateZ(216deg);
animation:loaderRotate7 3s infinite ease-in-out;
}
@keyframes loaderRotate7 {
0% {transform:rotateZ(216deg);}
100% {transform:rotateZ(-216deg);}
}

.loader.circleLoader>div>span:nth-child(8) {
transform:rotateZ(252deg);
animation:loaderRotate8 3s infinite ease-in-out;
}
@keyframes loaderRotate8 {
0% {transform:rotateZ(252deg);}
100% {transform:rotateZ(-252deg);}
}

.loader.circleLoader>div>span:nth-child(9) {
transform:rotateZ(288deg);
animation:loaderRotate9 3s infinite ease-in-out;
}
@keyframes loaderRotate9 {
0% {transform:rotateZ(288deg);}
100% {transform:rotateZ(-288deg);}
}

.loader.circleLoader>div>span:nth-child(10) {
transform:rotateZ(324deg);
animation:loaderRotate10 3s infinite ease-in-out;
}
@keyframes loaderRotate10 {
0% {transform:rotateZ(324deg);}
100% {transform:rotateZ(-324deg);}
}

/* --------- Message Box ---------- */
 #kMessageBox
{
background-color:rgba(0,0,0,0.7);
color:#ffffff;
border-radius:8px;
padding:10px;
font-size:14px;
line-height:1.2em;
position:fixed;
bottom:10px;
left:10px;
width:400px;
z-index:2000;
max-height:50%;
overflow:auto;
}
 #kMessageBox>a.kent-ico
{
color:#ffffff;
opacity:0.4;
float:right;
font-size:16px;
}
 #kMessageBox>a.kent-ico:hover
{
opacity:1;
}
 #kMessageBox p
{
margin-bottom:0.5em;
}
 #kMessageBox p.error
{
color:#e00000;
font-style:italic;
}
/* ----- Custom Elements ----- */
k-note {

}
k-note::part(counter) {
font-size:.8em;
transform:translateY(-.5em);
display:inline-block;
}
k-note::part(counter)::hover {
color:#32374A;
}
k-note::part(text) {
background-color:#FFFAEA;
padding:4px;
box-shadow:0 0 2px rgba(0,0,0,.1), 2px 2px 2px rgba(0,0,0,.3);
border-radius:3px;
font-size:16px;
transform:translateY(-.5em);
text-align:left;
max-width:min(100vw,500px);

}
/* ----- CKE data ----- */
.cke_container.cke_editable .cke-data {
min-height:100px;
border:1px solid black;
background-color:#F5F5F5;
color:#000;
padding:8px;
box-sizing:border-box;
}
.cke_container:not(.cke_editable) .cke-data:not(.loading):not(.loaded) {
display:none;
}
/* --------- Animations ---------- */
@keyframes zoom
{
50% {transform:scale(1.1)}
100% {transform:scale(1)}
}

@keyframes jumpDelay
{
10%, 30% {transform:translateY(0)}
20% {transform:translateY(-10px)}

}
@keyframes rotatePause
{
0% {transform:rotateZ(0deg);}
30% {transform:rotateZ(0deg);}
100% {transform:rotateZ(-360deg);}
}
@keyframes pulse
{
0%,80% {transform:scale(1)}
90% {transform:scale(1.5)}
100% {transform:scale(1)}
}
@keyframes bounce
{
0%,10% {transform-origin:center bottom;transform:translateY(0);}
20% {transform:translateY(-20px);}
25% {transform:translateY(0) scaleY(.9);}
30% {transform:translateY(-10px) scaleY(1);}
35% {transform:translateY(0) scaleY(.9);}
40% {transform:scaleY(1);}
100% {transform-origin:center bottom;};
}