.colorborder
{
    
    
    border:1px solid green;
}





.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.Pcontainer

{
    
    position: relative;
  text-align: center;
  
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight:500;
  font-size:4vw;
}



.hLogo, .hLogo a
{
    
    
    font-size:35px;
    font-weight: 500;
    color:black;
   

    
}

                
.payLogoText
{
    
    margin-top:15px;
    color:white;
    padding:10px;
    border:2px solid #F7F7F7;
    border-radius:3px;
    text-align:center;
}
           
.colorLoginBox
{
    
        color:#000000 !important;
    
    
}

p
{
    
margin-top:5px !important;
margin-bottom:5px !important;


font-family: 'Open Sans', sans-serif !important;

}

h1
{
    
margin-top:20px !important;
margin-bottom:5px !important;
border-bottom:1px solid #EEE !important;

font-family: 'Open Sans', sans-serif !important;
    
}

 h4, h3
{
    
margin-top:0px !important;
margin-bottom:5px !important;
margin-top:20px !important;
border-bottom:0px solid #EEE !important;

font-family: 'Open Sans', sans-serif !important;
    
}
h2, h3{
    font-size:18px;
}

h2
{
    
margin-top:40px;
margin-bottom:10px !important;
border-bottom:1px solid #EEE !important;
font-family: 'Open Sans', sans-serif !important;
    
}

h2.noTopMargin
{
    
    margin-top:10px !important;
}


.iconHeader{
    font-size:20px !important;
     font-weight: 700;
}

.grayButton{
    background-color: #00784e !important;
}

.grayButton:hover {
    color: #000000;
    background-color: #000 !important;
   
}
.grayButton, .grayButton:hover
{
    
    
    
    font-family: 'Open Sans', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.2em;
    text-transform: none;
    font-size: 18px;
    border-color: #fff;
    border:3px solid #00784e;
    padding: 1.2rem 2.004rem;
    border-radius:5px;
    width: 140px;
    text-align: center;
    text-decoration:none;
    display:inline-block;
    
    
    
    color:#ffffff;
    margin-top:10px;
    margin-left:8px;
    background-color:#A9A9A9;
}








#divNavBarMenu {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.navbar-brand {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}


#divDesktopMenu  .menubuttons 
{
    padding-bottom:0px;
    margin-top:10px;
    text-align:center;
}


 .menubuttons a,   .menubuttons a:visited,  .menubuttons a:link
{

    
    font-family: 'Open Sans', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.2em;
    text-transform: none;
    
    text-decoration:none;
    color:#ffffff;
    display:inline-block;
    padding:10px;
    font-size:16px;
    border-radius: 5px;
    border:3px solid #00784e;
    margin-top:10px;
    margin-left:8px;
    background-color:#00784e;

}


.menubuttons a:hover
{
    
        
 background-color:#00784e;


}


 .menubuttons a.selected, .menubuttons a:link.selected, .menubuttons a:visited.selected
{
    
    
 background-color:#00784e !important;
 color:white;
 
}





#divDesktopMenu  .menubuttonsmini
{
   
    text-align:center;
}


#divDesktopMenu  .menubuttonsmini a, #divDesktopMenu  .menubuttonsmini a:visited,#divDesktopMenu  .menubuttonsmini a:link
{
    font-family: 'Open Sans', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.2em;
    
    text-transform: none;
    text-decoration:none;
    color:black;
    display:inline-block;
    padding:10px;
    font-size:14px;
    margin-top:10px;
    margin-left:8px;

}


#divDesktopMenu  .menubuttonsmini a:hover
{

 background-color:#EEE;
}


#divDesktopMenu  .menubuttonsmini a.selected
{

 color:#00784e;
 
}





#divMobileHeader  .menubuttonsmini
{
   

}




#divMobileMenu  .menubuttonsmini a, #divMobileMenu  .menubuttonsmini a:visited,#divMobileMenu  .menubuttonsmini a:link
{

    font-family: 'Open Sans', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.2em;
    text-transform: none;
    
    text-decoration:none;
    color:black;
    display:block;
    padding:5px;
    font-size:14px;
    margin-top:10px;
    margin-left:8px;
    text-align:center;
}



#divMobileMenu  .menubuttonsmini a:hover
{

 background-color:#EEE;
}


#divMobileMenu  .menubuttonsmini a.selected
{

 color:#00784e;
 
}






#divMobileMenu  .menubuttons 
{
    margin-top:20px;
}

#divMobileMenu  .menubuttons a, #divMobileMenu  .menubuttons a:visited,#divMobileMenu  .menubuttons a:link
{

    
    
    text-align:center;
    text-decoration:none;
    color:#ffffff;
    display:block;
    padding:10px;
    font-size:18px;
    border-radius: 5px;
    border:1px solid #00784e;
    margin-top:10px;
    margin-left:0px;

}


#divMobileMenu  .menubuttons a:hover
{
    
        
 background-color:#CCC;


}


#divMobileMenu  .menubuttons .selected
{
    
    
 background-color:#00784e;
 color:white;
 
}




   /* --------------------------------------------------------------------------
   LOGIN Styles
   -------------------------------------------------------------------------- */  
.loginMenu hr {
    background-color: #00784e !important;

}
.loginMenu div:has(strong) {
    color: #00784e;
}
.loginMenu strong {
    color: #00784e !important;
}

/* Ändra färgen på knappen "Admin" */
.loginMenu .btn-info:nth-child(1) {
    background-color: #00784e !important;
    border-color: #00784e !important;
        color:white;
}
.loginMenu .btn-info:nth-child(1):hover {
    background-color: #000 !important;
    border-color: #00784e !important;
        color:white;
}

/* Ändra färgen på knappen "Mitt konto" */
.loginMenu .btn-info:nth-child(2) {
    background-color: #00784e !important;
    border-color: #00784e !important;
        color:white;
}
.loginMenu .btn-info:nth-child(2):hover {
    background-color: #000 !important;
    border-color: #00784e !important;
        color:white;
}

/* Ändra färgen på knappen "Logga ut" */
.loginMenu .btn-warning {
    background-color: #00784e !important;
    border-color: #00784e !important;
        color:white;
}
.loginMenu .btn-warning:hover {
    background-color: #000 !important;
    border-color: #00784e !important;
        color:white;
}

/* --------------------------------------------------------------------------
   LOGIN Styles
   -------------------------------------------------------------------------- */