.modal-dialog {
  max-width: 80% !important;
  width: auto !important;
}

/* 
NAVBAR - 
Support for dark blue on main splash page, adding

*/
.static-top.navbar-dark.no-background {
  background-color: unset;
  border-color: transparent;
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;
}

.static-top.navbar-dark.linear-background,
#user-home-header.linear-background,
.row.search.linear-background {
  background-color: var(--portalThemeColor1);
  background-image: -webkit-linear-gradient(to right, var(--portalThemeColor1), var(--portalThemeColor4));
  background-image: -o-linear-gradient(to right, var(--portalThemeColor1), var(--portalThemeColor4));
  background-image: -moz-linear-gradient(to right, var(--portalThemeColor1), var(--portalThemeColor4));
  background-image: linear-gradient(to right, var(--portalThemeColor1), var(--portalThemeColor4));
  border-color: transparent;
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;
}

#terms-and-conditions-section h1 {
  color: var(--portalThemeColor7);
}

#terms-and-conditions-section .checkbox {
  color: var(--portalThemeColor7);
}

.wrapper-body {
  min-height: calc(100% - 250px);
}

.wrapper-body.home {
  min-height: calc(100% - 150px);
}

.section-landing-search {
  min-height: unset;
  background: unset;
  background-size: unset;
}

/*************************************************/
/* Remove privacy and skip to content banners    */
/*************************************************/

.private-mode-banner {
  display: none;
}

.skip-to-content {
  display: none;
}

/***********************************/
/* Form updates */
/***********************************/

#EntityFormControl {
  padding: 10px 0px;
}

.crmEntityFormView {
    border: none !important;
    background-color: #ffffff !important;
    padding-top: 20px;
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.crmEntityFormView .section {
    width: 100%;  /* This increases the width of the forms on larger screens.  Still need to fix issue where the labels don't go to the bottom of the info div.*/
}

.crmEntityFormView .section-title {
  padding-left: 5px;
}

.crmEntityFormView .actions {
    padding: 20px;
}

.crmEntityFormView .cell div.control {
    clear: both;
}

.crmEntityFormView .cell .field-label {
    float: left;
}

.crmEntityFormView .cell div.info div.validators{
    float: left;
}

.crmEntityFormView .cell {
    margin-bottom: 15px;
}

.crmEntityFormView table.section, 
.crmEntityFormView table.section>tbody,
.crmEntityFormView table.section>tbody>tr,
.crmEntityFormView table.section>tbody>tr>td,
.crmEntityFormView table.section>tbody>tr>th,
.crmEntityFormView table.section>tbody>tfoot,
.crmEntityFormView table.section>tbody>tfoot>tr,
.crmEntityFormView table.section>tbody>tfoot>td,
.crmEntityFormView table.section>tbody>tfoot>th,
.crmEntityFormView table.section>thead,
.crmEntityFormView table.section>thead>tr,
.crmEntityFormView table.section>thead>tr>td,
.crmEntityFormView table.section>thead>tr>th{
    /* display: block; */
}

/* fixes spacing issue where you use metadata to turn optionset into horizatal radio buttons */
html[dir=ltr] .crmEntityFormView .cell .picklist input[type=radio] {
	margin: 2px 5px 5px 10px;
}

.entity-form .tab-title{
  display: none;
}

.form-control:disabled {
    background-color: #e9ecef !important;
    opacity: .5;
}

/*  Sets the text decoration for placeholder text within textarea. */
textarea.form-control::placeholder {
    color: #502b85 !important;
    opacity: .5;
    font-weight: bold !important;
}

input.text.integer.form-control::placeholder {
    opacity: .5;
}

div[id^="EntityFormControl"] > .instructions{        
        margin-bottom: 20px;
}