/*MOLNLYCKE CUSTOM STYLES*/

body,h1,h2{font-family: "Arial", sans-serif}

body, html {height: 100%}

.mol-text {
    line-height: 1;
    font-family: "Arial", Arial, sans-serif;
}

.mol-link {
    line-height: 1;
    font-family: "Arial", Arial, sans-serif;
    letter-spacing: 0px;
    color: #147989;
    text-decoration: none;
}


.bgimg {
  min-height: 100%;
  background-position: center;
  background-size: cover;
}

.bgimg-login {background-image: url("../img/bg-login.jpg")}

.strip {
    max-height: 600px;
    background-position: top;
    background-size: cover;
}
.strip-home {
    background-image: url("../img/bg-home_new.jpg");
}

.mol-text-green {
    color: #14af28;
}

.mol-text-grey {
    color: #878686;
}

.mol-text-bluegrey {
    color: #006E7F;
}

.mol-green {
    background-color: #14af28;
    color: white;
}

.mol-btn-green {
    border: 1px solid #E0E0E0;
    padding: 8px;
    background-color: #14af28;
    color: white;
    border-radius: 3px;
    cursor:pointer;
}
.mol-btn-green:hover {
    background-color: #0f811e;
}

.mol-btn-orange{
    border: 1px solid #E0E0E0;
    padding: 8px;
    background-color: #D8850E;
    color: white;
    border-radius: 3px;
    cursor:pointer;
}
.mol-btn-orange:hover {
    background-color: #C37607;
}

.mol-btn-darkgreen {
    border: 1px solid #194f1f;
    padding: 8px;
    background-color: #24732e;
    color: white;
    border-radius: 3px;
    cursor:pointer;
}
.mol-btn-darkgreen:hover {
    background-color: #125419;
}

.mol-btn-bluegrey {
    border: 1px solid #005866;
    padding: 8px;
    background-color: #006E7F;
    color: white;
    border-radius: 3px;
    cursor:pointer;
}
.mol-btn-bluegrey:hover {
    background-color: #004b57;
}

.mol-btn-red {
    border: 1px solid #961515;
    padding: 8px;
    background-color: #d61e1e;
    color: white;
    border-radius: 3px;
    cursor:pointer;
}
.mol-btn-red:hover {
    background-color: #ab1818;
}


.mol-input {
    font-family: "Arial", Arial, sans-serif;
    border: 1px solid #E0E0E0;
    padding: 8px;
    border-radius: 3px;
    width:100%;
}
.mol-input:focus {
  outline: none;
  border: 1px solid #14af28;
  box-shadow: 0 0 1px 3px rgba(0, 180, 16, 0.4);
  transition: all 0.1s linear;
}

.mol-content {
    margin-left:auto;
    margin-right:auto;
    max-width:1200px;
}

.mol-body {
    background-color: #F7F9F7;
}

.mol-menu-item {
    font-family: "Helvetica", Arial, sans-serif;
    display: block;
    color: #55555a;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding:4px 0;
    margin: 0 16px 0 0;
    float:left;
    outline:0
}

.mol-menu-item:hover {
    border-bottom: 2px solid #14af28;
}

.mol-select{
    padding:9px 0;
    width:100%;
    border:none;
    color:#55555a;
    font-size: 14px;
}

.mol-select:focus{
    outline: none;
}

.mol-startpage-header
{
    font-family: Arial;
    color: #53565A;
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.mol-startpage-header
{
    font-family: Arial;
    color: #53565A;
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.mol-startpage-p
{
    font-family: Arial;
    color: #53565A;
    font-size: 16px;
    line-height: 20px;
}

.mol-footer {
    width: 100%;
    background-color: #ffffff;
    color: #B5B5B5;
}

.mol-footer-text {
    font-size: 11px;
    font-family: Arial;
}

.mol-footer-link {
    font-family: "Arial", Arial, sans-serif;
    letter-spacing: 0px;
    color: #14af28;
    text-decoration: none;
    font-size:14px;
}

.mol-hover-green:hover {
    background-color: #E8F1F1!important;
}

.mol-menu-box {
    width:100%; 
    /*height:170px; */
    background-color:white; 
    border:1px solid #E0E0E0;
    font-family: Arial;
    font-size: 14px;
    color: #55555a;
    padding: 20px;
}

.mol-menu-heading {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
}

.mol-list-box {
    width:100%;
    background-color:white; 
    border:1px solid #E0E0E0;
    font-family: Arial;
    font-size: 12px;
    color: #55555a;
    padding: 20px;
}

.mol-list-box2 {
    width:100%;
    background-color: #EBFFF0; 
    border:1px solid #E0E0E0;
    font-family: Arial;
    font-size: 12px;
    color: #55555a;
    padding: 20px;
}

.mol-title-box {
    width:100%;
    background-color: #14AE28; 
    border:1px solid #E0E0E0;
    font-family: Arial;
    font-size: 12px;
    color: #ffffff;
    padding: 4px;
    border-bottom:none;
}

.mol-title-box-red {
    width:100%;
    background-color: #FF0000; 
    border:1px solid #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    color: #ffffff;
    padding: 4px;
    border-bottom:none;
}