/* override the Boostrap styles from Power Apps Portals that are overriding the CDTS styles */
.breadcrumb > li a {
    text-decoration: underline;
    color: #284162;
}

/* override the Boostrap styles from Power Apps Portals that are overriding the CDTS styles */
.breadcrumb > li a:hover {
    text-decoration: underline;
    color: #0535d2;   
}

.form-close,.close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace
}

/* override the Boostrap styles from Power Apps Portals that are overriding the CDTS styles */
.form-close:focus,.form-close:hover,.close:focus,.close:hover {
    color: white;
    opacity: 1;
}

/* override the CDTS style of auto for width because it is making email and website fields too narrow */
.form-control {
    width: 100%;
}


/* add styles that are defined by .overlay-def that do not apply because modals within modals (i.e. subgrid add modal 
   then lookup modal) do not have the div.modal-content does not have the overlay-def class */
.modal-content {
    overflow-y: auto;
}

/* add styles that are defined by .overlay-def header that do not apply because modals use the div element instead
   of the header element */
.modal-header {
    background-color: rgb(46, 82, 116);
    color: white;
    display: block;
    padding: 0 44px 0 1em;
    position: relative;
}

    /* add styles that are defined by .overlay-def .modal-title that do not apply because modals within modals 
       (i.e. subgrid add modal then lookup modal) do not have the div.modal-content does not have the overlay-def class */
    .modal-header .modal-title {
        border-bottom: none;
        font-size: 1.15em;
        padding: 10px 0
    }

.redeem-invitation-page {
}

/* fix the contrast and position of the the close button in the success message when a record is deleted from a subgrid */
div.notification.alert-dismissible > button {
    opacity: 1;
    padding-top: 6px;
    right: 0px;
}

div.page-copy {
    margin-bottom: 1em;
}

div.page-buttons {
    margin-top: 1em;
}

/* Remove the left padding */
.crmEntityFormView .cell {
    padding-left: 0;
}


/* Add the text "required" to explain the purpose of an asterisk */
html[lang^="en"] .crmEntityFormView .cell div.info.required label:after {
    content: " * (required)";
}

html[lang^="fr"] .crmEntityFormView .cell div.info.required label:after {
    content: " * (obligatoire)";
}