/* ----- TABS ----- */
.tabber-container {
    /*border: 1px solid #ccc;*/
}

.tabber-headers {
    display: flex;
    border-bottom: 1px solid gray;
}

.tabber-header {
    border-radius: 6px 6px 0 0;
    padding: 8px 12px;
    cursor: pointer;
    background: #002e5d;
    color: white;
    border: none;
    outline: none;
    /*margin: 0 .25em 0 0;*/
    margin: 0 .25em .5em 0;
}

.tabber-header:hover {
    color: white;
    background: #3fc896;
    box-shadow: 0 4px 12px rgba(75, 225, 171, 0.4);
}

.tabber-header.active {
    background: #4BE1AB;
    color: black;
    font-weight: bold;
    margin-bottom: 0;
}

.tabber-header.active:hover {
    color: white;
    background: #3fc896;
    box-shadow: 0 4px 12px rgba(75, 225, 171, 0.4);
}

.tabber-contents {

}
.tabber-content {
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    padding: 1em;
}

.standalone-tabber-header {
    border-radius: 6px;
    padding: 8px 12px;
    cursor: pointer;
    background: #002e5d;
    color: white;
    border: none;
    outline: none;
}

.standalone-tabber-header.active {
    background: #4BE1AB;
    color: black;
    font-weight: bold;
}
.standalone-tabber-header:hover {
    /*background: #4BE1AB;*/
    color: white;

    background: #3fc896;
    box-shadow: 0 4px 12px rgba(75, 225, 171, 0.4);
}
.standalone-tabber-content {
    /*padding: 1em;*/
    padding: 1em 0 0 1em;
}

.tab-header-separator {
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    margin-top: -2.5em;
    /*margin-left: -1em;*/ /*190226*/
    padding-top: 2.5em;
}

.tabber-header,
.standalone-tabber-header {
    cursor: pointer;
    background: #002e5d;
    color: white;
    border: none;
    outline: none;
    /*border-radius: 6px 6px 0 0;*/
    /*border-radius: 6px;*/
    transition: all 0.25s ease;
    position: relative;
}

.tabber-header:hover,
.tabber-header.active:hover,
.standalone-tabber-header:hover,
.standalone-tabber-header.active:hover{
    color: white;
    background: #3fc896;
    box-shadow: 0 4px 12px rgba(75, 225, 171, 0.4);
}

.tabber-header.active,
.standalone-tabber-header.active {
    background: #4BE1AB;
    color: black;
    font-weight: bold;
    /*box-shadow: inset 0 -1px 0 #002e5d;*/ /* subtle underline indicator */
    /*box-shadow: inset 0 -1px 0 gray;*/
    box-shadow: inset 0 -1px 0 #3CB488;
}

/*.tabber-header.active:hover,
.standalone-tabber-header.active:hover {
    background: #3fc896;
    color: white;
    box-shadow: 0 4px 12px rgba(75, 225, 171, 0.4);
}*/

.step-head {

}

.step-name {
    font-weight: bold;
    color: #002e5d;
}

.step-name:hover {
    color: #dc0069;
}

.step-content {
    margin: -1em 1em 1em 3em;
    padding: 1em;
    border-left: 1px solid gray;
    border-top: 1px solid gray;
}