/* #################################################
    MAIN PAGE CHANGES
################################################## */
html,
#topNav {
    background: linear-gradient(to right bottom, #368ec4, #e4e7de) no-repeat center center fixed;
    background-size: cover;
}
@media (min-width: 1200px) {
    .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }
}
#headerWrapper {
    min-height: 56px;
}
@media (min-width: 1200px) {
    #headerWrapper {
        min-height: 73px;
    }
}
h1 {
    margin-bottom: 30px;/* do: isnt a colour theme so should this be elsewhere? */
    color: white;
    text-align: center;
}
#topNavMenuSearch,
#topNavLinksShop {
    display: none;
}
#topNavLinksContactCPD {
    display: inline-block;
}


/* #################################################
    NEW COLOUR THEME
################################################## */
a {
    color: #2271a6;
}
.cisiPopup .popupHeader {
    background-color: #3083bb;
    color: #fff;
    border: none;
}
.btn-default,
.btn-default:active,
.btn-default.active,
.btn-default:disabled,
.btn-default.disabled,
.k-state-default {
    background-color: #fafafa;
    border-color: #dfdfdf;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:focus:active,
.btn-default:focus.active,
.btn-default.focus:active,
.btn-default.focus.active,
.k-state-default:hover {
    background-color: #f5f5f5;
    border-color: #dfdfdf;
}
.btn-primary,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active,
.k-state-selected,
.k-list>.k-state-selected {
    background-color: #3083bb;
    border-color: #3083bb;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:focus:active,
.btn-primary:focus.active,
.btn-primary.focus:active,
.btn-primary.focus.active,
.k-state-selected:hover,
.k-list>.k-state-selected:hover {
    background-color: #2271a6;
    border-color: #2271a6;
}

.cisiField .checkbox input:checked,
.cisiField .radio input:checked,
.cisiField .checkbox-inline input:checked,
.cisiField .radio-inline input:checked,
.cisiTable .checkbox input:checked,
.cisiTable .radio input:checked,
.cisiTable .checkbox-inline input:checked,
.cisiTable .radio-inline input:checked,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #3083bb;
}
.cisiWaiting {
    border-color: #3083bb;
}

#fullscreenWaiting > .waitingSpinner {
    border-top-color: #3083bb;
}
#fullscreenWaiting > .waitingSpinner::before {
    border-top-color: #5ba8dc;
}
#fullscreenWaiting > .waitingSpinner::after {
    border-top-color: #87bee2;
}


/* #################################################
    CPD YEAR SUMMARY STYLES
################################################## */
.cpdYearSummary {
    padding: 15px 0;
}
.cpdYearSummary table {
    margin-bottom: 0;
}
.cpdYearSummary td {
    background: #d6e8ea;
    background: linear-gradient(to bottom, #eff8f9, #d6e8ea);
}
.cpdYearSummary th,
.cpdYearSummary td.title {
    background: #eee;
    background: linear-gradient(to bottom, #f5f5f5, #eee);
}
.cpdYearSummary th,
.cpdYearSummary td {
    text-align: center;
    border: 1px solid white !important;
}
.cpdYearSummary .learningTitle {
    text-align: left;
}
.cpdYearSummary th.white {
    background: white;
}
.cpdYearSummary .highlight {
    background: #eee;       
    background: linear-gradient(to right, #f5f5f5, #eee);
    border: none !important;
    border-right: 1px solid white; 
}
.cpdYearSummary .notEarnedEnough .highlight {
    color: red;
}
.cpdYearSummary th.highlight {
    float: left;
    width: 100%;
}
.cpdYearSummary thead th.highlight {
    margin-top: -14px;
    padding-top: 20px;
    border-radius: 4px 4px 0 0;
}
.cpdYearSummary tfoot th.highlight {
    margin-bottom: -14px;
    padding-bottom: 20px;
    border-radius: 0 0 4px 4px;
}


/* #################################################
    CERTIFICATE PDF
################################################## */
.certificateImage {
    width: 100%;
    height: 100%;   
}
.certificateImageSAIS {
    width: 100%;
    height: 100%;
}
.certificateText {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #006666;
}
.certificateTextSAIS {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #000000;
}

.certificateYear .name {
    top: 75mm;
}
.certificateYear .hours {
    top: 89mm;
    left: 97mm;
    font-size: 16px;
    text-align: left;
}
.certificateYear .date {
    top: 98mm;
    
}

.certificateYearSAIS .name {
    /*top: 238mm;
    left: 255mm;
    text-align: center;
    font-size: 44px;
    font-weight: bold;
    color: #000000;
    white-space: nowrap;
    padding-left: 20mm;
    padding-right: 20mm;*/
    top: 75mm;
}

.certificateYearSAIS .hours {
    /*top: 280mm;
    font-size: 40px;
    text-align: left;
    left: 300mm;
    font-size: 42px;
    font-weight: bold;
    color: #000000;*/
    top: 89.5mm;
    left: 97mm;
    font-size: 16px;
    text-align: left;
}

.certificateYearSAIS .date {
    /*top: 280mm;
    font-size: 42px;
    left: 458mm;
    right: 100mm;
    font-weight: bold;
    color: #000000;
    white-space: nowrap;*/
    top: 89.5mm;
    left: 130mm;
    white-space: nowrap;
    font-size: 15px;
}



.certificateAttendance .name {
    top: 56mm;
}
.certificateAttendance .title {
    top: 70mm;
}
.certificateAttendance .hours {
    top: 85mm;
}
.certificateAttendance .date {
    top: 115mm;
}


/* #################################################
    Kendo PDF Export - AZA -10-09-2018 PBI 736-598 CPD PDF Export (person details with the cpd entries)
################################################## */
kendo-pdf-document {
    font-size: 50%;
    font-family: "DejaVu Sans", "Arial", sans-serif;
}

kendo-pdf-document .k-grid tr td,
kendo-pdf-document .kendoTable table th,
kendo-pdf-document .kendoTable table td,
kendo-pdf-document .kendoTree table th,
kendo-pdf-document .kendoTree table td {
    font-size: 6.5px;
    max-width: 1.5cm;
    padding-bottom:1px;
}

kendo-pdf-document .k-grid-header th.k-header, .k-filter-row th{
    border-width: 0.1px;
}

kendo-pdf-document .k-grid td{
    border-width: 0.1px;
}
kendo-pdf-document .k-grid tr td {
    border-width: 0.1px;
}
kendo-pdf-document .title{
    height:11mm;
}
kendo-pdf-document .kendoTable table{
    width: 150mm;
}
kendo-pdf-document .table-responsive{
    padding-top:20px;
}
kendo-pdf-document #cpdYear{
    height: 221mm;
}
kendo-pdf-document .kendoTable table tr td img{
    width:7px;
    height:7px;
}
kendo-pdf-document .kendoTable table th a input[type="checkbox"],
kendo-pdf-document .k-grid-header th>.k-link>.k-icon {
    display:none;
}
#cisiLogo .cisiLogoImg{
    height: 30%;
    width: 30%;
}
.logoCisi{
    text-align:right;
    padding-bottom:15px;
    display:none;
}
kendo-pdf-document .logoCisi{
	display:block;
}
kendo-pdf-document #cpdUserDetails img{
    height: 50%;
    width: 50%;
}
kendo-pdf-document section {
    margin-bottom: 1px;
}
kendo-pdf-document .btn,
kendo-pdf-document #cpdEntriesFilterDetails,
kendo-pdf-document #cpdYearManualTitle,
kendo-pdf-document #cpdYearManualContent,
kendo-pdf-document .k-grid-toolbar,
kendo-pdf-document .k-button {
    display:none
}

kendo-pdf-document .cpdYearStatus .cisiField{
    padding-top: 15px;
}