:root{
    --brand-color: #003c61;
    --brand-offWhite: #ececec;
    --brand-offBrand:#005C94;
}



html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.wrapper {
    min-height: 65%;
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1;
    margin-right: auto;
    margin-left: auto;

}


.table-wrapper{
        margin: 10px 0 50px;
        box-shadow: 0px 35px 50px rgba( 0, 0, 0, 0.2 );
        border: 1px solid #999;
        
    }



.iconCard {
  display: block;
  margin-left: auto;
  margin-right: auto;
}



/************************ERIKS gamla CSS ****************/


body {
 
    font-family: 'ABeeZee', sans-serif;
    
    
}

.Pcontainer

{
    
    position: relative;
  text-align: center;
  color: #423b2a;
}

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

.center

{
    
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

.listInfoColumn h3
{
    
    font-weight:500;

    
}
.oShortDesc h3
{
    
    font-weight:700;

    
}


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

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

.grayButton:hover {
    color: #3fbf5f;
    background-color: #599b6f !important;
}

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


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


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

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

font-family: 'ABeeZee', serif !important;}


h2
{
    
margin-top:40px;
margin-bottom:20px !important;
border-bottom:0px solid #EEE !important;

font-family: 'ABeeZee', serif !important;}



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


.grayButton, .grayButton:hover
{
    
    
    
font-family: 'ABeeZee', sans-serif !important;
font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.2em;
    text-transform: none;
    font-size: 18px;
    color: #fff;
    background-color: #a8a6a1;
    border-color: #fff;
    padding: 1.2rem 2.004rem;
    border-radius:5px;
    text-decoration:none;
    display:inline-block;
}





#divDesktopMenu ul {
    float:right;
    font-family: 'ABeeZee', sans-serif !important;
    margin-top:10px;
    width:100%;
    margin-bottom: 0px;
    color:#ffffff !important;
}



#divDesktopMenu li {
    padding: 5px 15px 5px 0px;
    float:left;
    display:inline;
    list-style-type:none;
    margin-top:5px;
    color:var(--brad-offWhite);
}

#divDesktopMenu ul.smalMenu  li {
    padding:5px 5px 5px 5px;
    float:left;
    display:inline;
    list-style-type:none;
    margin-top:5px;
    margin-right:10px;
color:var(--brad-offWhite);
}



#divDesktopMenu li a {
    font-size:18px;

   
    text-decoration:none;

   color:var(--brad-offWhite);
    cursor:pointer;

    }
    
#divDesktopMenu li a:active {
  color:var(--brad-offWhite);
  background-color: none;
  text-decoration:none;
  
   } 
   
#divDesktopMenu li a:hover {
    font-size:18px;

     color:var(--brad-offWhite);
    text-decoration:none;


    cursor:pointer;

    }
    

    
    #divDesktopMenu li.mainMenuSelected a {

     color:var(--brad-offWhite) !important;


    cursor:pointer;

    }
    
    
    
    
  #divDesktopMenu ul.smalMenu li a {
    font-size:14px;
color:var(--brad-offWhite);


    }  
    
       
  #divDesktopMenu ul.smalMenu li a:hover {
    font-size:14px;

      color:var(--brad-offWhite) !important;
    text-decoration:none;


    cursor:pointer;

    }  
    
  #divDesktopMenu ul.smalMenu {
   margin-top:0;
margin-bottom: 20px;
    }  
    
    
#divDesktopMenu li:hover
{

    color:var(--brad-offWhite) !important;

}

#divMobileMenu ul {
   
    margin-top:10px;
    width:100%;
font-family: 'ABeeZee', sans-serif !important;
}

#divMobileMenu li {
    padding:10px 10px 5px 10px;
   
    list-style-type:none;
    margin-top:5px;
  color:#ffffff;
}



#divMobileMenu li a {
    font-size:18px;
 
 color:var(--brad-offWhite) ;
    text-decoration:none;



    cursor:pointer;

    }
    

    
    
    
#divMobileMenu li a:Hover {
    font-size:18px;
 
    color:var(--brad-offWhite);
    text-decoration:none;



    cursor:pointer;

    }
#divMobileMenu li:hover
{
    color:var(--brad-offWhite);
    

}
#divMobileMenu li:active
{
    color:var(--brad-offWhite);
    

}
     


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

}

.navbar-brand {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
   
}
/********************************************************************/
/********************LOGIN delen -start***************************************/
.login-colorgraph{
    background-color:#000 !important;
}
.colorLoginBox {
    color: var(--brand-offWhite) !IMPORTANT;
}
.btn-warning{
    background-color: var(--brand-offBrand) !IMPORTANT;
    border-color: black !IMPORTANT;
    box-shadow: 2px 1px 1px #888888;

}

.btn-info{
    background-color: var(--brand-offBrand) !IMPORTANT;
    border-color: black !IMPORTANT;
    box-shadow: 2px 1px 1px #888888;

}

.loginMenu > div:nth-of-type(2) >a.btn-info:first-of-type {
    background-color: var(--brand-offBrand) !IMPORTANT;
    border-color: black !IMPORTANT;
    box-shadow: 2px 1px 1px #888888;

}
/********************LOGIN delen -slut***************************************/

.navbar-toggle{
     background-color: var(--brand-offWhite);
}


.navbar, .footerSection{
    background-color: var(--brand-color);
}


a, .material-icons{
    color:#428bca;
}

#divBodyContent{
    flex:1;
}

footer{
    
    margin-top:auto;
    width:100vw;
    
}
.footerContent  a{
    color:white;
}

#hittaHit h1{
    color:white !important;
}