:root {
    --primary-color-dark:  #006EB6;
    --primary-color:       #6EC8FF;
    --primary-color-light: #C1E8FF;

    --secondary-color-dark:  #002864;
    --secondary-color: #006EB6;

    --light-grey: #D2DCE6;

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

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

    --btn-default-bg: transparent;
    --btn-default-color: var(--text-color);
    --btn-default-hover-bg: #00000020;
    --btn-default-hover-color: var(--text-color);

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

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

/*
	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: 'asker/AskerSans';
    src: url('AskerSans-Regular.otf');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: AskerFont;
    src: url(asker/AskerSans-Regular.eot);
    src: url(asker/AskerSans-Regular.eot#iefix) format("embedded-opentype"),url(asker/AskerSans-Regular.woff) format("woff"),url(asker/AskerSans-Regular.woff2) format("woff2");
    font-display: swap
}
@font-face {
    font-family: AskerFont;
    font-weight: 700;
    src: url(asker/AskerSans-Bold.eot);
    src: url(asker/AskerSans-Bold.eot#iefix) format("embedded-opentype"),url(asker/AskerSans-Bold.woff) format("woff"),url(asker/AskerSans-Bold.woff2) format("woff2");
    font-display: swap
}

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

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

.logodiv img {
    height:65px;
}

/* Buttons */

.btn-default {
    background:var(--btn-default-bg);
    color:var(--btn-default-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);
    border:1px solid var(--btn-primary-hover-bg);
}


/* 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 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);
}

/*
.navigation .goto a[disabled="disabled"] {
	background:var(--secondary-color);
	color:white;
}
*/


/* Modal dialogs */

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


/* Main layout */

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background:var(--primary-color);
    color:black;
}


/* 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:var(--primary-color-light);
}
.home-tile:focus,
.home-tile:active,
.home-tile:focus-visible,
.home-tile:hover {
    background:var(--primary-color);
}

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

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

footer {
    background:var(--secondary-color-dark);
    color:white;
}
footer .version,
footer .version a,
footer .pageclass {
    color:#ffffffa0;
}
footer .version a:hover {
    color:white;
}


@media only screen and (max-width: 767px) {
    .logodiv {
        /*width:85px;*/
        overflow:hidden;
    }
    .mainbar.expanded .logodiv {
        width:auto;
    }
}