:root {
  --header-height: 65px;  /* your top nav height */
  --footer-height: 60px;  /* your footer height (if sticky) */
}

.navbar {
  --bs-navbar-padding-y:2px !important;
}


main, .page-content, .page-content > .section, .page-content > .section > .container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.page-copy:not(.no-value){
  /* height: calc(100vh - var(--header-height, 64px) - var(--footer-height, 0px)); */
  min-height: calc(100vh - var(--header-height, 64px) - var(--footer-height, 0px));
  height: 100%;
}

.xrm-editable-html, .xrm-attribute-value{
  height: 100%;;
}

.xrm-attribute-value{
  display: flex;
  flex-direction: column;
}


body {
/* display:flex;
flex-direction:column; */
}

#liquid_form{
flex-grow:1;
}

.wrapper-body, .page-copy, .xrm-editable-html, .xrm-attribute-value, .sectionBlockLayout  {
/* height:100%; */
}

.page-copy{
    position: relative;
}

.pagesBreadcrumb{
  padding: 0px 8px;
  margin-block-end: auto;
}

.crmEntityFormView {
  border: 0px solid #f2f2f2 !important; 
}


.crmEntityFormView .cell {
    padding: 0 28px 0px
}

/* remove the empty space reserved by the validators */
.validators {
  height: 0;
}


.crmEntityFormView table.small-table td {
    padding: 2px !important;
    padding-top: 4px !important;
}

.crmEntityFormView table.small-table td:first-child {
    padding: 0px !important;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 8px !important;
}

@media (max-width: 767px) {
.crmEntityFormView .cell {
    padding: 0 0px 0px;
    margin-bottom: 6px;
}
.pagesBreadcrumb{
  padding: 0px 2px;
  margin-block-end: 0px;
}


.crmEntityFormView table.small-table td {
    padding: 1px !important;
    padding-top: 2px !important;
}

.crmEntityFormView table.small-table td:first-child {
    padding: 0px !important;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 2px !important;
}


}

.entitylist-filter-option-group-label{
  font-size: small !important;
}

.entitylist-filter-option-text .form-select {
  font-size: 14px !important;
}

.entitylist-filter-option-text .input-group-text {
  padding:4px !important;
}

.ms-OverflowSet-item .ms-Button, .ms-OverflowSet-item .ms-Button-flexContainer{
  color: var(--portalThemeColor1) !important

}
.ms-ContextualMenu-link, .ms-Dropdown-optionText{
  color: var(--portalThemeColor1) !important
}

.ms-DetailsRow-cell{
  color: var(--portalThemeColor1) !important
}

/*
backup des couleurs

:root {
  --portalThemeColor1: #00372D;
  --portalThemeColor2: #662236;
  --portalThemeColor3: #CDCDCD;
  --portalThemeColor4: #156851;
  --portalThemeColor5: #F0EDE2;
  --portalThemeColor6: #BCEED7;
  --portalThemeColor7: #FFFFFF;
  --portalThemeColor8: #BCEED7;
  --portalThemeColor9: #00A05C;
  --portalThemeColor10: #82D7FA;
  --portalThemeColor11: #156851;
  --portalThemeColor12: #000000;
  --portalThemeOnColor1: #FFFFFF;
  --portalThemeOnColor2: #FFFFFF;
  --portalThemeOnColor3: #FFFFFF;
  --portalThemeOnColor4: #FFFFFF;
  --portalThemeOnColor5: #FFFFFF;
  --portalThemeOnColor6: #FFFFFF;
  --portalThemeOnColor7: #00372D;
  --portalThemeOnColor8: #FFFFFF;
  --portalThemeOnColor9: #FFFFFF;
  --portalThemeOnColor10: #FFFFFF;
  --portalThemeOnColor11: #FFFFFF;
  --portalThemeOnColor12: #FFFFFF; }

*/