html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} html {overflow-y:scroll;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;} ins {background-color:#ff9; color:#000; text-decoration:none;} mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; clear:both;}.clearfix:before, .clearfix:after {content:"\0020"; display:block; height:0; visibility:hidden;} .clearfix:after {clear:both;} .clearfix {zoom:1;} .clear {clear:both;}.inlinecontrol {display:block; vertical-align:top; padding:2px 0px 2px 2px;}.inlineMsgError {width:97%; background:#fccac3; padding:8px; border:#ea523a 2px solid;}.inlineMsgWarning {width:97%; background:#ffeaa9; padding:8px; border:#fab418 2px solid;}.inlineMsgSave {width:97%; background:#effeb9; padding:8px; border:#9ac601 2px solid;}.inlineMsgTip {width:97%; background:#eaf0fe; padding:4px; border:#81a8bf 2px solid;}.systemMessage {width:290px; background:#fccac3; padding:8px; border:#ea523a 2px solid; position:absolute;top:130px;left:560px;}*::-moz-selection {color:#fff; background:#f3ae28;} *::selection {color:#fff; background:#f3ae28;} .required {color:Red;} 

/* DO NOT CHANGE ANY OF THE ABOVE RESET CSS */

/* --- [ Default Styles ] --- */

.riDisabled, .disabled, :disabled, html body .RadInput_Default .riTextBox:disabled {
    color: var(--input-read-only-color) !important;
    background-color: var(--input-read-only-background);
    border-color: var(--input-read-only-border-color);
}

.RadComboBox_Default .rcbDisabled .rcbInput, .RadComboBoxDropDown_Default .rcbDisabled, .RadComboBox_Default .rcbDisabled .rcbInputCell .rcbInput, .RadComboBoxDropDown_Default .rcbDisabled {
    color: var(--input-read-only-color) !important;
    background-color: rgb(227,227,227);
}

body {
    background: var(--body-background-color);
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

a {
    color: var(--link-color);
    text-decoration: none;
}

    a:visited {
        color: #1faced;
        text-decoration: none;
    }

    a:hover {
        color: var(--link-hover-color);
        text-decoration: underline;
        cursor: pointer;
    }

    a:active {
        color: #1faced;
        text-decoration: underline;
    }

select, input {
    border: 1px solid var(--input-border-color);
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

select, input[type='text'], input[type='password'] {
    height: 24px; 
    line-height: 24px; 
    font-size: 12px;
}

select, input[type='text'], input[type='number'], input[type='password'], textarea {
    border-radius: 4px;
    background-color: var(--input-background);
    color: var(--input-color);
}

select option {
    background-color: var(--input-background);
    color: var(--input-color);
}

input[type='text']:focus, input[type='number']:focus, select.form-input:focus {
    border-color: var(--input-focus-border-color);
}

textarea {
    border: 1px solid var(--input-border-color);
    font-family: Arial, Helvetica, sans-serif;
}

    select:focus, input:focus, textarea:focus {
        outline: none;
    }

select:disabled, input:disabled, textarea:disabled {
    background-color: var(--input-read-only-background);
}

/* Specific  */
html body .riSingle .riTextBox[type="text"] {
    /*width: 200px !important;*/
    /*font: 12px Arial, Helvetica, sans-serif !important;*/
}

html body .RadPicker .riSingle .riTextBox[type="text"] {width: 100px !important;}
html body .RadPicker .riSingle .riTextBox[type="text"]:focus {border-color: var(--input-focus-border-color) !important;}
html body .date-time .RadPicker .riSingle .riTextBox[type="text"] {width: 140px !important;}
html body .date-time-narrow { width: 100px !important;}

.exampleContainer {
    margin-bottom: 20px;
}

/* --- [ Layout Styles ] --- */

.container {
    /*position: relative;*/
    width: 980px;
    margin: 0 auto;
    padding: 10px 0;
    background: #fff;
}

.container-full-width {
    width: 100%;
    margin: 0;
}

.filters-full-width {
    float: none !important;
    width: 100% !important;
    margin: 0 auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content {
    padding: 0;
    margin: 0;
    /*min-height: 643px;*/
}

div#trainingBar {
    width: 100%;
    padding: 10px 0;
    text-indent: 10px;
    background: #fccac3;
    border-bottom: #ea523a 2px solid;
    color: #000;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

div#header {
    width: 100%;
    height: 101px;
    background: #fff;
    color: #000;
}

.header {
    width: 980px;
    margin: 0 auto;
}

.logo {
    float: left;
    overflow: hidden;
}

.RadPicker {
    width: auto !important;
    display: inline-block !important;
}

.tableHack {
    width: 100px;
}

.news {
}

    .news h2 {
        background: #66bbe3;
        padding: 6px 6px 4px 6px;
        display: block;
        font-size: 1.2em;
        color: #fff;
    }

    .news h3 {
        font-size: 1.2em;
        margin-left: 10px;
        font-weight: bold;
    }

    .news p {
        margin-left: 10px;
    }

    .news .newsAll {
        background: #1faced url('../images/arrow.png');
        color: #fff;
        padding: 10px 137px 8px 137px;
        margin: 10px 0 0 0;
        text-align: center;
        text-transform: uppercase;
        border-radius: 6px;
    }

        .news .newsAll:hover {
            background: #0073a8 url('../images/arrow.png');
            color: #fff;
            text-decoration: none;
        }

    .news .hideAll {
        background: #1faced url('../images/arrow.png');
        color: #fff;
        padding: 10px 150px 8px 149px;
        margin: 10px 0 0 0;
        text-align: center;
        text-transform: uppercase;
    }

        .news .hideAll:hover {
            background: #0073a8 url('../images/arrow.png');
            color: #fff;
            text-decoration: none;
        }

    .news .hiddenDisplay {
        margin: 0;
    }

/* --- [ Grids ] --- */

.grid {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
}
    .grid th {
        text-align: left;
        padding: 5px;
        font-weight: normal;
        background-color: var(--grid-header-background);
        color: var(--grid-header-color);
        border-bottom: 1px solid #d9d9d9;
    }

    .grid th.ta-center{
        text-align: center;
    }

    .grid th a {
        color: var(--grid-header-color);
    }	
    .grid th a:hover {text-decoration: underline;}

    .grid td {
        background-color: var(--grid-cell-background-color);
        padding: 5px;
        font-size: 95%;
        border-bottom: 1px solid #d9d9d9;
        line-height: 1.4;
        color: var(--text-color);
    }
		
    .grid td.greenDate {background-color: #80ff81;}
    .grid td.yellowDate {background-color: #feff80;}
    .grid td.redDate {background-color: #ff8080;}

.alternative td {background-color: var(--alternative-cell-background);}
.normal td {background-color: rgb(255, 255, 255);}

    .grid .editable > input {
        background: #ff8080;
        padding: 2px 4px;
        color: #fff;
        border: 1px solid #dc5555;
        width: 40px;
    }

    .grid .editableWide > input {
        background: #ff8080;
        padding: 2px 4px;
        color: #fff;
        border: 1px solid #dc5555;
        width: 85%;
    }

.grid .edit {width: 18px;}
    .grid .edit input {border: 0px solid #eee;}

.grid select, .grid input[type='text'] {
    height: 31px;
    line-height: 31px;
}

.white-grid th {
    text-align: left;
    padding: 5px;
    font-weight: normal;
    background-color: #008ed0;
    color: #fff;
    border-bottom: 1px solid #d9d9d9;
}

.white-grid .alternative td {
    background-color: rgb(238, 238, 238);
}

.white-grid.tc-shark td, .tc-shark .white-grid td {
    color: rgb(27, 30, 33);
}

.row-select tr:not(:first-child) {cursor: pointer;}

.nonFlexCell {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    overflow: hidden;
}

    .nonFlexCell select {
        width: 90%;
        margin: 0;
    }

    .commandField input {
        border: 0px solid #fff;
        background: none;
        padding: 0;
        vertical-align: top;
    }

/* Used to highlight a row in the grid */
.grid tr.selected {background: #feff80;}

.gridAssessment {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
}

    .gridAssessment th {
        text-align: left;
        padding: 5px;
        font-weight: normal;
        background: #008ed0;
        color: #fff;
    }

    .gridAssessment td {
        padding: 5px;
        font-size: 95%;
        background: var(--assessment-grid-background);
    }

    .gridAssessment td.notApplicable, .gridAssessment td.competent, .gridAssessment td.review, .gridAssessment td.trained, .gridAssessment td.excellent, .gridAssessment td.advice, .gridAssessment td.notSpecified {text-align: center;}

    .gridAssessment td.greenDate, .gridAssessment td.redDate, .gridAssessment td.additional {color: white;}

    .gridAssessment td.greenDate {background-color: rgb(95, 185, 98);} /*#80ff81*/
    .gridAssessment td.yellowDate {background-color: #feff80;}
    .gridAssessment td.redDate {background-color: rgb(245, 73, 61);} /*#ff8080*/
    .gridAssessment td.map {background-color: #99ccff;}
    .gridAssessment td.cut {background-color: #ff8080;}
    .gridAssessment td.sum {background-color: #ff8aff;}
    .gridAssessment td.additional {background-color: rgb(238,175,80);}

    .gridAssessment .column6 {width: 70px;}

.paging {
    border-top: 0px solid #fff;
    height: 30px;
    margin: 0;
    padding: 0;
}

tr.top-pager td:first-of-type {
    padding-bottom: 10px;
    padding-top: 5px;
}

    .paging td {
        padding: 10px 0 0 2px;
        border: 0px solid #3893de;
        background-color: transparent;
    }

        .paging td a {
            background: var(--paging-background);
            margin: 0 3px 0 0;
            padding: 4px 4px 2px 4px;
            color: var(--paging-color);
            border: 1px solid var(--paging-border-color);
        }

        .paging td span {
            margin: 0 3px 0 0;
            padding: 4px 4px 2px 4px;
            color: var(--paging-border-color);
            border: 1px solid var(--paging-border-color);
        }

.filters {
    float: left;
    padding-bottom: 10px;
    width: 100%;
}

    .filters .left {
        float: left;
        padding: 3px 10px 0 0;
    }

    .filters .left label {font-size: 12px; vertical-align: top;}

    .filters .right {
        float: left;
        margin: 0 0 0 5px;
        padding: 0 10px 0 0;
    }

    .filters > .filter {
        float: left;
        font-size: 85%;
        margin: 0 8px 0 0;
    }

.inlineCheckbox input {
    margin-left: 5px;
    margin-top: -2px;
}

.inlineCheckbox label {margin-left: 8px;}

.filters > .end {margin: 0;}

.filters .buttons {margin-bottom: 0;}

html body .row .riSingle .riTextBox[type="text"] {width: 100% !important;}

.ReportFilters {
    width: 100%;
    margin: -10px 0 10px 0;
}

    .ReportFilters .columnOne {
        float: left;
        width: 290px;
    }

    .ReportFilters .columnTwo {
        float: left;
        width: 330px;
    }

    .ReportFilters .columnThree {
        float: left;
        width: 275px;
    }

    .ReportFilters .columnThreeWithButtons {
        float: left;
        width: 350px;
    }

    .ReportFilters .columnFour {
        float: right;
        width: 85px;
    }

        .ReportFilters .columnFour .buttons {
            float: none !important;
            margin: 0;
        }

    .ReportFilters .columnOne > .filter {
        float: left;
        margin: 10px 8px 0 0;
    }

        .ReportFilters .columnOne > .filter .left {
            float: left;
            margin: 3px 5px 0 0;
            width: 115px;
        }

        .ReportFilters .columnOne > .filter .left-small {
            float: left;
            margin: 3px 5px 0 0;
            width: 100px;
        }

        .ReportFilters .columnOne > .filter .right {float: left;}

    .ReportFilters .columnOne > .to {margin-left: 7px;}

    .ReportFilters .columnTwo > .filter {
        float: left;
        margin: 10px 8px 0 0;
    }

        .ReportFilters .columnTwo > .filter .left {
            float: left;
            margin: 3px 5px 0 0;
            width: 115px;
        }

        .ReportFilters .columnTwo > .filter .left-small {
            float: left;
            margin: 3px 5px 0 0;
            width: 100px;
        }

        .ReportFilters .columnTwo > .filter .right {float: left;}

    .ReportFilters .columnThree > .filter {
        float: left;
        margin: 10px 8px 0 0;
    }

        .ReportFilters .columnThree > .filter .left {
            float: left;
            margin: 3px 5px 0 0;
            width: 115px;
        }

        .ReportFilters .columnThree > .filter .left-small {
            float: left;
            margin: 3px 5px 0 0;
            width: 100px;
        }

        .ReportFilters .columnThree > .filter .right {float: left;}

    .ReportFilters .columnThreeWithButtons > .filter {margin: 10px 8px 0 0;}

        .ReportFilters .columnThreeWithButtons > .filter .left {
            float: left;
            margin: 3px 5px 0 0;
            width: 115px;
        }

        .ReportFilters .columnThreeWithButtons > .filter .left-small {
            float: left;
            margin: 3px 5px 0 0;
            width: 100px;
        }

        .ReportFilters .columnThreeWithButtons > .filter .right {float: left;}

        .ReportFilters .btnList label {margin: 0 12px 0 4px;}
        .ReportFilters .btnList input {border: 0px solid #eee;}

.ReportContainer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.column {
    width: 390px;
    float: left;
    margin-left: 0;
}

.column-narrow {
    width: 60px;
    float: left;
    margin-left: 6px;
}

.user-column-right {
    float: left;
    margin-left: 6px;
    width: 550px;
}

.fullColumnWidth {
    width: 100%;
    margin: 0 0 15px 0;
}

    .fullColumnWidth > .left {
        float: left;
        width: 125px;
        padding: 3px 0 0 0;
    }

    .fullColumnWidth > .right {
        float: left;
        margin: 0 0 5px 5px;
    }

.isdisabled label {margin-left: 8px;}

.columnExtender .column {width: 460px;}
    .columnExtender .column .right {width: 320px;}

.assessment-column {margin-bottom: 10px;}
    .assessment-column .field > .right {padding-top: 4px;}

.dialog {padding: 10px 0 10px 0;}
.dialog .row {box-sizing: border-box;}

.imgUploader {
    float: left;
    padding-top: 3px;
}

.AssessDetail {margin-bottom: 10px;}

    .AssessDetail h2 {
        background: var(--assessment-detail-background);
        padding: 6px 6px 4px 6px;
        display: block;
        font-size: 1.2em;
        font-weight: 300;
        color: var(--assessment-detail-color);
        margin-bottom: 0;
    }

    .AssessDetail > .assessmentDetailHeader {
        background-color: var(--panel-background);
        color: var(--panel-color);
        border: 1px solid var(--assessment-detail-background);
        padding: 10px;
    }

    .EventDetail h2, .EventDetailPnl h2 {font-size: 1.1em;}

    .EventDetailPnl .column { margin-left: 0px;}

    .EventDetailPnl .literalText .column {
        width: auto;
        float: none;
    }

    .EventDetailPnl .assessment-column {
        margin-bottom: 5px;
    }

.EventDetailPnl h3, .observations h3, .comments h3, .feedback h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
}

    .EventDetailPnl h3 + p, .observations h3 + p, .comments h3 + p, .feedback h3 + p {
        margin-bottom: 0px;
        font-size: 0.9em;
        color: #0070C0;
    }

.EventDetailPnl .AssessmentDetailBoxes {
    border-bottom: 1px solid grey;
}

.EventDetailPnl .col-span-12 .literalText, .EventDetailPnl .col-span-12 .literalTextWide {
    padding-left: 10px;
}

.EventDetailPnl .col-span-4 .literalText, .EventDetailPnl .col-span-4 .literalTextWide {
    padding-left: 5px;
}

    .EventDetailPnl .area {
        padding: 0 0 0 6px;
        margin: 0 0 18px 0;
    }

    .EventDetailPnl .headline {
        padding: 0;
        margin: 0 0 8px 0;
    }
	
        .EventDetailPnl .headline > input {
            padding: 3px;
            border: 1px solid #d0d0d0;
            width: 741px;
            margin-left: 10px;
        }

    .EventDetailPnl .assessDue {
        padding: 0;
        margin: 0 0 8px 0;
    }

        .EventDetailPnl .assessDue > input {
            padding: 3px;
            border: 1px solid #d0d0d0;
            margin-left: 10px;
            width: 686px;
        }

    .EventDetailPnl .customFields {
        padding: 0 0 0 6px;
        margin: 0 0 8px 0;
    }
    
    .EventDetailPnl .outcome {
        padding: 0 0 0 6px;
        margin: 0 0 8px 0;
    }
    
        .EventDetailPnl .outcome .center {
            text-align: center;
            padding: 6px 0 0 0;
        }
        
.notes {
    width: 100%;
    margin-left: 0px;
}
    
    .notes > .left {
        float: left;
        width: 125px;
        padding: 3px 0 0 0;
    }
    
    .notes > .right {
        float: left;
        margin-left: 10px;
    }

        .notes > .right textarea {
            height: 70px;
        }

.pnlListDetail {
}

    .pnlListDetail .column {
        margin: 5px 0 0 0;
    }

    .pnlListDetail .notes {
        margin: 5px 0;
        float: left;
        width: 88%;
    }
	
        .pnlListDetail .notes > .right input {
            padding: 3px;
            border: 1px solid #d0d0d0;
            vertical-align: top;
        }

    .pnlListDetail .noteSave {
        float: left;
        margin: 1px 0 0 0;
        width: 8%;
    }

.cand-assess {padding: 10px;}
.imgUploader {float:left; padding-top:3px;}

.centre {text-align: center !important;}

/* Candidate Assessment Colours */
.trained {background-color: #ff6600 !important;}
.excellent {background-color: rgb(204, 102, 255) !important;}
.compliant {background-color: rgb(172, 234, 172) !important;}
.competent {background-color: rgb(76, 175, 80) !important;}
.advice {background-color: rgb(255, 152, 0) !important;}
.review {background-color: rgb(244,67, 54) !important;}
.notApplicable {background-color: rgb(0, 174, 255) !important}
.notSpecified {background-color: rgb(227, 227, 227) !important;}

.review, .competent, .notApplicable, .advice, .excellent, .trained {color: white;}

.notes {width:100%; margin-left:0px;}
	.notes > .left {float:left; width:148px; padding:3px 0 0 0; font-size:12px;}
	.notes > .right {float:left; margin-left:10px;}
		.notes > .right textarea {height:70px;}

.trained-notcurrent, .excellent-notcurrent, .compliant-notcurrent, .competent-notcurrent, .advice-notcurrent, .review-notcurrent, .notApplicable-notcurrent, 
.notSpecified-notcurrent {
    background-color:#ececec !important;
    text-align:center;
}

/*.excellent-notcurrent {background-color:#ececec !important;text-align:center; color:#DA70D6}*/
.trained-notcurrent {color: #ff6600}
.excellent-notcurrent {color:#CC66FF}
.compliant-notcurrent {color:#9BD39B} 
.competent-notcurrent {color:#9BD39B} 
.advice-notcurrent {color:#ffcc00}
.review-notcurrent {color:#ff8080}
.notApplicable-notcurrent {color:#aed7ff}
.notSpecified-notcurrent {color:#eeeeee}
	
.valError {color:Red;}

.bottomLnks {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 550px;
    height: 34px;
    padding: 0 10px;
}

    .bottomLnks .buttons {margin-bottom: 0px;}
    .bottomLnks .floatLeft {float: left;}
    .bottomLnks .topmargin {margin-top: 6px;}

.colourBox {
    display: inline-block;
    height: 28px;
    width: 28px;
    background-color: #eee;
    margin: 4px 5px 0 15px;
}
	
.colourText {
    display: inline-block;
    height: 28px;
    margin-top: -10px;
    vertical-align: middle;
}

.colourBox-Red {
    background-color: rgb(255, 128, 128);
}

.colourBox-Yellow {
    background-color: rgb(254, 255, 128);
}

.colourBox-Purple {
    background-color: rgb(153, 153, 255);
}

.colourBox-Green {
    background-color: rgb(128, 255, 129);
}

.rblHorizontal label {
    margin: 0 25px 0 5px;
    font-size: 12px;
}

/* --- [ Telerik Control Styles ] --- */
.outOfRangeDayStyle {
    background-color: #cccccc;
}

.selectedDayStyle {
    background-color: #555555;
}

td.todayStyle {
    border: solid 1px red !important;
}

.RadScheduler .rsHeader h2 {
    background-color: rgb(17, 112, 170);
    color: rgb(255, 255, 255);
    text-indent: 10px !important;
}

.RadScheduler .rsAptContent {
    padding: 0 0 0 4px !important;
}

/* --- [ Page Specific ] --- */

.floatLeft {
    float: left;
}
		
.infoblock {width:980px;}
    .infoblock .field {width:100%; margin:0 0 5px 0;}
	.infoblock .field > .left {float:left; width:153px; 
padding:3px 0 0 0; font-size:12px;
}
    .infoblock .field > .wider {width:160px;}
    .infoblock .field > .examDate {width:30px; margin-left:10px;}
    .infoblock .field > .xtra-wide {width:170px;}
    .infoblock .floated {float:left; width:40%; margin-right:1%;}
    .infoblock .floated .left, .infoblock .personnel-floated .left {width:100px;}
	.infoblock .field > .right {float:left; margin:0 0 5px 5px;}
    .infoblock .field > .inlineBlock label {font-size:12px; padding-left:10px;}
	
	.infoblock .observations {float:left; margin:0 15px 20px 6px;width:300px;}
		.infoblock .observations h3 {border-bottom:0px solid #fff; margin-bottom:5px;}
	.infoblock .comments {float:left; margin:0 15px 20px 0;width:300px;}
		.infoblock .comments h3 {border-bottom:0px solid #fff; margin-bottom:5px;}
	.infoblock .feedback {float:left; margin:0 0 20px 0;width:300px;}
		.infoblock .feedback h3 {border-bottom:0px solid #fff; margin-bottom:5px;}
		
		
	.infoblock .observationsWide {margin:0 15px 20px 6px;width:900px;}
		.infoblock .observationsWide h3 {border-bottom:0px solid #fff; margin-bottom:5px;}
	.infoblock .commentsWide {margin:0 15px 20px 0;width:900px;}
		.infoblock .commentsWide h3 {border-bottom:0px solid #fff; margin-bottom:5px;}
	.infoblock .feedbackWide {margin:0 0 20px 0;width:900px;}
		.infoblock .feedbackWide h3 {border-bottom:0px solid #fff; margin-bottom:5px;}		
		
		
		
	.infoblock > .overview {float:left; margin:0 15px 20px 6px;width:300px;}
		.infoblock > .overview h3 {border-bottom:0px solid #fff; margin-bottom:5px;}
	.infoblock .assessorAdvice {float:left; margin:0 15px 20px 6px;width:300px;}
		.infoblock .assessorAdvice h3 {border-bottom:0px solid #fff; margin-bottom:5px;}
		
	.infoblock .literalText	{width:300px;font-size:10pt;padding:5px 5px 5px 10px;}
	.infoblock .literalTextWide	{width:900px;font-size:10pt;padding:5px 5px 5px 10px;}
	.literalText ol {padding-left:30px}
	.literalText ul {padding-left:30px}
	
.candidateAssessmentEventQAreportDialog {width:100%; overflow:hidden;}
	
.qaReportqaRatingDialog {width:100%; overflow:hidden;}
    .qaReportqaRatingDialog p {padding:8px 0; font-size:95%;}
    .qaReportqaRatingDialog .field {width:100%; margin:0 0 5px 0;}
	.qaReportqaRatingDialog .field > .left {float:left; width:140px; padding:3px 0 0 0; font-size:95%;}
	.qaReportqaRatingDialog .field > .right {float:left; margin:0 0 3px 0px; width:235px; font-size:95%;}

.licenceApplicationTypeDialog {overflow:hidden;padding: 7px;}
    .licenceApplicationTypeDialog p {padding:8px 0; font-size:95%;}
    .licenceApplicationTypeDialog .field {width:100%; margin:0 0 15px 0;}
	.licenceApplicationTypeDialog .field > .left {float:left; width:140px; padding:3px 0 0 0; font-size:95%;}
	.licenceApplicationTypeDialog .field > .right {float:left; margin:0 0 3px 0px; width:235px; font-size:95%;}

.padding-overflow {padding:5px;}

.eventButtons {
    display: inline-block;
}

.qaReportqaRatingDialog {
    width: 100%;
    overflow: hidden;
}

    .qaReportqaRatingDialog p {
        padding: 8px 0;
        font-size: 95%;
    }

    .qaReportqaRatingDialog .field {
        width: 100%;
        margin: 0 0 5px 0;
    }

        .qaReportqaRatingDialog .field > .left {
            float: left;
            width: 140px;
            padding: 3px 0 0 0;
            font-size: 95%;
        }

        .qaReportqaRatingDialog .field > .right {
            float: left;
            margin: 0 0 3px 0px;
            width: 235px;
            font-size: 95%;
        }

.licenceApplicationTypeDialog {
    overflow: hidden;
    padding: 7px;
}

    .licenceApplicationTypeDialog p {
        padding: 8px 0;
        font-size: 95%;
    }

    .licenceApplicationTypeDialog .field {
        width: 100%;
        margin: 0 0 15px 0;
    }

        .licenceApplicationTypeDialog .field > .left {
            float: left;
            width: 140px;
            padding: 3px 0 0 0;
            font-size: 95%;
        }

        .licenceApplicationTypeDialog .field > .right {
            float: left;
            margin: 0 0 3px 0px;
            width: 235px;
            font-size: 95%;
        }

.padding-overflow {
    padding: 5px;
}

.reporting {
}

    .reporting a {
        color: var(--reporting-link-color);
    }

        .reporting a:hover {
            color: var(--reporting-link-hover-color);
        }

.labelBold {
    font-weight: bold;
}

.assessmentHeader {
    margin: 0 20px 8px 0;
    float: left;
}

    .assessmentHeader input.btnExclusion {
        border: 0px solid white;
        margin-left: 3px;
    }

    .assessmentHeader input.exclusionText {
        width: 770px;
    }

    .assessmentHeader > textarea {
        padding: 3px;
        color: #333;
    }

.errorH {
    padding-top: 4px;
    width: 100%;
}
        
	/*.performanceAssessments .performance {float:left; margin:0 30px 0 0;}
		.performanceAssessments .performance input {padding:2px 5px; border:1px solid #8e8e8e;}*/
		
/*.eventsAssessments {float:left; margin:0 0 15px 0; width:810px;}
	.eventsAssessments .event {margin:0 0 5px 0;}
		.eventsAssessments .event input {padding:2px 5px; border:1px solid #8e8e8e;}
		.eventsAssessments .event textarea {padding:2px 5px; border:1px solid #8e8e8e; margin-top:8px;}*/

.assessments > .personnel-buttons {
    float: right;
    width: 73px;
    margin-left: 0px;
}
    .assessments > .personnel-buttons .btnEdit {
        width: 73px;
        text-align: left;
        margin: 0 0 5px 3px;
    }

    .assessments > .personnel-buttons .btnSave {
        width: 73px;
        text-align: left;
        margin: 0 0 5px 3px;
    }

    .assessments > .personnel-buttons .btnUpload {
        margin: 0 0 5px 3px;
    }

.assessments > .buttons {
    float: right;
    width: 73px;
    margin-left: 10px;
}

    .assessments > .buttons .btnEdit {
        width: 73px;
        text-align: left;
        margin: 0 0 5px 0px;
    }

    .assessments > .buttons .btnSave {
        width: 73px;
        text-align: left;
        margin: 0 0 5px 3px;
    }

.standardCN {
    margin: 2px 8px 0 0;
}

.assessTab {
    padding: 8px 8px 0 8px;
    position: relative;
    min-height: 368px;
    margin-top: -1px;
    margin-bottom: 10px;
    border: 1px solid #828282;
}

    .assessTab select {
        padding: 3px;
    }

    .assessTab > .buttons {
        margin-bottom: 0;
    }

.definableField {
    padding: 3px;
    width: 300px;
    background-color: var(--sub-panel-background);
    margin: 0 6px 3px 0;
    color: var(--black-text);
}

    .definableField .leftCol {
        float: left;
    }

    .definableField .rightCol {
        float: right;
        margin-left: 5px;
    }

.definableFields {
    margin-bottom: 10px;
}

.masterProgress > .column {
    margin: 0 5px 0 0;
}

    .masterProgress > .column .left {
        font-weight: bold;
    }

    .masterProgress > .column .right {
        padding: 3px 0 0 0;
    }

.masterProgress .exclusions {
    width: 100%;
    margin: 10px 0 0 0;
}

    .masterProgress .exclusions > .left {
        float: left;
        width: 125px;
        padding: 3px 0 0 0;
        font-weight: bold;
    }

    .masterProgress .exclusions > .right {
        float: left;
        padding: 3px 0 0 0;
    }

.completeCycle {
    padding: 15px;
}

    .completeCycle .completeError {
        padding: 10px 0 5px 10px;
    }

        .completeCycle .completeError ul {
            padding-left: 10px;
        }

.checkbox {
    margin: 0 0 7px 0;
}

    .checkbox label {
        margin: 0 0 0 5px;
    }

.dateperiod {
    margin: 10px 0 7px 0;
}

.confirmProcess .labelBold {
    margin-top: 10px;
}

.confirmProcess .buttons {
    float: none;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}

.candidateDetails {
    float: left;
    width: 794px;
}

    .candidateDetails .assessTab .column {
        width: 385px;
    }

    .candidateDetails .doctorSelection {
        width: 160px;
    }

.btnUploadMargin {
    margin-right: 175px !important;
}

.notesDialog {
    padding: 20px;
    width: auto;
}

    .notesDialog .notes {
        padding-bottom: 15px;
        width: 760px;
    }

    .notesDialog .competencies td {
        width: 240px;
        padding: 5px;
    }

    .notesDialog .competencies label {
        padding-left: 10px;
    }
   
.userStandards .column {
    width: 490px;
    margin: 0px;
}

.userLocations .column {
    width: 490px;
    margin: 0px;
}

/* --- [ Default Page ] --- */

.image {
    margin-bottom: 5px;
    position: relative;
    text-align: center;
    width: 100%;
}
    .image img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

.loginContainer {
    position: absolute;
    width: 380px;
    left: 320px;
    top: 40px;
    z-index: 100;
}

.FailureText {
    position: absolute;
    left: 0;
    top: -30px;
    z-index: 101;
    padding: 6px 8px;
    color: #ea523a;
    font-weight: bold;
    width: 390px;
}

/* --- [ Questions ] --- */

.radEditorRPD {
    min-height: 200px;
}

.EditorContentClass {
    padding: 5px;
    font-size: 80%;
}

    .EditorContentClass ul {
        margin: 0 0 6px 16px;
    }

    .EditorContentClass ol {
        margin: 0 0 6px 22px;
    }
	
    .EditorContentClass li {
        margin-bottom: 3px;
    }

    .EditorContentClass p {
    }
	
.qstHeader {
    margin: 15px 0 5px 15px;
    font-weight: bold;
}

.qstSection {
    margin: 15px 0 5px 15px;
    font-weight: bold;
}

.outcomeDialog {
    padding: 10px 5px 5px 5px;
}

    .outcomeDialog html {
        overflow: hidden;
    }

.setall {
    margin: 0 0 5px 6px;
}

    .setall a.blank {
        background: none;
        padding: 2px 4px;
        color: #1faced;
        border: 1px solid #1faced;
    }

    .setall a.c {
        padding: 2px 4px;
        color: #333;
        border: 1px solid #86c886;
    }

    .setall a.a {
        padding: 2px 4px;
        color: #333;
        border: 1px solid #dcdc36;
    }

    .setall a.r {
        padding: 2px 4px;
        color: #333;
        border: 1px solid #dc5555;
    }

    .setall a.n {
        padding: 2px 4px;
        color: #333;
        border: 1px solid #71a9df;
    }

    .setall a.e {
        padding: 2px 4px;
        color: #333;
        border: 1px solid #CC66FF;
    }

    .setall a.t {
        padding: 2px 4px;
        color: #333;
        border: 1px solid #ff6600;
    }

.tblLettersHorizontal {
    display: block;
    margin: 10px 0 5px 6px;
    text-align: center;
}

    .tblLettersHorizontal tr td {
        display: block;
        height: 20px;
        width: 36px;
        padding: 0;
        margin-right: 15px;
        float: left;
        text-align: center;

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;

        margin-bottom: 5px;
    }

.tblNumbersHorizontal {
    display: block;
    margin: 0 0 5px 6px;
    text-align: left;
}

    .tblNumbersHorizontal tr td {
        display: block;
        height: 20px;
        width: 36px;
        padding: 0;
        margin-right: 15px;
        float: left;
        text-align: center;
        vertical-align: top;

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;

        margin-bottom: 5px;
    }

.tblLettersVertical {
    display: block;
    margin: 15px 0 35px 15px;
}

    .tblLettersVertical tr {
        border-bottom: 4px solid var(--assessment-grid-border-background);
    }

        .tblLettersVertical tr td span {
            line-height: 18px;
        }

    .tblLettersVertical td.column1 {
        width: 30px;
        text-align: center;
    }

    .tblLettersVertical td.column2 {
        width: 40px;
    }

    .tblLettersVertical td.column3 {
        width: 750px;
        height: auto;
        text-align: left;
    }

.tblNumbersVertical {
    display: block;
    margin: 15px 0 0 15px;
    text-align: left;
}

    .tblNumbersVertical tr {
        border-bottom: 4px solid var(--assessment-grid-border-background);
    }

        .tblNumbersVertical tr td span {
            line-height: 18px;
        }

    .tblNumbersVertical td.column1 {
        width: 30px;
        text-align: center;
    }

    .tblNumbersVertical td.column2 {
        width: 40px;
    }

    .tblNumbersVertical td.column3 {
        width: 750px;
        height: auto;
        text-align: left;
    }

td.eventDetailHeader {
    font-weight: bold;
}

td.eventDetailCount {
    font-size: 6pt;
    color: #cb4335;
}

.window {
    margin: 10px 0 0 15px;
}

.licenceImageSelection {
    padding: 10px;
}

/* --- [ Standards ] --- */

.tabcontrol {
    margin: 20px 0 0 0;
}

.tab-subheading {
    padding: 10px 10px 10px 10px;
}

/* --- [ Validation Summary ] --- */

.valSummary {
    margin-left: 5px;
}

    .valSummary ul {
        background: #fccac3;
        padding: 8px;
        border: #ea523a 2px solid;
    }
		
        .valSummary ul li {
            list-style: disc;
            list-style-position: inside;
            padding-left: 1px;
            color: #ea523a;
            font-weight: bold;
        }

.assessTab .valSummary {
    margin: 5px 0 10px 5px;
}

    .assessTab .valSummary ul {
        margin-top: 5px;
        margin-bottom: 48px;
    }

.changepassSummary {
    margin: 15px 0 8px 0;
}

    .changepassSummary span {
        background: #fccac3;
        padding: 8px;
        border: #ea523a 2px solid;
    }

/* --- [ Additional Row ] --- */

.rowAdd {
}

    .rowAdd > .row {
        background: var(--sub-panel-background);
        color: var(--text-color);
        padding: 10px;
    }

        .rowAdd > .row h4 {
            color: var(--text-color);
            font-weight: bold;
        }

        .rowAdd > .row label {
            color: var(--text-color);
        }

    .rowAdd .row > .filter {
        float: left;
        margin: 3px 10px 0 0;
    }

    .rowAdd .row > .filter-t-reset {margin-top: 0 !important;}

        .rowAdd .row > .filter input[type=text] {
            border-left: 1px solid #8e8e8e;
            border-top: 1px solid #8e8e8e;
            border-bottom: 1px solid #b8b8b8;
            border-right: 1px solid #b8b8b8;
            padding: 2px 5px;
        }

            .rowAdd .row > .filter input[type=text]:hover {
                border: 1px solid #515151;
            }

        .rowAdd .row > .filter .rcbInputCell input[type=text] {
            border: none;
        }

            .rowAdd .row > .filter .rcbInputCell input[type=text]:hover {
                border: none;
            }

        .rowAdd .row > .filter .Required {
            margin: 0 3px;
            color: Red;
        }

    .rowAdd .row > .extra {
        margin-top: 6px;
    }

    .rowAdd .row > .filter label {
        margin: 4px 5px 0 0;
    }

    .rowAdd .row > .filter .checkbox input {
        margin: 0 10px 0 0;
    }

    .rowAdd .row > .spanComplete {
        float: left;
        width: 700px;
    }

    .rowAdd .row > .button {
        float: right;
    }

    .rowAdd .row .form-group label {
        color: var(--text-color);
    }

.top {margin-top: 10px !important;}
 
.browseFile input {
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 4px;
    width: 100%;
    color: #333;
}

/* --- [ overview ] --- */

.overview {
    margin-bottom: 8px;
}

.overview > .outcome {
    width: 180px;
}

    .overview > .outcome .left {
        width: 70px;
    }	
	
.ConfirmCutProcess {
    padding: 0 5px 5px 5px;
}

    .ConfirmCutProcess h3 {
        font-weight: bold;
    }
	
    .ConfirmCutProcess ul {
        padding-left: 28px;
        margin: 0 0 5px 0;
    }
	
        .ConfirmCutProcess ul li {
            list-style-type: disc;
            color: #333;
            line-height: 1.4em;
        }

    .ConfirmCutProcess .buttons {
        margin-top: 2px;
    }
    
.warningMessage {
    color: Red;
    font-weight: bold;
    margin-bottom: 5px;
}
    
.labelRogue {
    vertical-align: top;
}

/* --- [ Help ] --- */

.helpItem ol li {
    list-style: none;
    margin-bottom: 5px;
}

.marginHelp {
    margin-top: 30px;
}

.helpItem {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.gridKey {
    float: left;
    padding-top: 4px;
}

    .gridKey .box {
        display: block;
        width: 20px;
        height: 20px;
        float: left;
        border: 1px solid #333;
    }

    .gridKey .textbox {
        display: block;
        float: left;
        margin: 0 15px 0 6px;
        padding: 5px 0 0 0;
        font-size: 12px;
    }

    .gridKey .licensed, .gridKey .applied, .gridKey .requiredComplete, .requiredMissing {
        float: left;
    }

        .gridKey .licensed .box {
            background-color: rgb(128, 255, 129);
        }

        .gridKey .applied .box {
            background-color: rgb(254, 255, 128);
        }

        .gridKey .requiredComplete .box {
            background-color: rgb(153, 153, 255);
        }

    .gridKey .requiredMissing .box {
        background-color: rgb(255, 128, 128);
    }

.heightOveride {
    min-height: 10px;
}

#reports iframe {
    z-index: 999;
    position: relative;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.rsWrap.rsLastSpacingWrapper {
    height: 5px !important;
}

.BoldRed {
    color: red;
    font-weight: bold;
}

.DisabledGridLabel {
    text-decoration: line-through;
}

.WideNote {
    width: 95%;
    height: 100px;
}

.filter .RadComboBox_Default .rcbReadOnly .rcbInput {
    border:none !important;
}

#body_pDefinableFields .RadInput, .RadInput {
    width: auto !important;
}

.grid-textbox-full {
    width: 90% !important;
}

.TreeViewGroupTitle {
    font-weight: bold;
}

/* Experience Records */

.space {
    margin-right: 8px;
}
    
.experience-record {}
    .experience-record .field {vertical-align: top; margin-bottom: 10px;}
        .experience-record .field .left {display: block; width: 100%; padding-bottom: 5px;}
        .experience-record .field .inlineBlock {display: inline-block; margin-right: 10px;}
            .experience-record .field .inlineBlock span {margin-right: 10px;}
        .experience-record .field input[type='checkbox'] {margin-right: 10px;}

#AddResourceData {
    display: none;
}

.alignRight {text-align: right;}

.checkbox-field label {
    font-size: 12px;
    line-height: 24px;
    vertical-align: middle;
}

.checkbox-field label + input[type="checkbox"] {
    margin-left: 10px;
    line-height: 24px;
    vertical-align: middle;
}

.checkbox-field label + span {margin-left: 10px;}

.block-field label {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
}

.block-field textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.block-field .btn {
    margin-top: 10px;
}

.status-indicator {
    background-color: rgba(51, 51, 51, .2);
    border-radius: 10px;
    box-shadow: 3px 3px 5px rgba(51, 51, 51, .2);
    font-size: 1.3em;
    padding: 10px;
    color: rgb(51, 51, 51);
}

.status-indicator-red {background-color: rgb(229, 64, 40); color: white;}
.status-indicator-blue {background-color: rgb(0, 161, 203); color: white;}
.status-indicator-purple {background-color: purple; color: white;}
.status-indicator-green {background-color: rgb(125, 181, 0); color: white;}
.status-indicator-yellow {background-color: rgb(255, 204, 0);}

.monitoring-updates {margin-bottom: 10px;}

.layout-grid {clear: both; padding: 0px; margin: 0px;}

.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1;}

    .col {
        display: block;
        float: left;
        margin: 0 0 10px 0;
    }
    
    .col-1-3 {width: 32.66%;}
    .col-2-3 {width: 66.33%;}
    .col-3-3 {width: 99.5%;}

    .col-1-2 {width: 49.5%;}

    .col-1-4 {width: 24%;}
    .col-2-4 {width: 48%;}

.warning-icon {
    padding-right: 15px;
    font-size: 6em;
    margin-bottom: 10px;
}

.display-block {display: block; width: 100%;}
.monitoring-notes {width: 100%; height: 100px;}

.infoblock .field > .p-b-lrg {padding: 0 0 12px 0;}

.display-block-important {display: block !important; width: 100%;}

.infoblock .field > .mon-left {
    width: 100px;
}

.infoblock .field > .mon-right {
    width: 370px;
}

#ViewDelegatesData {
    display: none;
    padding-left: 25px;
}

#CompletedEntriesData, #dPFEntries {
    display: none;
}

.report-container {
    overflow-x: scroll;
    width: 100%;
}

.delegate-experience .field textarea {border: 1px solid #bbb;}
.delegate-experience .field .left {padding-bottom: 5px;}
.delegate-experience .field .left label {font-weight: bold;}


.EventDate .rcSingle {
    width: 100% !important;
}

.inline-block {display: inline-block;}

.UpdateMessage {
    background-color: #F88017;
    color: white;
    font-size: 20px;
    padding-top: 10px;
    margin-bottom: 10px;
}

ul.keys {
    float: right;
    padding: 5px 10px 10px 10px;
}

    ul.keys li {
        display: inline-block;
        list-style: none;
        line-height: 19px;
        margin-right: 10px;
    }

        ul.keys li:last-of-type {margin-right: 0;}

        ul.keys li:before {
            content: " ";
            display: inline-block;
            width: 20px;
            height: 20px;
            background-color: gray;
            margin-right: 5px;
            vertical-align: middle;
        }

            .keys li.key-red:before {background-color: rgb(229, 64, 40);}
            .keys li.key-blue:before {background-color: rgb(0, 161, 203);}
            .keys li.key-green:before {background-color: rgb(125, 181, 0);}
            .keys li.key-yellow:before {background-color: rgb(255, 204, 0);}


            .keys li.key-review:before {background-color: rgb(244,67, 54);}
            .keys li.key-advice:before {background-color: rgb(255, 152, 0);}
            .keys li.key-competent:before {background-color: rgb(76, 175, 80);}
            .keys li.key-excellent:before {background-color: rgb(204, 102, 255);}

            .keys li.key-title {
                font-weight: bold;
                margin-right: 5px;
            }
                .keys li.key-title:before {
                    width: 0;
                    height: 0;
                    margin: 0;
                }

.view-selectors:after, .filters:after, .experience-record:after {clear: both;}

.m-all-reset {margin: 0;}
.m-t-mxsmall {margin-top: -5px;}

.experience-record {font-size: 13px;}

    .experience-record .group-title {
        font-weight: bold;
        font-size: 15px;
        border-bottom: 1px solid #000;
        padding-bottom: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .experience-record .field {
        display: inline-block;
        width: 50%;
    }

        .experience-record .field .left, .experience-record .field .inlineBlock {display: inline-block;}
        .experience-record .field .left {width: 190px;}
        .experience-record .field .total {font-weight: bold;}

.text-editable .title {
    padding-bottom: 8px;
    font-weight: bold;
}

.peach-background, .pink-background, .lightblue-background {
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.peach-background {
    background-color: rgb(255, 218, 185);
    background-color: rgba(255, 218, 185, 0.8);
}

.pink-background {
 /*   background-color: rgb(242, 189, 218);
    background-color: rgba(242, 189, 218, 0.7);*/
    background-color: #F6D1E5;
}

.lightblue-background {
/*    background-color: rgb(190, 213, 239);
    background-color: rgba(190, 213, 239, 0.7);*/
    background-color: #D1E2F4;
}

.experience-section {
    padding: 20px;
    margin-bottom: 5px;
}

/* Telerik fix for Radcombo Dropdowns */

html .RadInput_Default, .RadInputMgr_Default, html .RadComboBox_Default {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

html .RadComboBox_Default {
    /*border: 1px solid var(--input-border-color);*/
    /*border-radius: 4px;*/
}

html .RadComboBox_Default .rcbReadOnly, html .RadComboBox_Default .rcbHovered {
    background-image: none;
    background-color: transparent;
}

html .diary-entry .RadComboBox_Default .rcbReadOnly {background-color: white;}

html .diary-entry .RadComboBox_Default {border: 0;}

html .diary-entry .RadComboBox_Default .rcbInner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

html .RadComboBox .rcbDisabled {
    /*background: rgb(227,227,227) url(../Images/dropdown-arrow.png) no-repeat right;
    opacity: 1;
    filter: alpha(opacity=100);*/
}

html .RadComboBox_Default .rcbInputCell, html .RadComboBox_Default .rcbArrowCell {background: transparent;}
html body .experience-record .riSingle .riTextBox[type="text"] {width: 50px !important;}

.text-editable {
    margin-bottom: 10px;
}

.fullWidth {
    width: 100%;
}
.grid-disabled, td.grid-disabled {
    color: var(--grid-disabled-text-color);
}

.key-resource-col {
    min-width: 150px;
    position: relative;
    cursor: default;
    z-index: 10;
}

.freeze-col {
    position: relative;
    cursor: default;
    z-index: 11;
}

    td.freeze-col {
        background-color: white;
        left: -1px;
    }

    tr.alternative td.freeze-col {
        background-color: rgb(238, 238, 238);
        left: -1px;
    }

    th.freeze-col {
        z-index: 12;
    }

.experience-summary-wrapper {
    position: absolute;
    top: 0px;
    right: 5px;
}

.experience-summary {
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid grey;
    border-image: none;
    background-color: rgb(190, 213, 239);
    background-color: rgba(190, 213, 239, 0.7);
}

    .experience-summary .summary-title {
        font-weight: bold;
    }

    .experience-summary .summary-value {
    }

.table {
    margin: 5px;
}

.table-row {
    display: table-row;
    line-height: 25px;
}

.table-cell {
    display: table-cell;
    padding: 2px;
    vertical-align: top;
}

    .table-cell .RadColorPicker {
        margin: auto;
    }

    .table-cell .label {
        display: block;
        padding-top: 2px;
        font-size: 12px;
    }

.table-colour {
    width: 200px;
    text-align: center;
}

.PFMessage {
    font-size: 12px;
}

    .PFMessage .floatLeft {
        margin-left: 7px;
    }

html body .PFMessage .riSingle [type='text'].riTextBox.PFText {
    width: 527px !important;
}

.infoblock .personnel-floated {float:left; width:48%; margin-right:1%;}

.personnel-training-type label {
    /*padding-right:20px;*/
    font-size: 12px;
}
.personnel-training-type [type='checkbox'] {
    margin-left: 10px;
    margin-right: 5px;
}

.personnel-training-type-validation {
    margin-left: 10px;
}

.column-course-details {
    width: 570px;
}

.grid-course-details {
    width: 430px;
}

html body .email_alert_tigger .riSingle .riTextBox[type="text"] {
    width: 100% !important;
    font: 12px Arial, Helvetica, sans-serif !important;
}

.report_date .rcSingle {
    width: 110px !important;
}

.html-note {
    vertical-align: top;
}

.html-note p {
    padding: 0;
}

.mon-flag {
    box-shadow: 3px 3px 3px rgba(51, 51, 51, .1);
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 13px;
}

.mon-flag-dialog {
    padding: 0;
}

.v-top {
    vertical-align: top;
}

.event-notes {
    width: 100%;
    margin-left: 0px;
}
    
    .event-notes > .left {
        float: left;
        width: 40px;
        padding: 3px 0 0 0;
    }
    
    .event-notes > .right {
        float: left;
        margin-left: 10px;
    }

        .event-notes > .right textarea {
            height: 70px;
        }

.infoblock .candidate-assessment .field > .left {
    font-size: 14px;
    width: 135px;
    padding-top: 6px;
}

/* Candidate Information Read Only Textboxes */
.candidate-info input.read-only {
    background-color: var(--input-read-only-background) !important;
    border: 1px solid var(--input-read-only-border-color);
}

.sampled-chkbox {
    margin-top: 8px;
}
    .sampled-chkbox label {
        padding-left: 5px;
        vertical-align: middle;
    }

html .rieDialogs {
    display: none !important;
}

.signature-dashed {
    border: dashed 1px black;
    display: block;
    padding: 5px;
}

.reset-button {-webkit-appearance: none;}

html .RadComboBox_Default .rcbFocused .rcbReadOnly .rcbInput {color: var(--input-color);}

.chkbox input {margin-right: 3px;}

.c-green {color: green;}

.competency-table {width: 100%;}

.competency-table th, .competency-table td {
    text-align: left;
    padding: 5px 0;
    font-weight: normal;
    color: #333;
}

.lsp-inside ul, .lsp-inside ol {
    list-style-position: inside;
}

/* Styles for Classic rendering */
.reToolbar.Default .InsertVideoLink{
    background-image: url('../Images/video16.png') !important;
}
/* Styles for Classic rendering */
.reToolbar.Silk .InsertVideoLink{
    background-image: url('../Images/video16.png') !important;
}

/* Styles for Lightweight rendering */
.reToolBar .reTool.reInsertVideoLink {
    background-image: url('../Images/video16.png') !important;
    background-repeat: no-repeat;
}

    .reToolBar .reTool.reInsertVideoLink:before {
        display:none;
    }

.b-c-lightgrey {
    background-color: #f2f2f2;
}

.control-label {
    font-weight: bold;
}

.checkbox-list label {
    font-size: 12px;
    line-height: 24px;
    vertical-align: middle;
    color: var(--text-color);
}

.checkbox-list label + input[type=checkbox] {
    margin-left: 15px;
}

.checkbox-list-3col td {
    width: 33.33%;
}

.checkbox-list-3col td label {
    margin-left: 5px;
}

.f-s-18 {
    font-size: 18px;
}

.fs-12 {font-size: 12px;}