body {/*background:url('../../../catalog/view/theme/hopla/images/back-9.png') repeat;*/
	background:#fff;}


.logo {
    background:url(../../../catalog/view/theme/hopla/images/logo.png) 10px 0 no-repeat;
    background-size:141px 35px;
    -webkit-background-size:141px 35px;
    -moz-background-size:141px 35px;
    }


@media only screen and (-webkit-device-pixel-ratio: 2){
.logo { 
    background:url(../../../catalog/view/theme/hopla/images/logo_retina.png) 10px 0 no-repeat; 
    background-size:141px 35px;
    -webkit-background-size:141px 35px;
    -moz-background-size:141px 35px;
    }
}

.dropdown-menu-customwidth {
min-width:160px !important;
}

.colorback {
    background-color: #006899;
    color:#FFF;
}
.colorback:hover {
    background-color: #006899;
    color:#FFF;
}
.colorfront {
    color:#22b699;
    }
.colorbackwhite {
    background-color: #FFF;
    color:#006899;
    }
.colorwhite {
    color:#FFF;
    }  
.triangle {
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent #006899 transparent transparent;
    }   
.button {
    background-color: #006899;
    color:#FFF;
    }    
.warning {
    margin:20px 0px;}
input:focus {
  border-color: rgba(34, 182, 153, 0.5) !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(34, 182, 153, 0.4) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(34, 182, 153, 0.4) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(34, 182, 153, 0.4) !important;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}