select.form-control {
    /* background image triangle set in registration-project-specific-form-styles and admin-project-specific-form-styles */
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; /* removes gloss on Safari cbo, but also removes arrow, so that has to be added back in with a background image */
}

.p-icon, .p-icon.p-i-arrow-60-down {
    /* background image triangle set in registration-project-specific-form-styles and admin-project-specific-form-styles */
    height: 2em !important;
    width: inherit !important;
}

    .p-icon.p-i-arrow-60-down:before {
        content: none; /* removes small triangle from RadComboBox with checkbox items*/
    }

/* overrides base style to apply it to asp.net label control, which renders as a span */
label.text-right, span.text-right {
    text-align: right;
    display:block;
    line-height: 1.8;
    color: #0a0a0a;
}
@media screen and (min-width: 40em) {
    label.medium-text-right, span.medium-text-right {
        text-align: right;
        display:block;
        line-height: 1.8;
        color: #0a0a0a;
    } 
}
@media screen and (min-width: 64em) {
    label.large-text-right, span.large-text-right {
        text-align: right;
        display:block;
        line-height: 1.8;
        color: #0a0a0a;
  }
}

label.text-left, span.text-left {
    text-align: left;
    display:block;
    line-height: 1.8;
    color: #0a0a0a;
}

label.middle, span.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; }

.form-control.rbl label { 
    padding: 10px 0; /* line spacing between radio button list items */
}

input.ctl-login-status { /* LoginStatus control */
    vertical-align: middle;
    height: 16px;
}

/* RadComboBox ******************************************************************************************************************************************************************/

.RadComboBox.form-control, .RadDropDownList.form-control .rddlInner {
    padding: 0;
    font-size: 14px;
    height: auto;
    min-height: 36px;
    background-color: transparent;
    border: 1px solid #c0c0ca;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .RadComboBox.form-control .rcbInner {
        height: auto;
        min-height: 36px;
        padding: .75em !important;
    }

.RadComboBox_Silk .rcbReadOnly {
    background-color: #fff !important;
    background-image: none !important;
}

    .RadComboBox_Silk .rcbReadOnly.rcbHovered, .RadComboBox_Silk .rcbReadOnly.rcbFocused, .RadComboBox_Silk .rcbReadOnly.rcbExpanded { /* targets blue hover colour on Finastra meeting booking page */
        border-color: inherit !important;
        color: inherit !important;
        background-color: inherit !important;
        background-image: inherit !important;
    }

.RadComboBoxDropDown_Silk .rcbHovered { /* list items */
    background-color: #fff !important;
}


/* Radscheduler AdvancedForm fixes (because .RadScheduler * sets margins and padding to zero, controls and Bootstrap grid are affected) **************************************/

.RadScheduler .form-control, .RadScheduler .RadDropDownList.form-control .rddlInner {
    font-size: 14px;
    height: auto;
    min-height: 36px;
    background-color: transparent;
    border: 1px solid #c0c0ca;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.RadScheduler input.form-control, /* textbox */
.RadScheduler select.form-control, /* .NET dropdownlist */
.RadScheduler span.form-control, /* radiobuttonlist */
.RadScheduler textarea.form-control,
.RadScheduler .RadDropDownList.form-control .rddlInner {
    padding: .75em !important;
}

.RadScheduler .rsHeader {
    padding: 9px 15px !important;
    height: auto;
    border: none;
    background-color: #d6d5d4 !important;
    background-image: none !important; 
    box-shadow: none;
}

.RadScheduler .rsDateHeader {
    padding: 1px 4px 3px;
    text-decoration: none;
    font-size: 13px;
}

.RadScheduler .rsButton {
    height: auto !important;
    background-color: #fff !important;
    background-image: none !important;
    cursor: pointer;
}
    .RadScheduler .rsSelected > .rsButton {
        border-color: #c4c4c4 !important;
        color: #5f5f5f !important;
    }
.RadScheduler .rsButton.rsHovered {
    border-color: #c4c4c4 !important;
    color: #5f5f5f !important;
    background-color: #e2e2e2 !important;
}

.RadScheduler .col-md-10 .RadComboBox.form-control {
    /*width: 102% !important;*/
}

.RadScheduler .col-md-4 .RadComboBox.form-control, .RadScheduler .col-md-4 .RadDropDownList.form-control {
    /*width: 105% !important;*/
}

.RadScheduler .row {
}

.RadScheduler th {
    white-space: normal;
    padding: 10px 0 !important;
}

.RadScheduler tr {
    font-size: 14px !important;
    height: auto;
    min-height: 36px;
}

.RadScheduler .rsApt {
    font-size: 12px !important;
}

.RadScheduler .md-text-right label {
    margin-right: 5px !important;
}

.RadScheduler .btn {
    padding: 12px 52px !important;
}

    .RadScheduler .btn.btn-alt {
        padding: 12px 30px !important;
    }

.RadScheduler .btn-sm {
    padding: 10px 20px !important;
}


/* RadSearchBox ******************************************************************************************************************************************************************/

.RadSearchBox .rsbInput {
    height: 2rem !important;
    margin-top: 5px !important;
}

/* RadPicker ******************************************************************************************************************************************************************/

.RadPicker.form-control div.RadInput { /* date picker (div applies it to date and not to time picker, which uses a span instead */
    height: auto;
    min-height: 36px;
    /*padding: .75em !important;*/
    border-color: #fff;
}

.RadScheduler .RadPicker .rcSelect { /* date picker calendar */
    /*top: 14px !important;*/
}

.RadPicker table.rcTable .rcInputCell { /* time picker */
    /*padding: .75em !important;*/
}

.RadPicker .RadInput .riTextBox { /* date and time picker inner box */
    font-size: 14px !important;
    border: none !important;
}

.RadTimePicker .rcTable td {
    vertical-align: middle;
}

.RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
    line-height: 1em !important; /* overrides 100em, which was causing problems with time picker height */
}


/* registration booking section nav menu -------------------------------------------------------------------------------------------*/

.navMenuReg_Registration {text-align: left; overflow: hidden; border: none;}

.navMenuReg_Registration a {background-color:#eee; display:block; padding:10px 10px 10px 35px; margin-bottom:5px; line-height:1.25em;}
.navMenuReg_Registration a h4, .navMenuReg_Registration a p , .navMenuReg_Registration a span {color:#444;}
.navMenuReg_Registration a:hover {text-decoration:none; background-color:#e1e1e1;}

/* Font Awesome icon placeholder general settings */
.navMenuReg_Registration a .icon::before {
    display: inline-block;
    margin-left:-25px;
    margin-right:5px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }

/* Home icon remains the same when it is selected, unlike other menu items */
.navMenuReg_Registration a.lbtnNavMenuRegistrationHome span.icon::before {
    font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f015";
}

/* Confirmed = page open/enabled and details confirmed */
.navMenuReg_Registration a.confirmed .icon::before {
    font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f00c";
}
/* Unconfirmed = page open/enabled, but details not confirmed  */
.navMenuReg_Registration a.unconfirmed .icon::before {
    font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f2fd"; font-size: 20px;
}
/* Selected = current page */
.navMenuReg_Registration a.selected .icon::before {
    font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f044";
}
.navMenuReg_Registration a.selected {
    background-color: #ccc;
}
/* Inactive = page locked/disabled */
.navMenuReg_Registration a.inactive .icon::before {
    font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f023";
}