:root {
    --primary-color-dark:  #025169;
    --primary-color:       #025169;
    --primary-color-mid:   #80A8B4;
    --primary-color-light: #E6EEF0;

    --secondary-color-dark:  #025169;
    --secondary-color: #025169;

    --light-grey: #F2F6f8;

    --body-bg: white;
    --text-color: #212121;

    --panel-default-bg: var(--primary-color-light);
    --panel-default-color: var(--text-color);
    --panel-default-hover-bg: var(--primary-color);
    --panel-default-hover-color: white;

    --btn-default-bg: transparent;
    --btn-default-color: var(--primary-color);
    --btn-default-hover-bg: var(--primary-color-light);
    --btn-default-hover-color: var(--primary-color);

    --btn-primary-bg: var(--primary-color);
    --btn-primary-color: white;
    --btn-primary-hover-bg: var(--primary-color-light);
    --btn-primary-hover-color: var(--primary-color);

    --table-row-bg: var(--light-grey);
    --table-clickable-row-bg: var(--light-grey);
    --table-clickable-row-color: var(--text-color);
    --table-clickable-row-hover-bg: white;
    --table-clickable-row-hover-color: var(--text-color);

    --info-bg: #047EA3;
    --info-color: #E6F2F6;
    --success-bg: #EBF5F2;
    --success-color: #356559;
    --warning-bg: #FFF9E7;
    --warning-color: #D17B15;
    --error-bg:#FFEDF2;
    --error-color:#A0002C;
}

/*
	This CSS overrides external.css

	Please add new CSS in external.css first and only add overrides in siteexternal.css
	for each deployment. If possible use the variables defined for primary and secondary
	colors as it makes it simpler in the future to modify colors.
*/


/* General */

@font-face {
    font-family: Roboto;
    src: url(helsedir/Roboto-Regular.ttf);
    font-display: swap;
}
@font-face {
    font-family: Roboto;
    font-weight: 700;
    src: url(helsedir/Roboto-Bold.ttf);
    font-display: swap;
}
@font-face {
    font-family: Roboto;
    font-weight: 300;
    src: url(helsedir/Roboto-Light.ttf);
    font-display: swap;
}

* {
    font-family: 'Roboto', Verdana, sans-serif;
}

body {
    background-color: var(--body-bg);
    color: var(--text-color);
}

.logodiv img {
    height:40px;
}

/* Buttons */

.btn-default {
    border:1px solid var(--primary-color);
    background:var(--btn-default-bg);
    color:var(--btn-default-color);
}
.btn-default:hover, .btn-default:active, .btn-default:focus {
    background:var(--btn-default-hover-bg);
    color:var(--btn-default-hover-color);
}

.btn-primary {
    border:1px solid var(--primary-color);
}
.btn-primary:active,
.btn-primary.active,
.btn-primary {
    background:var(--btn-primary-bg);
    color:var(--btn-primary-color);
}

.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.btn-primary:hover,
.btn-primary:focus
{
    background:var(--btn-primary-hover-bg);
    color:var(--btn-primary-hover-color);
}

.btn-group .btn-primary {
    background:var(--primary-color-light);
    color:var(--primary-color);
    border-color:var(--primary-color);
}
.btn-group .btn-default {
    border-color:var(--primary-color);
    color:var(--primary-color);
}

.form-control {
    border-color:var(--primary-color);
}

.select2-container.select2-container-active .select2-choice, .form-control:focus {
    box-shadow: none;
}



/* Panels */

.panel-default > .panel-heading {
    background:var(--panel-default-bg);
    color:var(--panel-default-color);
}
.panel-default .panel-heading .panel-icon {
    color:var(--panel-default-color);
}

.panel-primary .panel-heading {
    background:var(--btn-primary-bg);
    color:var(--btn-primary-color);
}
.panel-primary .panel-heading .panel-icon {
    color:var(--btn-primary-color);
}

.panel-group .panel-heading:hover {
    background:var(--panel-default-hover-bg);
    color:var(--panel-default-hover-color);
}


/* Tables */

.table {
    border-spacing:0 6px;
}

.table tbody td {
    border-top:1px solid var(--primary-color-mid) !important;
    border-bottom:1px solid var(--primary-color-mid) !important;;
}
.table tbody td:first-child {
    border-left:1px solid var(--primary-color-mid) !important;
}
.table.linkid tbody td:nth-child(2) {
    border-left:1px solid var(--primary-color-mid) !important;
}
.table tbody td:last-child {
    border-right:1px solid var(--primary-color-mid) !important;;
}
.table tbody tr:hover td {
    border-top:1px solid var(--primary-color) !important;
    border-bottom:1px solid var(--primary-color) !important;;
}
.table tbody tr:hover td:first-child {
    border-left:1px solid var(--primary-color) !important;
}
.table.linkid tbody tr:hover td:nth-child(2) {
    border-left:1px solid var(--primary-color) !important;
}
.table tbody tr:hover td:last-child {
    border-right:1px solid var(--primary-color) !important;;
}
.table tbody tr:hover .icon-bullet,
.table i.icon-bullet {
    border:0;
    background:transparent;
}


.table th a:hover {
    color:var(--primary-color-dark);
}
.table tbody td {
    background:var(--table-clickable-row-bg);
    color:var(--table-clickable-row-color);
}
.clicktable tbody tr:hover,
.linkid tbody tr:hover,
.clicktable tbody tr:hover td,
.linkid tbody tr:hover td {
    background:var(--table-clickable-row-hover-bg);
    color:var(--table-clickable-row-hover-color);
}

.mainmenu ul li a {
    font-size:1.6rem;
}
.mainmenu ul li a:focus,
.mainmenu ul li a:hover,
.mainmenu ul li a.selected {
    border:1px solid transparent;
}
.mainmenu ul li a {
    align-items: center;
}
.mainmenu ul li a span {
    margin-top:0px;
}
.mainmenu ul li a i {
    font-size: 2rem;
    height: auto;
}
/*
.navigation .goto a[disabled="disabled"] {
	background:var(--secondary-color);
	color:white;
}
*/


/* Modal dialogs */
/*
.modal-header {
    background:var(--primary-color-dark);
    color:white;
}
 */

/* HTML form display overrides - default in cortadoform.css */

.html .section-heading {
    background:var(--table-clickable-row-hover-bg);
    color:var(--table-clickable-row-hover-color);
    padding:3px 10px 3px 10px;
    font-size:18px;
    min-height:32px;
    font-weight:bold;
    border-radius:0;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    margin-top:3px;
    box-shadow:none;
    border-top:0;
}
.html .section-heading.closed:hover,
.html .section-heading:hover {
    background:var(--table-clickable-row-hover-bg);
    color:var(--table-clickable-row-hover-color);
}
.html .section-heading:focus {
    outline:none;
}
.html .section-heading.closed {
    background:var(--table-clickable-row-bg);
    color:var(--table-clickable-row-color);
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
.html .section {
    padding:10px 10px 5px 10px;
    margin:0;
    background:white;
    border:1px solid var(--table-clickable-row-hover-bg);
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
.html .section .section {
    border-left:1px dotted #ccc;
    border-right:1px dotted #ccc;
}
.html .section .section:last-child {
    border-bottom:1px dotted #ccc;
}
.html .section .section-heading {
    border:none;
    box-shadow:none;
}

.dl-tile {
    background:var(--light-grey);
}

/* ExternalCaseEditPage colour overrides */

.case-details {
    background:transparent;
    padding:0;
}
.alert-comments {
    background:var(--light-grey);
}
.docaction-tiles ul li {
    border-color:var(--primary-color);
}


.bordertiles a {
    border-color:var(--primary-color);
}
.bordertiles a:hover {
    background:var(--primary-color-light);
    border-color:var(--primary-color-dark);
}

.nav-tabs .badge {
    background:var(--primary-color-dark);
}

.home-tile {
    background:white !important;
    border:1px solid var(--primary-color) !important;
    color:var(--text-color) !important;
}
.home-tile:focus,
.home-tile:active,
.home-tile:focus-visible,
.home-tile:hover {
    background:var(--primary-color-light) !important;
    color:var(--text-color) !important;
}
.home-tile i {
    background:transparent !important;
    color:var(--primary-color) !important;
    font-size: 1.8rem !important;
    left:6px;
    margin-top:-16px;
}
.home-tile.home-alert:before,
.home-tile.home-deadline:before {
    color:var(--primary-color);
    font-size: 1.8rem !important;
    font-weight: normal;
    margin-top:-12px;
}
.home-tile b {
    color:var(--text-color);
    font-style: normal;
}
.home-tile.home-alert:before {
    color:#D17B15;
    content: "\e81e";
}

.home-separator {
    border-bottom-color:var(--primary-color);
}

.search-block input {
    border-color:var(--primary-color);
}


footer {
    background:var(--primary-color-dark);
    color:white;
    border-top:0;
}
footer .pageclass,
footer .version a,
footer .version {
    color:#ffffff80;
}
footer .version a:hover {
    color:white;
}

.case-details {
    border:0;
}

.atab-buttons {
    background:var(--light-grey);
}

.formtable > tbody > tr:hover > td {
    background:var(--light-grey);
}

.docaction-tiles li.hilight {
    background-color:var(--warning-bg);
    border-color:var(--warning-color);
}

.deadline-expired {
    color:var(--error-color);
}

.unread .message {
    background-color:var(--success-bg);
    border-color:var(--success-color);
}

span.green-bullet::before {
    background:var(--success-color);
}
span.red-bullet::before {
    background:var(--error-color);
}

.alert-message {
    color:var(--warning-color);
}
.alert-message::before {
    content: "\e81e";
}