/* variables */
:root{
    --color-accent: #033e78;
    --color-accent-rgb: 3, 62, 120;

    --color-accent2: #f15a22;
    --color-accent2-rgb: 241, 90, 34;
}
/**/


/* html, body */
html { background-color:var(--color-accent); }
body { position:relative; background:#eaeaea; background-position: center 0px; width:100%; background-size:100% auto; height:100%; min-height:100vh; padding:0; margin:0;  }
@media only screen and ( max-width: 1920px) { body { background-size: auto auto; } }
/**/

/* text */
body, div, p, span, input, textarea { font-family:'Quicksand', sans-serif; font-weight: 500; color:rgba(0,0,0, 0.7); }
body { font-size: 16px; position:relative; }

h1 { font-size:26px; color:var(--color-accent); margin-bottom:50px; }
h2 { font-size:18px; margin-bottom:30px; }
h1, h2, h3, h4, h5 { font-family:'Quicksand', sans-serif; font-weight: 500; }
h2 { margin:0; }

a, a:visited { color:var(--color-accent); transition: all 0.6s ease; text-decoration: none; }
a:hover { color:var(--color-accent); transition: all 0.2s ease; text-decoration:underline; }
/**/

/* Blue background */
.bg-blue { background:var(--color-accent); }
.bg-blue div, .bg-blue p, .bg-blue span  { color:rgba(255,255,255, .7);}
/**/

/* misc */
.cursor-pointer { cursor:pointer; }
/**/


/* header and layout */
@media only screen and ( max-width: 61.999em) { 

    .section-header { position:fixed; z-index:1000; background:var(--color-accent); padding:10px 20px 10px 20px; width:100%; box-sizing:border-box; box-shadow:0 0 15px 5px rgba(0,0,0, .3); transition:height 0.8s ease; }
    .section-header { padding-top:calc(10px + env(safe-area-inset-top)); } /* fix stupid bus pocket on iphone x */
    .header-container { position:relative; border:none; }
    .logo { float:left; width:40px; margin-top:-3px; transition:all 0.8s ease; }
    .header-info { position:relative; color:rgba(255,255,255, .7); text-align:right; float:right; margin-right:30px; margin-top:7px; font-size:0.8em; transition:all 0.8s ease; }
    .header-info a, .header-info a:visited { color:rgba(255,255,255, .7); }
    .header-menu-bm .bm-menubutton { display:inline-block; background:var(--color-accent); position:relative; padding:5px; float:right; margin-top:2px; border:0; border-radius:2px; font-size:18px; color:#fff; cursor:pointer; transition:all 0.6s ease; appearance: none; outline:0; line-height:1; }
    .header-menu-bm .bm-menubutton:hover { background:#fff; color:var(--color-accent); transition:all 0.2s ease;}

    .header-menu-dt { display:none; }
    .header-menu-bm .bm-sidebar-content { padding-top:env(safe-area-inset-top); background:#eaeaea; overflow-y: scroll; }
    .header-menu-bm ul { list-style-type:none; margin:0; padding:0; } 
    .header-menu-bm li.menu-heading { display:block; box-sizing:border-box; padding:10px 10px 10px 15px; background:rgba(255,255,255, .3); color:var(--color-accent); font-weight:bold; }
    .header-menu-bm li a { position:relative; display:block; box-sizing:border-box; padding:10px 10px 10px 25px; color:rgba(0,0,0, .4); border-bottom:1px solid rgba(0,0,0, .03); transition:all 0.6s ease; }
    .header-menu-bm li a:hover { color:rgba(0,0,0, .8); background:rgba(0,0,0, .08); text-decoration:none; transition:all 0.2s ease; }
    .header-menu-bm li.current-menu-item a { background:var(--color-accent); color:#fff; }
    .header-menu-bm li.current-menu-item a:before { position:absolute; display:block; content:''; border:8px solid transparent; border-left-color:#525252; width:0; height:0; top:15px; left:0px; }

    .header-menu-bm li.menu-spacer { height:20px; border-bottom:1px solid rgba(255,255,255,0.1); }

    #main-content { min-height:400px; padding:80px 20px 40px 20px; }
    #main-content { padding-top:calc(80px + env(safe-area-inset-top)); }

}

@media only screen and ( min-width: 62em) { 

    .section-header { display:inline-block; position:absolute; background:var(--color-accent); min-height:100vh; height:100%; width:300px; box-sizing:border-box; }
    .header-container { position:relative; height:100%; border:none; }
    .logo { padding:25px 70px 20px 70px; }
    .header-info { position:absolute; bottom:15px; left:15px; right:15px; background:rgba(0,0,0,.2); color:rgba(255,255,255, .7); text-align:left; padding:3px; border-radius:3px; font-size:0.8em; }
    .header-info a, .header-info a:visited, .header-info a:hover { color:rgba(255,255,255, .7); text-decoration: none; }
    .header-menu-bm .bm-menubutton { display:none; }

    .header-menu-dt ul { list-style-type:none; margin:0; padding:0; } 
    .header-menu-dt li.menu-heading { display:block; box-sizing:border-box; padding:10px 10px 10px 15px; background:rgba(255,255,255, .0); color:rgba(255,255,255,.7); font-weight:bold; }
    .header-menu-dt li a { position:relative; display:block; box-sizing:border-box; padding:10px 10px 10px 25px; color:rgba(255,255,255, .4); border-bottom:1px solid rgba(0,0,0, .05); font-weight:500; transition:all 0.6s ease; }
    .header-menu-dt li a:hover { color:rgba(255,255,255, .8); background:rgba(0,0,0, .08); text-decoration:none; transition:all 0.2s ease; }
    .header-menu-dt li.current-menu-item a { background:rgba(0,0,0, .1); color:#fff; }
    .header-menu-dt li.current-menu-item a:before { position:absolute; display:block; content:''; border:8px solid transparent; border-left-color:#05376c; width:0; height:0; top:12px; right:-15px; }

    .header-menu-dt li.menu-spacer { height:20px; }


    #main-content { min-height:600px; padding:20px 20px 40px 340px; max-width:1920px; }
    #main-content { padding-top:calc(20px + env(safe-area-inset-top)); }
    .footer-credits { margin-left:320px; max-width:1920px; }

}
/**/

/**/
.fullscreen { margin:-20px -20px 0 -340px; }
@media only screen and ( max-width: 61.999em) { 
    .fullscreen {margin:-80px -20px 0 -20px; }
}
/**/

/* footer*/
.footer-credits { text-align:center; font-size:0.8em;  margin-top:80px; padding-bottom:60px;}
.footer-credits  img { float:left; width:30px; margin-right: 10px; }
.footer-content { width:210px; margin:0 auto; }
.footer-content div { color:rgba(0,0,0, .2);}
.footer-content div a, .footer-content div a:visited { color:rgba(0,0,0, .5); transition:all 0.6s ease; }
.footer-content div a:hover { color:var(--color-accent);  transition:all 0.2s ease; }
/**/


/* *********** submenu (tabs) ********************** */
.submenu { position:relative; z-index:1; background:#fff; border-bottom:1px solid #ccc; margin:-20px -20px 30px -40px; padding:15px 0 0 0; }
.submenu ul { list-style-type: none; margin:0 0 0 50px; padding:0 0 0 0; }
.submenu li { display:inline-block;  }
.submenu li a { position:relative; display:inline-block; padding:15px 20px 0 20px; height:40px; box-sizing:border-box; text-decoration:none; margin: 0 -5px; z-index:1; color:#666; font-size:14px; text-align:center; text-transform: uppercase; }
.submenu li a::before { content:''; position:absolute; top:0; right:0; bottom: 0; left:0; z-index:-1; border:2px solid #ccc; border-bottom:none; border-radius:5px 5px 0 0; background:#ddd; transform:perspective(3px) rotateX(1deg); transform-origin:bottom; transition:all 0.6s ease; }
.submenu li a:hover::before { background:#eee; transition:all 0.2s ease;  }
.submenu li.current-menu-item a {  z-index:2; color:var(--color-accent); }
.submenu li.current-menu-item a::before {  bottom:-1px; background:#eaeaea; }
/**/

/* content */
#sub-content { padding:40px 0 0 0; }
/**/



/* forms */
input[type=text], input[type=password], input[type=email], input[type=number], input[type=date], select, textarea  { 
    display:block; box-sizing:border-box; width:100%; padding:0.5rem; font-size:1rem; background:rgba(255,255,255,0.7); border:1px solid rgba(0,0,0, .2); border-radius:5px; color:#333; transition:all 0.8s ease; box-shadow: none; 
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,  input[type=number]:focus,  input[type=date]:focus, select:focus, textarea:focus  { 
    background:rgba(255,255,255,1); border:1px solid var(--color-accent2); box-shadow:none; transition:all 0.3s ease; outline: none; 
}

textarea { resize:none; }
select { -webkit-appearance: menulist;  }
select > option { color:#222; }
input::placeholder, textarea::placeholder { color:rgba(0,0,0, .2);  }
input:disabled, select:disabled, textarea:disabled {  color:#333; background:rgba(255,255,255,0.5); opacity:1;}

[type=checkbox] { margin:0; }
[type=checkbox]+label, label { display:inline-block; font-size:1em; margin:0; box-sizing:border-box; width:calc(100% - 20px);  }

.input_error, .input_error:focus { border:1px solid #af0303 !important; }
.input_label { padding-top:7px;  }


.switch { display:inline-block; margin-bottom:0; }
input:checked~.switch-paddle { background:linear-gradient(254deg, #1dc4e9, #049df5);  }
.switch-label { position:relative; top:-9px; display:inline-block; line-height:28px; padding-left:10px; }


.button, .button[disabled], .button[disabled]:hover, .button[disabled]:hover, a.button { display:inline-block; vertical-align:middle; padding:.6em 1em; font-size:.8em; line-height:1; text-align:center; text-transform: uppercase; cursor:pointer; position:relative; margin:0; background:rgba(var(--color-accent-rgb), 0.1); color:var(--color-accent); border-radius:5px; border:1px solid var(--color-accent); transition:all 0.6s ease; }
.button i { font-size: 0.8rem; }
.button:hover, .button:focus { background: var(--color-accent); color:#fff; text-decoration:none; transition:all 0.2s ease; outline:none; }
.button-shadow { box-shadow:0 0 5px 5px rgba(0,0,0,0.2); }

.button-on, a.button-on { background:var(--color-accent); color:#fff; }
.button-arrow-down::after { content:''; display:inline-block; position:absolute; bottom:-10px; left:calc(50% - 10px); width:20px; height:20px; border:solid var(--color-accent2); border-width:0 3px 3px 0; transform: rotate(45deg); }

.button-red, a.button-red { background:rgba(var(--color-accent2-rgb), 0.1); color:var(--color-accent2); border-color:var(--color-accent2); }
.button-red:hover, .button-red:focus { background:var(--color-accent2); }
/**/


/* datepicker */
.dp_wrapper { display:block; position:relative; }
.dp_icon_bg { position:absolute;top:1px; right:1px; width:35px; height:37px; box-sizing:border-box; background:#eee; border-left:1px solid #ccc; border-radius:0 5px 5px 0; text-align:center; padding-top:8px; cursor:pointer; }
.dp_icon_svg { fill:#666; transition:fill 0.6s ease; height:21px; }
.dp_icon_bg:hover > .dp_icon_svg { fill:var(--color-accent); transition:fill 0.1s ease;  }
/**/


/* notifications */
.note { background-color:transparent !important; border:none; color:#4caf51 !important; text-align:center;   }
.error{ background:transparent !important;  border:none;  color:#d00 !important; text-align:center; }
.error a, .error a:visited { color:#a00; }
.error a:hover { color:#800; }
.note i, .error i { margin-right:15px;  }
/**/


/* notification circles (small dots with numbers ios style) */
.notecircle { display:inline-block; width:15px;height:15px; border-radius:15px; border:1px solid #16335b; color:#16335b; position:absolute; top:-8px; right:-8px; box-sizing:border-box; background:#c2c8d0; padding-top:2px; text-align:center; font-size:10px; }
.notecircle-red {  border:1px solid#b62e31; color:#b62e31; background: #e3d3d3; }
/**/


/*////////////////// responsive tables ////////////////////////////////*/

/* container */
.t-container { display:block; position:relative; overflow:hidden;}
@media only screen and ( max-width: 640px) { .t-container { margin-left:-20px; margin-right:-20px; } } /* remove body padding on table lists on small screens */
/**/

/* row */
.trow, .throw { display:flex; flex-flow: row wrap; position:relative; transition:0.6s all ease; }
/**/

/* alternate row background color */
.t-row-alt > .trow:nth-of-type(even) { background:#eee;  }
.t-row-alt > .trow:nth-of-type(odd) { background:#f3f3f3;  }
/**/

/* table cell */
.tcell { flex:1 1 0px; padding:10px; position:relative; }
.throw .tcell { font-weight:normal; background:#ddd; color:var(--color-accent); }
.trow > .tcell:first-child, .throw > .tcell:first-child { padding-left:20px; }
.trow > .tcell:last-child, .throw > .tcell:last-child { padding-right:20px; }
/* */

/* borders */
.t-border { border:1px solid #ddd; border-radius:5px; }
@media only screen and ( max-width: 640px) { .t-border { border-radius:0px; } } /* remove body padding on table lists on small screens */

.t-row-border > .throw > .tcell, .t-row-border > .trow > .tcell { border-top:1px solid rgba(55, 80, 144, 0.1);  }
.t-row-border > .trow:first-child > .tcell, .t-row-border > .throw:first-child > .tcell { border-top:none;  }

.tborder-cell .tcell { border-top:3px solid #f9f9f9; border-right:3px solid #f9f9f9;  }
.tborder-cell .tcell:last-child { border-right:none;  }
.tborder-cell > .trow:first-child > .tcell:last-child { border-top:none;  }
/**/

/* hover effect */
.t-hover > .trow:hover { background-color:#ddd; cursor:pointer; transition:0.2s all ease; }
/**/

/* mobile table break */
@media only screen and (max-width: 550px){
    
    .t-break .throw { display:none; }
    .t-break .trow { margin-top:5px; }
    .t-break .trow, .t-break .tcell { display:block; }
    .t-break .tcell { text-align:left; }

    .t-break-label .tcell::before { position:absolute; top:0; left:0; display:block; content: attr(data-label); color:var(--color-accent); font-size:.8em; height:100%; width:100px; background:rgba(0,0,0, .06); text-align:left; padding:10px; box-sizing:border-box; }
    .t-break-label .tcell { padding-left:110px !important; }
} 
/**/


/*////////////////////////////////////////////////////////////////*/


/* box */
.box-square { position:relative; padding-top:100%; }
.box-3-4 { position:relative; padding-top:125%; }
.box-content { position:absolute; top:0; left:0; width:100%; min-height:100%; box-sizing: border-box; }
/**/

/* tint hover (accent color over entire element on hover) */
.tint-hover { cursor:pointer; }
.tint-hover img { filter:grayscale(100%);  }
.tint-hover:after{ content:''; display:block; position:absolute;  top:0; bottom:0;  left:0;  right:0; opacity:0; transition:all 0.6s linear; }
.tint-hover:hover:after{  background:var(--color-accent); opacity:0.2; transition:all 0.2s linear; }
/**/

/* contentbox */
.contentbox { background:#e0e0e0; margin:0; padding:20px; color:#5d5d5d; position:relative;  }
@media only screen and ( max-width: 640px) { .contentbox { margin-left:-20px; margin-right:-20px; } .contentbox-retainpadding { margin:0; } } /* remove body padding on small screens */
.contentbox-border { border:1px solid #d5d5d5; border-radius:5px;  }

.contentbox-blue { background: var(--color-accent); color:#fff; border-color: var(--color-accent); }
.contentbox-blue input, .contentbox-blue select, .contentbox-blue textarea { border:none; }
.contentbox-white { background: #fff; color:#555; }

.contentbox-arrow-up:before { position:absolute; display:block; content:''; border:10px solid transparent; border-bottom-color:#e0e0e0; width:0; height:0; top:-20px; left:40px;  }
/**/

/* contentbox in list */
.t-contentbox { background:#e6e6e6; padding:20px; color:#5d5d5d; position:relative;  }
.t-contentbox-arrow-up:before { position:absolute; display:block; content:''; border:10px solid transparent; border-bottom-color:#e6e6e6; width:0; height:0; top:-20px; left:40px;  }
.t-contentbox-border { border:1px solid rgba(255,255,255,.9); border-radius:5px;  }
/**/

/* contentbox tabs */
.cbtabs { position:absolute; top:-30px; right:20px; z-index:1; margin:0; padding:0; }
.cbtabs ul { list-style-type: none; margin:0; padding:0; }
.cbtabs li { display:inline-block; padding:0; }
.cbtabs li a { position:relative; display:inline-block; padding:10px 20px 0 20px; height:30px; box-sizing:border-box; text-decoration:none; margin: 0 -5px; z-index:1; color:#666; font-size:12px; text-align:center; text-transform: uppercase; cursor:pointer; }
.cbtabs li a::before { content:''; position:absolute; top:0; right:0; bottom: 0; left:0; z-index:-1; border:1px solid #bbb; border-bottom:none; border-radius:5px 5px 0 0; background:#ccc; color:#222; transform:perspective(3px) rotateX(1deg); transform-origin:bottom; transition:all 0.6s ease; }
.cbtabs li a:hover::before { background:#ddd; transition:all 0.2s ease;  }
.cbtabs li.current-tab-item a {  z-index:2; color:var(--color-accent); }
.cbtabs li.current-tab-item a::before {  bottom:-1px; background:#e6e6e6; }
/**/

/* toggle content */
.toggle-content { display:none; flex:none; width:100%; box-sizing:border-box; }
/**/

/* misc content elements */
.divider { border-top:1px solid rgba(0,0,0, .1); margin-top:30px; height:30px; }
/**/

/* image thumbnails and viewer */
.imagethumb-container { text-align:left; }
.imagethumb { position:relative; float:left; width:120px; height:120px; background-size:cover; background-repeat:no-repeat; background-position:center center; border:1px solid #111; margin:0 10px 10px 0; cursor:pointer; }
@media only screen and ( max-width: 640px) { .imagethumb { width:120px; height:120px; } }
.imageupload { border:1px solid transparent; }

.img-square { border:1px solid #111; width:100%; padding-top:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; } /* square container 100% size */

.ow-imageview-container { position:relative; z-index:2; width: calc(100vw - 92px); max-width:1110px; }
/**/

/* ax loader */
.axloader { text-align:center; margin-top:40px; }
.axloader img { width:50px; }
.axloader-tmp { display:none; width:35px; margin-top:-15px; margin-bottom:-15px; }
/**/


/* custom checkbox switch */
.icswitch {  position: relative;  display: inline-block;  width: 50px;  height: 20px; }
.icswitch input {   opacity: 0;  width: 0;  height: 0; }
.icslider {  position: absolute; cursor: pointer; color:#fff;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #c00; box-shadow:inset 0px 0px 3px 1px rgba(0,0,0, .3);  -webkit-transition: .4s;  transition: .4s; border-radius: 34px;  }
.icslider:before { content: "";  position:absolute; left:0px; bottom:0px; z-index:1; box-sizing: border-box; box-shadow:0 0 5px #000; border-radius: 50%; height:20px;  width:20px;   background-color: white;  -webkit-transition: .4s;  transition: .4s;  }
.icslider:after { content: attr(data-labeloff); display:inline-block; width:calc(100% - 20px); float:right; position:realtive; z-index:0; color:#fff; line-height: 20px; font-size: 12px; text-align:center; }
input:checked + .icslider {  background-color: #87c540; }
input:checked + .icslider:before {  transform: translateX(30px); }
input:checked + .icslider:after { content:attr(data-labelon); float:left; }

.icswitch.icswitch-long { width:90px; }
.icswitch.icswitch-long input:checked + .icslider:before {  transform: translateX(70px); }
/**/

/* grafer */
.diagram-container { position:relative; height:400px;border-bottom:1px solid rgba(0,0,0, .2); }
@media only screen and ( max-width: 640px) { .diagram-container { height:300px; } }
.diagram-itembg { display:block; content:' '; position:absolute;bottom:0; width:100%; max-width:40px; height:100%; background:rgba(0,0,0,.2); border-radius: 5px 5px 0 0;  }
.diagram-item { position:absolute;bottom:0; width:8%; max-width:40px; background:rgba(var(--color-accent-rgb), .3); border-radius: 5px 5px 0 0; transform-origin:100% 100%; animation:1s ease-out 0s 1 diagram-height; cursor:pointer; }
.diagram-subitem { position:absolute;bottom:0; width:100%; background:rgba(var(--color-accent-rgb), .3); }
.diagram-txt { position:absolute; left:calc(50% - 10px); bottom:0; color:#333; font-size:.8em; transform:rotate(-90deg); transform-origin:0 0; white-space: nowrap; transition:all 1s ease;  }
.diagram-txt-horizontal { position:absolute; left:0; bottom:0; width:100%; text-align:center; font-size:10px; white-space: nowrap; transition:all 1s ease;  }
.diagram-txt-top { position:absolute; left:0; top:-20px; width:100%; text-align:center; font-size:.8em; white-space: nowrap; transition:all 1s ease;  }
.diagram-label { position:absolute; left:0; bottom:-20px; width:100%; text-align:center; font-size:.8em; white-space: nowrap; transition:all 1s ease;  }
.diagram-comparison { position:absolute; left:0px; width:8%; max-width:40px; height:15px; border-radius:5px; background:rgba(2, 153, 229, .8); font-size:10px; text-align:center; color:#fff; animation:1s ease-out 0s 1 diagram-height; }
@keyframes diagram-height {
    0% { transform: scaleY(0); }
    100% { transform: scaleY(1); }
}
/**/

/* animations */
@keyframes ani-width {
    0% { transform: scaleX(0); }
    100% { transform: scaleX(1); }
}
/**/


/* circular graph */
.chart-pieopen { position:relative; display:inline-block; } /* container */
.chart-pieopen svg {  display: block;  max-width: 100%; } /* svg element */
.chart-pieopen svg path:nth-child(1) {  fill: none;  stroke: #e5e5e5;  stroke-width: 3.8; } /* full circle */
.chart-pieopen svg path:nth-child(2)  {  fill: none;  stroke-width: 2.8; stroke:var(--color-accent); stroke-linecap: round;  animation: chart-pieopen-ani 1s ease-out forwards; } /* filled circle */

@keyframes chart-pieopen-ani {
  0% { stroke-dasharray: 0 100; }
}

.chart-pie-label { position:absolute; top:50%; transform: translateY(-50%); left:0; right:0; text-align:center;} /* label inside circle */
/**/

/* ukesoversikt */
.uo-oppdrag-wrapper { box-sizing:border-box; float:left; }
.uo-oppdrag { box-sizing:border-box; border-radius:3px; background:#fff; padding:5px; margin:2px 4px 0 0; border:1px solid #ddd; }
.uo-ingenoppdrag { background:rgba(255,255,255, .8); color:rgba(0,0,0,.2); }
.uo-fravar { background:rgba(200, 0, 0, .4); color:rgba(255,255,255,.8); }
.uo-antall-biler { display:inline-block; float:right;  background:#eee; color:#666; text-align:center; width:20px; height:20px; border-radius:20px; margin-right:4px; padding-top:1px; }
.uo-antall-biler-green { background-color:#d4ebd6;  }
.uo-antall-biler-blue { background-color:rgba(var(--color-accent-rgb), .2);  }
/**/



/* background classes */
.bg-accent { background:var(--color-accent); }
.bg-accent2 { background:var(--color-accent2); }
/**/

/* patch (colored pathes) */
.patch { display:inline-block; background-color: #ccc; border:1px solid #666; color:#333; border-radius:3px; padding:0.2em 0.8em; box-sizing: border-box; }
.patch-accent { background-color:rgba(var(--color-accent-rgb), .2); border-color:var(--color-accent); color:var(--color-accent); }
.patch-accent2 { background-color:rgba(var(--color-accent2-rgb), .2); border-color:var(--color-accent2); color:var(--color-accent2); }
.patch-blue { background-color:rgba(22,51,91, .2); border-color:rgba(22,51,91, 1); color:rgba(22,51,91, 1); }
.patch-green { background-color:#ebf8a4; border-color:#a2d246; color:#508811; }
.patch-orange { background-color:#ffe1c3; border-color:#ff9900; color:#aa4400; }
.patch-red { background-color:#ffc0cb; border-color:#800000; color:#800000; }
/**/

/* text classes */
.text-xxs { font-size:10px; }
.text-xs { font-size:12px; }
.text-s { font-size:14px; }
.text-l { font-size:18px; }
.text-xl { font-size:24px; }
.text-xxl { font-size: 38px; }
.text-right { text-align: right;  }
.text-center { text-align: center;  }
.text-justify { text-align: justify;  }
.text-nowrap { white-space: nowrap; }
.text-bold { font-weight:bold; }

.text-accent { color:var(--color-accent); }
.text-accent2 { color:var(--color-accent2); }
.text-yellow { color:var(--color-accent); }
.text-green { color:#00a846; }
.text-white { color:rgba(255,255,255,1);  }
.text-white-fade { color:rgba(255,255,255,0.6);  }
.text-black { color:rgba(0,0,0, 1);  }
.text-black-fade { color:rgba(0,0,0, .4);  }
.text-black-superfade { color:rgba(0,0,0, .2);  }
.text-blue { color:var(--color-accent);  }
.text-lightblue { color:#b5d8ef; }
.text-red { color:#a00;  }
.text-orange { color:#db9833;  }
/**/