body {
margin: auto;
background-color: #fff;
font-family: Tahoma;
}

.container {
padding-right:0px;
padding-left:0px;
}

.container-fluid .container .navbar-style {
background-color: #333333;
border: 0px;
}

.navbar-header {
height:50px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {
background-color: #97C93E;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #6ca508;
}

.navbar-default .navbar-toggle {
border-color: transparent;
}

.icon-bar {
background-image: url('../images/line.png');
background-repeat: no-repeat;
border: 1px solid #ffffff;
}


.navbar-default .navbar-nav {
background-color: #333333;
}

.smartfilter {
background-image: url('../images/smartfilter.png');
width:158px;
height:26px;
background-repeat: no-repeat;
}

.listxs {
margin-top:15px;
}
.containerFlex  {
    flex-direction: column;
}
.welcome {
color: #323232;
}

.welcome:hover {
color: #97C93E;
text-decoration: none;
}

.smartfilter {
background-image: url('../images/smartfilter.png');
width:158px;
height:26px;
background-repeat: no-repeat;
}

.account {
font-weight: bold;
color: #323232;

}

.account:hover {
font-weight: bold;
color: #323232;
text-decoration: underline;
}



/*ecrane xxs*/



@media (min-width: 50px) and (max-width: 400px) {

body {
margin:0px;
padding:0px;
}  

.img-responsive {
    min-width:auto !important;
}

.button_div {
    background-color: #97c93c;
    border: medium none;
    border-radius: 0;
    color: #ffffff;
    font-weight: bold;
    height: 33px !important;
    width: inherit;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    white-space: nowrap;
} 
.button_div:hover, 
.button_div:focus {
    background: #65960A;
}
.button_div .button_div_left {
    padding:0 15px 0 15px;
}
.button_div  .button_div_right {
    display: none !important;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color:#ffffff;
}    
 
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color:#97C93E;
}    
    
.row .titlelevel {
font-size: 20px;
color:#ffffff;    
background-color: #97C93E;
font-weight:normal;
line-height:20px; 
padding-left:25px;
width:100%;
padding-top:5px;
}    
    
.row .tabell .vertline {
width:100%;
border-bottom: 1px solid #cccccc;
height:1px;
}    
    
.row .tabell {
border: 0px;
}    
    
.row .tabell .div1 {
background-color: #616969;
width:100%;
padding-left: 5px;
border-radius:0px;
}
 
.row .tabell .div2 {
width:100%;
}    
    
.tabell .td2 {
width:100%;
padding-left:10px;
float:right;
overflow:hidden;
}  
    
.row .tabell .greenline {
width:100%;
border-radius: 0px;
margin-top:10px;
float:left;
}   
    
.row .tabell .div3 {
width:100%;
padding-left:25px;
} 
    
.row .tabell .div4 {
width:100%;
}        
    
}

/*ecrane xs*/

@media (min-width:401px) and (max-width: 790px) {

    .img-responsive {
    min-width:auto !important;
}
    
    .button_div_left {
    line-height: 16px;
}
.button_div {
    background-color: #97c93c;
    border: medium none;
    border-radius: 0;
    color: #ffffff;
    font-weight: bold;
    height: 30px !important;
    width: inherit;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    white-space: nowrap;
} 
.button_div:hover, 
.button_div:focus {
    background: #65960A;
}
.button_div .button_div_left {
    padding:0 15px 0 15px;
}
.button_div  .button_div_right {
    display: none !important;
}
    
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color:#ffffff;
}    
 
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color:#97C93E;
}
    
.row .titlelevel {
font-size: 20px;
color:#ffffff;    
background-color: #97C93E;
font-weight:normal;
line-height:20px;
font-size: 16px;
padding-left:25px;
width:100%;
padding-top:5px;
} 
    
    
.row .tabell  .list1 {
padding-left:15px;
}    
    
.row .tabell {
border: 0px;
}    
    
.tabell .div1 {
background-color: #616969;
width:50%;
padding-left:10px;
height: 260px;
border-radius: 0px;
}
  
.tabell .td2 {
width:50%;
padding-left:20px;

}     

.row .tabell {
border:0px;
}  
 
.row .tabell .greenline {
width:100%;
margin-top:5px;
border-radius:0px;
} 
    
.row .tabell .div3 {
width:50%;
float:left;
overflow: hidden;
padding-left:20px;
} 
    
.row .tabell .div4 {
width:50%;
float:right;
overflow:hidden;
padding-left:20px;
} 
    
.row .tabell .vertline {
 display:none;
} 
 
.container .row .navbar-form .btn {
margin-top:15px;
}    
}

@media (min-width:50px) and (max-width: 1200px) {
.footer .container .row .copyxs {
float:right;
color: red;
overflow:none;
} 
    
.footer .container .row .footerlist a {
line-height:40px;
color: #ffffff;
}     
}




/*ecrane medii*/

@media (min-width:751px) and (max-width: 1400px) {
    
.tabell .div1 {
background-color: #616969;
width:50%;
padding-left:20px;
float:left;
overflow: hidden;
}
  
.tabell .td2 {
width:50%;
padding-left:20px;
float:right;
overflow:hidden;
}    
}


/*ecrane mici*/


@media screen and (max-width: 767px) {
    
    
.myacos {
font-weight: bold;
color: #323232;
text-align:center;
padding-top:15px;
}
.welsmfil {
padding-top:7px;
text-align:center;
padding-top:15px;
}
 
.listmenu {
margin:auto;
line-height:30px;
text-align:center;
}    
    
.myfidel {
text-align:center;
} 

.list1 {
width:100%;
text-align:left;
}    
    
.navbar-form .form-control {
width:100%;
text-align:center;
height:50px;
background-color:#f1f7df;
border: 1px solid #97c93c;
border-radius: 0px;

}     
    

    
.footer {
background-color: #10131a;
height: 100%;
margin:auto;
}
    
.copy {
color:#ffffff;
opacity: 0.5;
padding-right:15px;    
} 
 
.footerlist {
color: #ffffff;
padding-left:15px;
padding-right:15px;    
}     
    
.footerlist a {
color: #ffffff;
padding-left:15px;
padding-right:15px;
    
}     
} 

.modal-transparent {
  background-color: transparent;
  padding-top:63px;  
     
      
}
.modal-transparent .modal-content {
  background: transparent;
}
.modal-backdrop.modal-backdrop-transparent {
  background: transparent;
}
.modal-backdrop.modal-backdrop-transparent.in {
  opacity: .9;
  filter: alpha(opacity=90);     
}

.modal-dialog {
width: 100%;
background-color: transparent;  
}

.modal-content {
    box-shadow:none !important;
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
    border: 0px !important;
}



.modal-body {
padding: 0px;
border-radius: 100px;    
}

.modal-backdrop {
    background-color: transparent; 
}
   
**************