body.gin-login .user-form-page, body.gin-login .user-form-page * {
    box-sizing: border-box;
    background-color:#f2f3f4 !important;
}

#edit-openid-connect-client-windows-aad-login,#edit-submit{
    padding: calc(var(--gin-spacing-m) - 2px) calc(var(--gin-spacing-l) - 2px);
    border: 0px solid var(--gin-color-primary) !important;
    border-radius: var(--gin-border-m);
    box-shadow: 0 0px 0px var(--gin-color-primary-light) !important;
    transition: var(--gin-transition);
    color: #fff !important;
    background-color: #ff4024 !important;
}
fieldset {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 0px;
    border-style: groove;
    border-color: rgb(192, 192, 192);
    border-image: initial;
}

.reload-captcha-wrapper{
  display: inline-flex !important;
  vertical-align:top !important;
}
.captcha__image-wrapper img{
  display:inline-flex !important;
}
.captcha__image-wrapper{
  flex:none !important;
  position:relative !important;
}
.messages a, .messages a:hover, .messages a:active {
  color: #ee4024 !important;
}
body.gin-login .user-form-page .form-element {
  width: auto !important;
  
}
a, .link, button.link, [open] .claro-details__summary--accordion, [open] .claro-details__summary--accordion-item, [open] .claro-details__summary--vertical-tabs-item, .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
  color: #ee4024;
  -webkit-text-decoration-style: #ee4024;
  text-decoration-style: #ee4024;
}
.ck-link_selected span,a span, a:hover span, a:active span, a:visited span, a:focus span{
  color: #ee4024 !important;
  -webkit-text-decoration-style: #ee4024;
  text-decoration-style: #ee4024;
}

.tabs__link, .claro-details__summary, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a,
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:hover,
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:active,
.horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus {
  color: #000 !important;
  font-size: var(--gin-font-size);
  font-weight: var(--gin-font-weight-bold);
  padding-top: calc(var(--gin-spacing-l) - var(--gin-spacing-xxs));
  padding-bottom: calc(var(--gin-spacing-l) - var(--gin-spacing-xxs));
}
.toolbar-horizontal .toolbar-tray a, 
.toolbar-horizontal .toolbar-tray a:hover, .toolbar-horizontal .toolbar-tray a:active, .toolbar-horizontal .toolbar-tray a:focus, .toolbar-horizontal .toolbar-tray span {
  color: #000 !important;
  font-weight: var(--gin-font-weight-normal);
}

.dropbutton__item a {
  color: #000 !important;
}
.dropbutton__item a:hover, .dropbutton__item a:active, .dropbutton__item a:focus{
  color: #fff !important;
}
.sortable-heading > a {  
  color: #000 !important;
}
/** username is the username of the user who created the page, fyi **/
.views-field-title a, .username{
  color: #000 !important;
}
.views-field-title a:hover, .views-field-title a:active{
  color: #000 !important;
}
/** change the placeholder scss in the admin side because the current background was set to currentcolor which
 * meant that I could not see the text in the placeholder section.
 */
.placeholder {
    color: var(--gin-color-danger-light) !important;
    background-color: var(--gin-bg-danger) !important;
}
.page-title .placeholder, .form-item__description .placeholder {
    color: #000000 !important;
    opacity:1.0 !important;
    font-weight:600;
    background-color: inherit !important;
}
details summary{
    background-color: unset !important;
}