/* get rid of arrow which doesn't do anything in menu but add confusion */
.raMenuWrapper > ol > li.edsmm_megaMenu.edsmm_multiColumn > div > div > ol > li.edsmm_hasChild > span::after {
  content: "" !important;
}
.raMenuWrapper > ol > li.edsmm_megaMenu.edsmm_multiColumn > div > div > ol > li > div ol li.edsmm_hasChild > span::after {
  content: "" !important;
}



.WN_FormStyle3
{
background-color: #f9f9f9;
}
.WN_FormStyle3 label{
  font-weight: bold;
  font-size: 1.25em;
}

.Indent25
{
    margin-left: 25px;
}

.WN_FormStyle3Button
{background-color: #013592 ;
background-border:#013592;
}

.FormIndent1
{margin-left: 50px;}

.FormPadRight
{margin-right: 50px;}


.btn-check:checked+.btn-outline-primary, .btn-check:active+.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #FFF !important;
    background-color: #4980c3 !important;
    border-color: #4980c3 !important;
}
	
.btn-outline-primary {
    color: #000 !important;
    border-color: #4980c3 !important;
}
.btn-outline-primary:hover {
    color: #FFF !important;
    background-color: #4980c3 !important;
    border-color: #4980c3 !important;
}

.btn-margin-bottom{
    margin-bottom: 5px;
}

.form-group-myFlexWrap{
flex-wrap: wrap !important;
}


.WN_FormStyle_PIC{
max-width: 700px;
}

.PICFormLabel
{color: #013592 ;
margin-left: 0px !important;
}

div.PICFormCheckbox
{
display: flex !important;
  width: 100%;
  flex-direction: row-reverse;
  justify-content: flex-end;
  }
  
div.PICFormCheckboxNoWrap
{
  flex-direction: row-reverse;
  }


.PICFormButton
{background-color: #013592 ;
background-border:#013592;
}

.PICFormButton:hover
{background-color: #000 ;
background-border:#000;
}

.WellnowFormButton
{background-color: #4980c3 ;
background-border:#4980c3;
}

.WellnowFormButton:hover
{background-color: #000 ;
background-border:#000;
}

input.PICFormCheckbox[type="checkbox"]
{
border-radius: 0.25em;
    height: 24px;
    width: 24px;
    margin-right: 10px;
    background-color: #FFF;
    border-color: rgb(1, 53, 146);
    flex-shrink: 0;
}

input.PICFormCheckboxNoWrap[type="checkbox"]
{
border-radius: 0.25em;
    height: 24px;
    width: 24px;
    margin-right: 10px;
    background-color: #FFF;
    border-color: rgb(1, 53, 146);
    flex-shrink: 0;
}
input.PICFormCheckboxNoWrap:checked[type=checkbox]{
    background-color: rgb(1, 53, 146);
}

input.PICFormCheckbox:checked[type=checkbox]{
    background-color: rgb(1, 53, 146);
}

/*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;
    }

.FormHeaderBackgroundDarkBlue
{
    background-color: #013592;
    color: white;
    font-weight: bold;
    padding: 10px;

   
    }

/* 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; */
}

.form-label.requiredStar:before {
    content:" *";
    color: red;
    font-weight: bold ;
  }

.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_PIC
{
background-color: #fff;
}

.WN_FormStyle_MaxWidthForm
{
max-width: 800px;
}


.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;
}