/*grid header stuff*/
.dropdown-item {white-space:nowrap !important}
.sort-header {white-space:wrap !important; vertical-align:text-top !important}
.sticky-top {background-color: lightgray;}
.header-container {background-color: lightyellow  !important;}


div.filter-container paa-listing-views-filter-values div.dropdown div.btn-group 
{background-color: lightcyan; !important;}







.RemoveBottomPadding{
    margin-bottom: 0px !important;
}

.angucomplete-dropdown {height: fit-content !important; background-color: lightyellow !important;}

/* galore customizations */
.btn-outline-secondary {
 bs-btn-hover-color: #000 !important;
}

.offcanvas.offcanvas-end.show {z-index: 2100 !important;}

.eds_logo {max-width: 120px !important;}

#dnn_USER1_messageGroup{display:none !important;}
#dnn_USER1_notificationGroup{display:none !important;}

.EasyDNNSkin_Galore .eds_pageDetails.eds_pageDetails2
{padding: 0px !important;}

.EasyDNNSkin_Galore .eds_pageDetails.eds_pageDetails2 .eds_pageTitle + .eds_breadCrumbs, .EasyDNNSkin_Galore .eds_pageDetails.eds_pageDetails2 .eds_pageDescription + .eds_breadCrumbs
{margin-top: -30px !important}

.eds_searchButton{display:none !important;}

@media screen and (max-width : 768px) {
.eds_pageTitle {width: 100% !important;}
.eds_breadCrumbs {display:none !important;}
}

.EasyDNNSkin_Galore .eds_bottomBannerBg + div
{margin-top: 0px !important;}

.sticky-top
{z-index: 999 !important;}

.EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader
{z-index: 1999 !important;}

.EasyDNNSkin_Galore .eds_bottomPaneWide
{
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.EasyDNNSkin_Galore .container-fluid
{
    padding-left: 5px !important;
    padding-right: 5px !important;
    max-width: inherit !important; 
}

@media (min-width: 1200px) {
  .EasyDNNSkin_Galore .container {
     max-width: 1570px !important; 
  }
}

.required label:after, legend.required:after 
{Content: initial;}

/* end galoer customizations*/

.af-modal
{z-index: 3000 !important;}

.af-modal-module
{z-index: 3000 !important;}

.cdk-overlay-container
{z-index: 3000 !important;}


/*for autocomplete dropdowns*/
.autocomplete-suggestions{
background-color:#eee;
padding: 3px;
}


/* for nav tabs, give them a different background color */
a.tabLink.nav-link.active {
  background-color: #cff4fc !important;
}


/*
.btn-secondary {
    background-color: #CCE5FF !important;
    border-color: #CCE5FF !important;
}   
*/ 

/* move right justified form column value over a bit */
.MoveLittleLeft
{    margin-right: 16px;
}

/* this is the button for dropdown */
.btn-outline-secondary{
//    background-color: #FFF !important;
}


/* for form headers, you can use this class for background */
.FormHeaderBackground
{
    background-color: lightblue;
    padding: 20px;
    }

/* this is for a red asterick next to required fields */
.form-label.required:before {
    content:" *";
    color: red;
    font-weight: bold ;
  }
.form-label {
  display: block; /* !important; */
}


.modal-dialog
{
width: 98% !important;
max-width: 98% !important;
//max-height: 80% !important; /*07-29-24*/
//height: 80% !important;
}

.modal-content, .modal-header, .modal-body
{
width: 100% !important;
max-width: 100% !important;
//max-height: 80% !important; /*07-29-24*/
//height: 80% !important;
}


.WN_FormStyle
{
background-color: #cff4fc;
}
.WN_FormStyle label{
  font-weight: bold;
}

.WN_FormStyle2
{
background-color: lightyellow;
}
.WN_FormStyle2 label{
  font-weight: bold;
}

#cdk-overlay-0 {
   /* height: 96vh !important; */
}

.mat-dialog-content {
  /*max-height: 100vh !important;*/
  /*padding: 0 0px !important;*/
}

.mat-dialog-container {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    /*padding: 0 0px !important;*/
}

.mat-dialog-title {
  margin: 0 0 0px !important;
}