/*  Finastra colours
    ------------------------------

    ------------------------------
*/

/* Headers, labels, body text  ********************************************************************************************************/

.registration-form div, .registration-form p {
    /*font-size: 16px;*/
    font-weight: 300;
}
.registration-form h2 {
    /*font-size: 3rem;*/
}
.registration-form h3 {
    /*font-size: 2rem;*/
}
.registration-form label {
    /*font-size: 16px;*/
    font-weight: 300;
    line-height: 30px;
}
.registration-form .form-group {
    margin-bottom: 20px;
}
.registration-form .control-label {
    font-weight: bold;
    font-size: 14px;
}

/* a. notifications and errors ********************************************************************************************************/

.warningMessage, .validation {
    color: #f14d61;
}
.validationSummary {
    text-align: center;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 400;
    border-radius: 3px;
    border: 1px solid #f14d61;
    color: #f14d61;
    border-left-width: 5px;
    border-left-color: #f14d61;
    background-color: #fcebed;
}
    .validationSummary h4 {
        margin-top: 0;
        margin-bottom: 5px;
        color: #f14d61;
    }
.validationSummary p:last-child {
    margin-bottom: 0;
}

/* buttons. Colours are overridden in registration-project-specific-colors.css ************************************************************************************************************************************/

.btn {
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    /*display: flex;*/
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    z-index: 2;
    margin: 0.5rem 0px;
    margin: 0;
    padding: 10px 50px 10px !important;
    /*min-width: 200px;*/
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border: 2px;
    border-radius: 24px !important;
    border-image: initial;
    /*transition: all 0.3s ease-in-out 0s !important;*/
    /*transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 576px) {
}
@media only screen and (min-width: 768px) {
    .btn {
        /*min-width: 220px;*/
        font-size: 16px;
    }
}
@media only screen and (min-width: 992px) {
    .btn {
        min-width: 240px;
        font-size: 18px;
    }
}
    .btn:active, .btn.active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    a.btn:hover {
        text-decoration: none !important;
    }
.btn-check:focus + .btn-primary, .btn-primary:focus {
    box-shadow: none;
}
/* login pages full width */
.auth-page .btn {
/*    max-width: 100%;
    width: 100%;
*/}

/* button sizes */
.btn-lg, .btn-group-lg > .btn {
    padding: 24px 48px;
    font-size: 18px;
}
.btn-sm, .btn-group-sm > .btn {
	padding: 14px 20px;
	font-size: 14px;
}
.btn-xs, .btn-group-xs > .btn {
	padding: 8px 16px;
	font-size: 12px;
}

/* page scroll buttons */

.btn-scroll-absolute {
    position: absolute;
}

.btn-scroll-fixed {
    position: fixed;
}

/* full-size and small scroll buttons are same size at mobile resolution */
.btn-scroll-absolute-wrapper, .btn-scroll-absolute-wrapper .small {
    height: 36px;
    width: 36px;
    margin: 0 auto;
}

.btn-scroll-hero, .btn-scroll-hero.small {
    margin-left: -18px; /* because of its absolute position, its left side starts at the centre point */
    height: 36px;
    width: 36px;
    border-radius: 50%;
    color: #89278a;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.4);
}

    .btn-scroll-hero:focus, .btn-scroll-hero:hover {
        color: rgb(255,255,255);
    }

    .btn-scroll-hero i, .btn-scroll-hero.small i {
        font-size: 36px;
        line-height: 1.1;
        transition: all 520ms ease;
    }

.btn-scroll-bottom-up {
    display: none;
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .btn-scroll-absolute-wrapper {
        height: 72px;
        width: 72px;
    }
    .btn-scroll-hero {
        margin-left: -36px; /* because of its absolute position, its left side starts at the centre point */
        height: 72px;
        width: 72px;
    }
        .btn-scroll-hero i {
            font-size: 72px;
        }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .btn-scroll-bottom-up {
        z-index: 100;
        display: block;
        text-align: center;
        height: 72px;
        width: 72px;
        border-radius: 50%;
        color: #fff;
        background-color: rgb(237,237,237);
        background-color: rgba(132,136,139,0.4);
        bottom: 20px;
        right: 10px;
    }

        .btn-scroll-bottom-up:focus, .btn-scroll-bottom-up:hover {
            color: rgb(132,136,139);
        }

        .btn-scroll-bottom-up i {
            font-size: 72px;
            line-height: 0.9;
            transition: all 520ms ease;
        }
    }
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

input.ctl-login-status { /* LoginStatus control */
    filter: invert(28%) sepia(64%) saturate(2725%) hue-rotate(240deg) brightness(89%) contrast(87%); /* use https://codepen.io/sosuke/pen/Pjoqqp CSS filter generator to convert from black to required hex color */
}


/* grids ************************************************************************************************************************************/


/* tabs ************************************************************************************************************************************/

/* controls ************************************************************************************************************************************/

.auth-page .form-group {
    margin-bottom: 15px;
}
.form-control {
    height: 100%;
    /*padding: 10px 20px !important;*/
    background-color: #fff;
    /*border: 1px solid #63666a;*/
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*color: #fff;*/
}
.form-control div.form-control {
    border:none;
}
.captcha-textbox {
    margin-top:5px;
}
img.captcha {
    width: 50% !important;
    height: 50% !important;
}
@media only screen and (max-width : 576px) {
    img.captcha {
        width: 100% !important;
    }
}
.form-control:focus {
    background-color: #fff;
    border: 1px solid #63666a;
    box-shadow: none;
    /*color: #fff;*/
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, html body .RadInput .riTextBox:disabled { /* override only needed when Bootstrap form-control is being overridden by theme */
    background-color: #63666a !important;
    color: #fff;
}

/* RadMaskedTextBox ************************************************************************************************************************************/

/*html body .RadInput .riTextBox {
    border: 1px solid #32313b !important;
    background-color: transparent !important;
    color: #c0c0ca !important;
}*/

/* text box with RadInputManager applied ************************************************************************************************************************************/

.RadInput_Default .riTextBox, .RadInputMgr_Default {
    background: none !important;
}

/* RadDatePicker ************************************************************************************************************************************/

.RadPicker { /* date picker calendar */
    height: auto !important;
    display: block;
    padding: 0;
}

/* RadDatePicker textbox and RadMaskedTextBox */
html body .RadInput .riTextBox {
    border: 1px solid #c0c0ca !important;
    background-color: transparent !important;
}
/* change date instructions header bar */
.RadCalendar .rcTitlebar {
}
/* date and change date instructions text */
.RadCalendar .rcTitle {
    font-weight: bold;
}
/* disc of selected date of calendar */
.RadCalendar .rcMain .rcRow .rcSelected a {
}
    /* disc of selected date of calendar hover */
    .RadCalendar .rcMain .rcRow .rcSelected a:hover {
    }
/* hover on cell of in range dates of calendar */
.RadCalendar .rcMain .rcRow a:hover {
    border-color: #555;
    background: #555;
}
/* cell of in range dates of calendar */
.RadCalendar .rcRow td {
    border-color: #fff;
    background-color: #fff;
}
    /* cell of out of range dates of calendar */
    .RadCalendar .rcRow td.rcOutOfRange {
        background-color: #e1e1e1 !important;
    }
/* disc of out of range dates of calendar */
.RadCalendar .rcMain .rcOutOfRange span {
    background-color: #e1e1e1;
}
/* background of calendar icon button */
.RadInput a.date-popup-button {
}

.RadInput a, .RadInput.RadInputDisabled a:hover, .RadInput.RadInputDisabled a:active {
    border-color: #fff !important;
    background-color: inherit !important;
}

    .RadInput a:hover {
        color: inherit !important;
        background-color: #e3e3e3 !important;
    }

.raddatepicker-dateinput-lowercase {
    /*text-transform: lowercase;*/
}

/* RadListBox template */

.RadListBox .rlbTemplateContent .rlbHeader, .RadListBox .rlbTemplateContent .rlbFooter {
    padding: 3px 7px;
    padding: 0;
}
.RadListBox_Default .rlbHeader {
    background-image: none !important;
}
.RadListBox_Default .rlbHeader, .RadListBox_Default .rlbFooter {
    border-color: transparent !important;
    color: inherit !important;
    background-color: transparent !important;
    border-bottom: 1px solid #c0c0ca !important;
}

.RadListBox .rlbTemplate {
    display: inline-block !important;
    width:85%; /* required when checkboxes in use*/
}
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .RadListBox .rlbTemplate {
        width:85%;
    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .RadListBox .rlbTemplate {
        width:90%;
    }
}
.RadListBox .rlbGroup {
    border-style: none !important;
    /*color: #fff !important;*/
    background-color: transparent !important;
}
.RadListBox .rlbItem label {
    margin-left: 5px !important;
}

/* Listbox styles when checkboxes are in use */

.RadListBox.checkboxes .rlbItem.rlbSelected {
    background-color: transparent !important; /* prevents selected item background from turning grey (not desirable when checkboxes are in use) */
    color: inherit !important;
}
.RadListBox.checkboxes .rlbItem.rlbHovered {
    background-color: #000 !important;
    color: inherit !important;
}
.RadListBox.checkboxes .listbox-template {
    margin-left: 20px;
}

/* Bootstrap popover -----------------------------------------------------------------------------------------------------------------------------*/




/* Listbox Repeater modal -----------------------------------------------------------------------------------------------------------------------------*/

.listbox-template .modal-content{
    padding: 10px;
}
.listbox-template .modal-header {
    justify-content: initial;
}
.listbox-template .modal-header .close {
    margin-right:10px;
}
.listbox-template h3.modal-title {
    
}
.listbox-template .modal-body {
    
}
.listbox-template .modal-body .logo {
    text-align: center;
}
.listbox-template .modal-body .logo img {
    width:75%;
}
.listbox-template .modal-footer {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.conf-as-at, #cphMasterContentReg_ConfAsAt_pnlVisible {
    display: inline-block !important;
}

/* DropDownList ************************************************************************************************************************************/

.form-control option {
	background-color: rgb(255,255,255); /* transparent doesn't work, because there is a white background that I can't access */
}
select.form-control {
    background: url(../../Images/icons/black_triangle_15px.png) no-repeat 97% 50%;
}

.p-icon.p-i-arrow-60-down {
    background: url(../../Images/icons/black_triangle_15px.png) no-repeat 70% 50%; /* adds triangle to RadComboBox with checkbox items*/
}

/* EventDetails repeater ************************************************************************************************************************************/


/* EventDetails repeater ************************************************************************************************************************************/


/*Block  overide*/

#cphMasterContentReg_pnlConfTextPrintToPage {
}
#cphMasterContentReg_pnlConfAsAt {
	display: inline-block !important;
}
#cphMasterContentReg_ConfAsAt_pnlVisible {
}
#cphMasterContentReg_ConfAsAt_hfContentID {
}
#cphMasterContentReg_pnlJIsAsAt {
	display: inline-block !important;
}
#cphMasterContentReg_JIsAsAt_pnlVisible {
}
#cphMasterContentReg_JIsAsAt_hfContentID {
}
#cphMasterContentReg_lblConfDate {
}
#cphMasterContentReg_PrinterFriendlyCopy_pnlVisible {
	display: inline-block !important;
}
#cphMasterContentReg_PrinterFriendlyCopy_hfContentID {
}
#cphMasterContentReg_ConfPrintLink_pnlVisible {
	display: inline-block !important;
}


/*Registration nav menu base-forms.css overrides -----------------------------------------------------------------------------*/

.navMenuReg_Registration .navMenuRegItem {font-size: 16px;}
.navMenuReg_Registration h4 {
    font-size: 20px;
    line-height: 1.3;
    /*text-transform: lowercase;*/
    display: inline-block;
}
.navMenuReg_Registration a {background-color:#eee; display:block; padding:10px 10px 10px 35px; margin-bottom:5px; line-height:1.25em;}

.navMenuReg_Registration a:hover {text-decoration:none; background-color: rgb(231,105,134);}

.navMenuReg_Registration a.selected {background-color: rgb(231,105,134);}
.navMenuReg_Registration a.selected h4, 
.navMenuReg_Registration a.selected p, 
.navMenuReg_Registration a.selected span {text-decoration:none; color:#fff;}

/*.navMenuReg_Registration a.inactive {
    background-color: rgb(242,151,169);
    color: #fff;
}*/

/* 6. PA ADMIN PANEL ------------------------------------------------------------------------------------------------*/

#pnlReturnToAdmin{padding:1em; background-color:yellow; border:none; text-align:center; text-transform:lowercase; }
#pnlReturnToAdmin a{font-weight:700;  color:#444; }

#pnlReturnToAdmin a:hover{font-weight:700; color:#444;}