/* 

Theme Name: listomder-extension
my-theme Version: 1.0.0 
Template:  listdomer

*/ 


body {
    background-color: lightblue !important;
   
        background-image: url('https://findcouplestherapistnearme.com/wp-content/uploads/2025/09/LightBlueBackgroundGradient-scaled.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
   background-position: center;
  background-attachment: fixed;

}

#page, #primary{
    background-image: url('https://findcouplestherapistnearme.com/wp-content/uploads/2025/09/LightBlueBackgroundGradient-scaled.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
   background-position: center;
  background-attachment: fixed;
}


body{
    height: 100vh !important;
  width: 100vw !important;
  
}

#ListSearchBox{
    border-radius:20px !important;
}

#page{
    height: 100vh;
}

.site-header.site-header-type1, .site-header.site-header-type3{

    height: 85px !important;
}

#masthead{
    padding-left:10%;
    padding-right:10%;
    padding-top:3px !important;
    padding-bottom:0px !important;
}

#UserLoginBtn, #UserLogoutBtn, .ThemeBtnStyles{
    font-family: Proxima Nova, Open Sans, Helvetica Neue, Arial, sans-serif !important;
      font-weight: bold !important;
    padding: 10px !important;
    border-radius: 5px !important;
    border: none !important;
    color: white !important;
    font-size: 15px !important;
    background-image: linear-gradient(90deg, #33C6FF 0%, #306BE6 100%);
}


#SignUpAndGetListBtn{
    font-family: Proxima Nova, Open Sans, Helvetica Neue, Arial, sans-serif !important;
    font-weight: bold !important;
    padding: 10px !important;
    border-radius: 5px !important;
    border: none !important;
    color: white !important;
    font-size: 15px !important;
    background-image: linear-gradient(90deg, #33C6FF 0%, #306BE6 100%);
    width:200px !important;
}

#UserAddListBtn{
    width:150px !important;
}

#listdomer-responsive-sidebar-menu{
     background-image: linear-gradient(90deg, #33C6FF 0%, #306BE6 100%);
    display: none !important;
    border-radius: 5px !important
}

#listdomer-responsive-sidebar-menu span{
     background-image: linear-gradient(90deg, #33C6FF 0%, #306BE6 100%);
     border: none !important;
     color: white !important;
     border-radius: 5px !important

}

#listdomer-responsive-sidebar-menu span:hover{
    background-image: linear-gradient(#096BAD, #065E8E) !important;
    cursor: pointer;
   
}

.menu-main-menu-container{
    display: none !important;
}

@media only screen and (max-width: 666px) {
    
    #listdomer-responsive-sidebar-menu{
    display: block !important;
   }
   
   .menu-main-menu-container{
       padding-top: 25px !important;
       text-align: center !important;
    display: block !important;
}
   
   #SignUpAndGetListBtn, #UserAddListBtn{
       display: none !important;
   }
   
   #TherapistTitleAboveSignUp{
       display: none !important;
   }

   #MenuBtn, #UserProfileBtn{
   display: none;    
}
   

}

   #MobAddListLink{
    display: none !important;
}

.mobNavLink{
    display: block !important;
    color: white !important;
}

.mobNavLink:hover {
    color: turquoise !important;
}


#UserLoginBtn:hover, #UserLogoutBtn:hover{
   background-image: linear-gradient(#096BAD, #065E8E) !important;
    cursor: pointer;
  
}

.ThemeBtnStyles:hover{
    background-image: linear-gradient(#096BAD, #065E8E) !important;
    cursor: pointer;
   
}


@media only screen and (max-width: 1000px) {
    #masthead{
    padding-left:5%;
    padding-right:5%;
}
}

@media only screen and (max-width: 600px) {
    #masthead{
    padding-left:10px;
    padding-right:10px;
   }
}

.select2-search{
    display: none;
}


.elementor-1094{
    padding: 0px !important;
    margin:0px !important;
}

/* Search Box Styles */



input, select {
    background-color: none;
}

input:focus{
    outline: none !important;
}


    .select2-selection__clear{
        display: none !important;
    }
    
    
    .select2-selection__arrow{
        position: relative !important;
        top: -7.5px !important;
      
    }

/* Search Box Styles */

  .elementor-1094 .elementor-element.elementor-element-0ccb5c4{
      max-width:700px !important;
  }


@media only screen and (max-width: 578.99px) {
    
.elementor-1094 .elementor-element.elementor-element-0ccb5c4  {
              top: 20px !important;
              left:0px !important;
       }
       
       .elementor-1094 .elementor-element.elementor-element-0ccb5c4 {
      
        width:350px !important;
        transition: width 1s !important;
        
 
    }
    

}

#menu-item-2090 > a, #menu-item-2459 > a {
    color: white !important;
    font-size: 20px;
    font-family: "Proxima Nova Bold", Arial, sans-serif;
}


.site-description{
     font-family: "Proxima Nova Bold", Arial, sans-serif;
     font-size: 25px;
     display: none !important;
}

.site-header, #masthead{
background: #7bcedb;
background: linear-gradient(90deg,rgba(123, 206, 219, 1) 0%, rgba(93, 172, 186, 1) 33%, rgba(154, 227, 223, 1) 69%, rgba(121, 237, 237, 1) 100%);
border-bottom: 1px olivedrab solid !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); 
}

#site-navigation{
    background-color: transparent;
}

@media only screen and (max-width: 666.99px) {
 #site-navigation{
   background: #7bcedb;
background: linear-gradient(90deg,rgba(123, 206, 219, 1) 0%, rgba(93, 172, 186, 1) 33%, rgba(154, 227, 223, 1) 69%, rgba(121, 237, 237, 1) 100%); background-color: transparent;
}
}



.site-header .site-branding{
    background: none !important;
}


/* Start Nav Dropwdown Styles  */


.MTop15{
    margin-top:15px;
}

.MainDropContentLinkGrid{
    display: grid;
    grid-template-columns: auto auto;
}

.MRight15{
    margin-right: 15px;
}

.roundCorn5{
    border-radius: 5px;
}

.boxAnimate {
 transform: translateX(0); 
}

@keyframes NavDropAnime {
    
  from {
      opacity: 0;
      background-color: white;
      border: 1px yellow solid;
  }
  to {
      background-color: beige;
      opacity: 1;
      border: 1px black solid;
  }
  
}

/* End Nav Dropdown Styles */

/* Footer Styles */

  #block-11{
      width: 500px !important;
  }
  

 .site-footer-2{
     width: 300px !important;
     margin-right:85px !important;
     margin-left:350px;
}

.FootColum1Prop{
    color: white !important;
    margin-bottom:5px !important;
    font-family: Proxima Nova, Open Sans, Helvetica Neue, Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 25px !important;
} 

@media screen and (min-width: 767.6px) and (max-width: 1200px) {
    .site-footer-2 {
        margin-left: 200px !important;
   }
}


@media only screen and (max-width: 767.5px) {
   
   
    .site-footer-2 {
        margin-left: 10px !important;
        margin-top:25px !important;
   }
   
   footer .container {
       padding-left: 5% !important;
   }
   
   .FootColum1Prop{
       font-size: 20px !important;
   }
   
    #block-11{
      width: 100% !important;
  }
   
 
}


.site-footer-2 a:hover {
    color: turquoise !important;
   }

.site-footer-4{
  margin-left:15px !important;
}

.site-footer a{
 font-size: 20px !important;
}

#site-subfooter-navigation{
 display: none !important;
}

    .site-footer .site-main-footer> div.row > div{
        margin-bottom: 0px !important;
    }



@media only screen and (max-width:765px) {
      .site-footer-4, #GetHelpFootP{
        margin-left: 0px !important;
    }
}

.site-branding {
    background:none !important;
}

#primary-menu{
  display: none !important;

}

.site-description{
  display: none !important;
}

.site-footer {
    background-color: #3ba8ad !important;
}


.foot-above{
    
   width: 45% !important;
   margin-left:auto !important;
   margin-right:auto !important;
}

#FootAboveContainer{
    padding-left:30% !important;
    padding-top: 25px;
    padding-bottom: 25px;
  
}

#SocialLinkContainer{
    margin-top:5px;
    display: grid;
    grid-template-columns: 30px 30px 30px 30px;
    column-gap: 2px;
}

#FootAboveBox{
     display: grid;
    grid-template-columns: 250px 300px;
    column-gap: 10px;
}

.listdomer-contact-widget-social {
    display: none !important;
}

#SocialLinkContainer i{
    color: white !important;
    background-color: #4CC2F0 !important;
    padding:5px;
    border-radius: 10px;
}


@media only screen and (max-width: 1000px) {
        #FootAboveContainer{
        padding-left:10% !important;
      
    }
}

@media only screen and (max-width: 500px) {
        #FootAboveContainer{
        padding-left:5% !important;
      
    }
}

#FootSignUpList{
    border-radius: 5px;
    border: none !important;
    padding:10px;
    color: white;
background-image: linear-gradient(90deg, #33C6FF 0%, #306BE6 100%);
font-weight: bold !important;
          font-family: Proxima Nova, Open Sans, Helvetica Neue, Arial, sans-serif !important;
  }


#FootSignUpList:hover{
      background-image: linear-gradient(#096BAD, #065E8E);
      font-family: Proxima Nova, Open Sans, Helvetica Neue, Arial, sans-serif !important;
      font-weight: bold !important;
      border: 1px turquoise solid;

}

#GetHelpFootP{
        font-family: Proxima Nova, Open Sans, Helvetica Neue, Arial, sans-serif !important;

}

#site-subfooter-navigation{
    display: none !important;
}

.selection{
    margin-left:5px !important;
}

.lsd-skin-left-bar-wrapper{
    display: none !important;
}

#lsd_search_desktop_87_listdom-category{
  padding-left: 5px !important;   
}

.select2-selection{
    padding-left: 15px !important;
}

.select2-selection__placeholder{
  margin-left: 5px !important;
}

.listdomer-header{
    display: none !important;
}

/* Sign Up Page Styles */

#SUJoinNowLinkBox{
    margin-top:10px;
    background: #477be3 !important;
    width:150px;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    border:1px navy solid;
}

#SUJoinNowLinkBox:hover {
    background: #326DCC !important;
    cursor: pointer !important;
    border:1px turquoise solid;
}

#SUJoinNowLinkBox a{
    color: white !important;
}

#SignUpBannerImg{
   
 height:500px !important;
 width: 75% !important;
 margin-left: auto;
 margin-right:auto;
padding-top:25px;

}

#SignUpBannerImg img{
    border-radius:10px;
    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
}

#SignUpBannerImgBox {
    background: #F2EDE7 !important;
}

#SignUpBannerHead{
    margin:0px !important;
    font-weight: bold !important;
    font-size:18px !important;
    color: white !important;
}

#SingUpBtnBox{
     width:300px !important;
    padding-left:10px !important;
     padding-right:10px !important;
     padding-bottom:10px !important;
    border-radius: 15px !important;
    background: #477be3 !important;
    text-align: center;
    padding-top:10px !important;
    border:1px navy solid;
    
}

#SingUpBtnBox:hover {
    background: #326DCC !important;
    cursor: pointer !important;
    border:1px turquoise solid;
}

#SingUpHeaderBox{
    
    width:500px;
     position: absolute;
     top:600px;
     left:300px;
   
}

#SignUpProposeHead{
    font-weight: bold;
    font-size:30px;
    color: white;
}

#SUUnderBannerBox{
    display: flex !important;
    justify-content: center;
    padding:35px;
  
}

#SearchListBannerBox img{
    border-radius: 10px !important;
    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
}

#SUUnderDetails{
    width:600px;
}

#SignUpTeamProsBox{
   width: 300px;
   
}

#SUUnderBannerBox{
 background: #F2EDE7 !important;    
}

@media only screen and (max-width: 1500px) {
        #SignUpBannerImg{
       
     height:500px !important;
     width: 90% !important;
     margin-left: auto;
     margin-right:auto;
    
    }
}

@media only screen and (min-width: 1800.99px) {
    #SingUpHeaderBox{
    width:500px !important;
     position: absolute;
    top:200px;
    left:500px;
   
}
}

@media only screen and (max-width: 1800px) {
    #SingUpHeaderBox{
    width:500px !important;
     position: absolute;
    top:400px;
    left:300px;
   
}
}

@media only screen and (max-width: 1000px) {
    #SingUpHeaderBox{
    width:500px !important;
     position: absolute;
    top:200px;
    left:100px;
   
}

 #SignUpBannerImg{
       
     height:300px !important;
     width: 90% !important;
     margin-left: auto;
     margin-right:auto;
    
    }

}

#TherapistTitleAboveSignUp{
    background-color: white !important
}

@media only screen and (max-width: 650px) {
    
    #SingUpHeaderBox{
    width: 85% !important;
    position: absolute;
    top:150px;
    left:10px;
    }
     #SignUpProposeHead{
   font-size:25px;
}

#SignUpBannerImg{
       
     height:200px !important;
     width: 90% !important;
     margin-left: auto;
     margin-right:auto;
    
    }
   
}


@media only screen and (max-width: 600px) {
    
    
    #SUUnderBannerBox{
        display: grid !important;
        grid-template-columns: auto;
  
     }

    #SUUnderDetails{
        width:90%;
    }
   
}

#SUUnderFasterHead{
    font-size:25px;
    font-weight: bold;
}


.elementor-element-fea557a{
    display: none !important;
}

/* Header Styles */

#TopeLeftTitleBox{
    width:600px;
}

@media only screen and (max-width: 1050px) {
        #TopeLeftTitleBox{
        width:400px;
    }
}

@media only screen and (max-width: 600px) {
        #TopeLeftTitleBox{
        width:300px;
    }
}

@media only screen and (max-width: 500px) {
        #TopeLeftTitleBox{
        width:200px;
    }
}


#BottomLeftTitleBox{
    width: 200px;
    margin-bottom:15px;
}

 #SUMemberBenefitsBox {
     width: 50%;
     margin-left:auto;
     margin-right:auto;
     display: grid;
	 grid-template-columns: auto auto auto;
	 column-gap: 40px;
	 margin-bottom: 25px;
 }
 
 #SUMemberBenefitsBox li {
   list-style-type: none;
   display: flex;
   margin-top:25px;
 }
 
 #SUMemberBensHead, #SUMemberBensDescr{
     text-align:center;
 }
 
 #SUMemberBensDescr{
     margin-bottom: 25px;
 }
 
  #SUMemberBensHead{
      margin-top:25px;
      font-weight: bold;
      font-size:30px;
      margin-bottom:25px;
  }
  
  @media only screen and (max-width: 1800px) {
       #SUMemberBenefitsBox {
         width: 70%;
   
      }
  }
  
    @media only screen and (max-width: 1000px) {
       #SUMemberBenefitsBox {
     width: 85%;
   
       }
  }
  
    @media only screen and (max-width: 700px) {
        
       #SUMemberBenefitsBox {
      display: grid;
	  grid-template-columns: auto;
	 
 }
 
     #SUMemberBenefitsBox li{
          margin-top:25px;
      }
      
  }
  
  #SUMemberBenefitsBox img{
      width:50px;
      height:50px;
  }
  
  .site-branding {
      margin: 0px !important;
      padding: 0px !important
  }
  

.page-template-default .site {
    background-color: transparent !important;
}

#post-2133, #post-2131, #post-3606{
    padding: 10px !important;
    border-radius: 10px !important;
    background-color: royalblue !important;
}

.site-main{
    padding: 10px !important;
    border-radius: 10px !important;
    background-color: lightblue !important;
}



.site-main{
    background-color: transparent !important;
} 

#wpforms-3506 label, #wpforms-3506-field_10-container legend, #wpforms-3506-field_11-description, #wpforms-3506-field_13-container legend{
    color: white !important;
}

#wpforms-3506-field_3-container legend, #wpforms-3506-field_3-description{
    color: white !important;
}

.wpforms-page-indicator-steps{
  display: none !important;
}

.wpforms-page-indicator{
    overflow: visible !important;
}

.wpforms-page-indicator-page-progress{
    background-color: tan !important;
}

#SingUpBtnBox a, #SingUpBtnBox a:hover, #UserLoginBtn a, #UserLoginBtn a:hover{
    color: white !important;
}

 #UserLoginBtn a{
     font-size: 15px !important;
 }
 
 #wpforms-3557-field_1-container label, #wpforms-3557-field_2-container label, #wpforms-3557-field_3 label {
     color: white !important;
 }
 
 #post-2133 p{
     color: white !important;
 }
 #post-2133 a{
     color: salmon !important;
 }
 
 #post-2133 a:hover{
     color: red !important;
 }
 
 .DBMessage{
     color: blue;
 }
 
 #ListSearchBtn{
     padding: 5px !important;
     border: none;
     color: white;
     margin-left:5px;
 }
 
 #ListSearchBox{
     border-radius: 5px;
     border: none;
     width:500px;
     padding: 5px;
 }
 
 #RegisterPaymentPromoBox p{
     color: white !important
 }
 
 .p-FieldLabel {
     color: white !important;
 }
 
div.wpforms-container-full .wpforms-field-payment-single .wpforms-single-item-price{
     color: white !important;
 }
 
 .Label {
     color: white !important;
 }

    #wpforms-3506-field_17-container > fieldset > legend{
        color: white !important;
    }
    
   #RegisterSelectCityBox select{
    width: 250px !important;
    margin-top:-25px;
}

#registerSelectCredsBox .select2-container, 
#RegisterSelectMentalRoleBox .select2-container {
 width: 70% !important;
}

#RegisterSelectCityBox label, 
#registerSelectCredsBox label, 
#RegisterSelectMentalRoleBox label {
  display: none;
}

#RegisterSelectCityBox p, 
#registerSelectCredsBox p,
#RegisterSelectMentalRoleBox p{
    font-size: 15px;
    font-weight: bold;
    margin: 0px !important;
    color: white;
}

#ListSearchBox{
    border:1px gray solid !important;
}

.elementor-1094 .elementor-element.elementor-element-0ccb5c4 > .elementor-widget-container{
    background: transparent !important;
}

#MenuDropdown{
    border-top:2px  navy solid;
    border-bottom:2px  navy solid;
    border-left: 5px royalblue solid;
    border-right: 5px blue solid;
    padding: 15px;
    border-radius: 10px;
    background-color: lightblue;
    position:absolute;
    display: none;
      box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5); 

}

.FCTArtBox{
    background-color:white;
    padding: 50px;
    border-radius:10px;
    border-top:10px royalblue solid;
    border-left:2px royalblue solid;
    border-right:2px royalblue solid;
    border-bottom:2px royalblue solid;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5); 
}

.AuthorBylineBox{
    
}

.AuthorByline{
    color:blue;
    font-weight: bold;
}

.FCTMediaSnippetBox{
  background-color: white !important;
  border-radius: 10px;
  
}

[data-id="52a8a0d"]{
  display: none !important;
}

#wpforms-form-3588 label{
  color: white !important;
}

.InfoFeedbackBox{
  background-color:lightblue;
  border-radius:8px;
  border-left:5px blue solid;
  padding:10px;
  border-top: 1px blue solid;
  border-right:1px blue solid;
  border-bottom:1px blue solid;
  margin-top:5px;
}

.InfoFeedbackBox p{
  color: blue;
}

#HomeTableSearchBox{
 width:500px !important;
}

#ListSearchBox{
width:100%;
  margin-top:5px;
  background-color:white;
}

.FindTherapistHeader{
  
  background-color:#60c8d4;
  margin:0px;
  padding:5px;
  border-radius: 10px 10px 0 0;
  border:1px navy solid;
  
}

.FindTherapistHeader h5{
 color:royalblue;
  font-weight:bold;
  font-size:20px !important;
  margin:0px;
}

.FiltersDropBar{
  background-color:#B1C3C9;
  padding:10px;
  border:1px gray solid;
  border-radius: 0 0  10px 10px;
}

.FiltersDropBar p{
 color:royalblue;
  margin-left:5px;
  font-weight:bold;
  border-radius: 0 0  10px 10px; 
  background: #acdee6;
  background: #91dae6;
  background: linear-gradient(90deg,rgba(145, 218, 230, 1) 0%, rgba(217, 219, 252, 1) 33%, rgba(191, 192, 242, 1) 69%, rgba(186, 245, 245, 1) 100%);
  padding:10px;
  border:1px black solid;
}

.InfoFeedbackBox p{
  color: blue;
}

#FiltersDropBar
{
    background-color:#B1C3C9;
    padding:10px;
    border:1px gray solid;
    border-radius: 0 0  10px 10px;
}

#FiltersDropBar p
{
    color:royalblue;
    margin-left:5px;
    font-weight:bold;
    border-radius: 0 0  10px 10px; 
    background: #acdee6;
    background: #91dae6;
    background: linear-gradient(90deg,rgba(145, 218, 230, 1) 0%, rgba(217, 219, 252, 1) 33%, rgba(191, 192, 242, 1) 69%, rgba(186, 245, 245, 1) 100%);
    padding:10px;
    border:1px black solid;
}

#TableSearchBox
{
    background-color:#CFE0F9;
}

#ListSearchBox
{
    width:100%;
    margin-top:5px;
    background-color:white;
}

.listingEntry{
    margin-bottom:2px;
    background-color:#B1C3C9;
    padding:15px;
    border-radius:5px;
    margin-top:15px;
    border:1px gray solid;
}

.listingEntry h5 {
    font-size:15px !important;
    margin-bottom:0px;
    margin-top:5px;
    font-weight:bold;
    background-color:white;
    padding:5px;
    border-bottom:1px black solid;
} 

.listingEntry p {
    background-color:#DAE9F7;
    padding:5px;
    color:brown;
}

.TherapistListingSnippetHeader{
    background-color:lightblue;padding:10px;border:1px navy dotted
}

.TherapistListingSnippetHeader h2{
    font-size:25px !important;
    margin:0px;
    font-weight:bold;
}


.DisplayListSectionH2 {
    padding-left:5px; 
    font-size:25px !important;
    margin-bottom:0px;
    margin-top:5px;
    font-weight:bold;
    background-color: lightblue !important;
    color: black; 
    padding-top:10px; 
    padding-bottom:10px; 
    border: 1px gray dotted;
}

.DisplayListWorkHoursSectionH2 {
    padding-left:5px; 
    font-size:18px !important;
    margin-bottom:0px;
    margin-top:5px;
    font-weight:bold;
    background-color: lightblue !important;
    color: black; 
    padding-top:5px; 
    padding-bottom:5px; 
    border: 1px gray dotted;
}

#ViewListOutput h5 {
    font-size:15px !important;
    margin-bottom:0px;
    margin-top:5px;
    font-weight:bold;
    background-color:white;
    padding:5px;
    border-bottom:1px black solid;
}
    
    #ViewListOutput p {
        background-color:#DAE9F7;
        padding:5px;
        color:brown;
    }

    #ViewListOutput{
        background-color:#B1C3C9;
        padding:15px;
        margin-top:15px;
        border-radius:10px;
        border:1px gray solid;
        font-family: "Poppins", Arial, monospace;
       font-weight: lighter;
    }

 #ViewListOutput li {
    list-style-type: none;
}
 
 #ViewListOutput ul{
    margin:0px;
    padding:0px;
}

 @media only screen and (min-width: 1001px) {
								.TwoColGrid {display:grid;grid-template-columns:50% 50%;}
			            .FourColGrid {display:grid;grid-template-columns:auto auto auto auto;}
			            .ThreeColGrid {display:grid;grid-template-columns:33.33% 33.33% 33.33%;};
						    }

						@media only screen and (max-width: 1000.99px) {
								.TwoColGrid, .FourColGrid, .ThreeColGrid {
                                    display:grid;
                                    grid-template-columns:auto !important;
                                    margin:0px;
                                }
								.marginleftfive {
                                    margin-left:0px;
                                }
						    }

                            .Out4x4GridOverflow{
                                background-color:#DAE9F7;
                                height:150px;
                                overflow: scroll;
                            }


.FiltersDropBar:hover{
 cursor: pointer;
}

#TherapistTitleAboveSignUp{
font-size:15px;
  font-weight:bold;
  color:royalblue;
  background-color:white;
  font-style:italic;
  text-align:center;
}

.ListingEntrySelector{
  margin-top:5px;
}


.EditProfileIcon{
  
  background-color:#F8F8F8;
  border:1px gray solid;
  border-radius:5px;
  padding:5px;
  margin-left:15px;
  
}

.EditProfileIcon:hover{
   cursor: pointer;
   background-color:#EAF1FF;
}

#EditProfilePopup, #EditSuffixPopup, #EditMentalRolePopup{
  margin-top:5px;
  border: 1px blue solid;
  padding: 15px;
  border-radius: 5px;
  background-color: aliceblue;
  display: none;
}

#EditProfilePopup h5, #EditSuffixPopup h5, #EditMentalRolePopup h5{
  font-weight: bold; 
  border-bottom: 1px transparent solid;
  background-color: transparent;
}

#EditProfilePopup input, #EditSuffixPopup input , #EditMentalRolePopup input{
  border: 1px gray solid !important;
}

#EditSuffixPopup input, #EditMentalRolePopup input{
  width: 100% !important;
  padding: 10px !important;
  border-radius: 15px !important;
}

#EditProfilePopup button, #EditSuffixPopup button, #EditMentalRolePopup button{
  margin-top: 5px;
}