#header{
    background: #2a2f27 url('/bundles/trismaxsystem/images/header3.jpg') top center no-repeat;
    background-size: cover;
}

.join_toogle {background:#eee; padding:30px;}
@media (min-width:768px) {
    .join_toogle {
        position: relative;
        z-index: 1;
    }
}
.join_toogle:before {
    position: absolute;
    margin-top:-40px;
    left: 50%;
    content: '';
    background: #eee;
    z-index: 1;
    height: 20px;
    width: 20px;
    -moz-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
}             
strong{ font-weight: bold;}
.tabs li {
    float: left;
    width: 20%;
}
@media(max-width:768px) {
    .tabs li{
        width: 100%;
    }
}
.tabs a {
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #888;
    padding: 20px 0;
    border-bottom: 2px solid #888;
    background: #f7f7f7;
}
.tabs a:not(.disabled):hover {
    background: rgba(0,0,0,.1);
}
.tabs a.active {
    background: #2196F3;
    color:#fff;
}
.tabgroup {
    padding: 30px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    background-color: white;
    text-align: initial;
}
.profile_form:not(.loading) button.btn_blue:hover, .profile_form:not(.loading) input.btn_blue[type="button"]:hover {
    box-shadow: 0px 1px 3px #2196F3;
}
.profile_form:not(.loading) button.btn_gray:hover, .profile_form:not(.loading) input.btn_gray[type="button"]:hover {
    box-shadow: 0px 1px 3px #EEE;
}
table {
    border-collapse: collapse;
    width: 100%;
}
th {
    background-color: #eee;
    font-weight: bold;
}
th,
td {
    border: 1px solid rgb(228,228,228);
    line-height: 1.5;
    padding: 0.75em;
    text-align: left;
}

@media (max-width: 767px) {
    /* Hide column labels */
    thead tr {
        position: absolute;
        top: -9999em;
        left: -9999em;
    }
    tr {
        border: 1px solid rgb(228,228,228);
        border-bottom: 0;
    }
    /* Leave a space between table rows */
    tr + tr {
        margin-top: 1.5em;
    }
    /* Get table cells to act like rows */
    tr,
    td {
        display: block;
    }
    td {
        border: none;
        border-bottom: 1px solid rgb(228,228,228);
        /* Leave a space for data labels */
        padding-left: 50%;
    }
    /* Add data labels */
    td:before {
        content: attr(data-label);
        display: inline-block;
        font-weight: bold;
        line-height: 1.5;
        margin-left: -100%;
        width: 100%;
    }
}
/* Stack labels vertically on smaller screens */
@media (max-width: 20em) {
    td {
        padding-left: 0.75em;
    }
    td:before {
        display: block;
        margin-bottom: 0.75em;
        margin-left: 0;
    }
}
@media (max-width: 768px) {
    #WHSCContactList .btn_editContact, 
    #WHSCContactList .btn_deleteContact {
        white-space: nowrap;
    }
}
.section-primary {
    background-color: #337cbb !important;
    color: #ffffff;
}