﻿.rgMasterTable caption {
    padding-top: 1px;
    padding-bottom: 0;
}

/* 
    Enables us to layout the checkbox with title next to it and description underneath.
*/
.RadComboBoxDropDown.roles .rcbScroll li.rcbItem {
    display: flex;
    flex-wrap: wrap;
}

/* 
    Enables us to layout the checkbox with title next to it and description underneath.
*/
.RadComboBoxDropDown.roles .rcbScroll li.rcbItem .title {
    flex: 1;
    font-weight: 700;
}

/* 
    Enables us to layout the checkbox with title next to it and description underneath.
*/
.RadComboBoxDropDown.roles .rcbScroll li.rcbItem .description {
    flex: 1 100%;
}

/* 
    The combobox has a "copy" button next to it, so remove the radius so they look connected.
*/
.RadComboBox.roles td.rcbArrowCell.rcbArrowCellRight {
    border-radius: 0;
}

/* 
    Brings the button for copying roles onto the same row at the combobox itself.
*/
.RadComboBox.roles {
    flex: 1;
}

 pre {
     display: none !important;
 }

/*
    When the attribute list is displayed for a new user there is an info box so we need to have the top border for new users, but remove for editing.
*/
.userEditForm .attributeValueList:not(.newUser) .RadGrid {
    border-top: none;
}

/*
    The attribute list control (grid) sits within a card so to stop a double border remove them (underneath is some text so border required).         
*/
.userEditForm .attributeValueList .RadGrid {
    border-left: none;
    border-right: none;
}

/*
    When editing the attribute value list is the only thing displayed in the card, so we remove all padding so it looks good. When adding however the infobox is
    always visible and default margin doesn't look great with everything else. Set the margin to match normal card padding.    
*/
.userEditForm .attributeValueList .InfoBox {
    margin: 1.25em;
}

/*
    Form elements within a card so to stop double padding / margin spacing at the bottom, remove the margin on the bottom.    
*/
.userEditForm .userPhoto .formfieldclient:last-of-type,
.userEditForm .basicDetails .card-body > .formfieldclient:last-of-type {
    margin-bottom: 0;
}
.panel-body {
    padding: 20px;
}

/*
    Ensure the password box (for company / shared accounts) are taking up all of the available space.
*/
.userEditForm .password .RadInput {
    flex: 1;
}