.tabs {
    position: relative;
}

.tabs li.tab {
    background-color: #FFFFFF;
    display: block;
    float: left;
    margin: 0;
    text-align: center;
}

.nav.nav-tabs > li > a, .nav.tabs-vertical > li > a {
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: #505461 !important;
    cursor: pointer;
    padding: 15px 20px;
    /*line-height: 40px;*/
    letter-spacing: 0.03em;
    font-weight: 600;
    text-transform: uppercase;
}

.tabs li.tab a {
    -moz-transition    : color 0.28s ease;
    -ms-transition     : color 0.28s ease;
    -o-transition      : color 0.28s ease;
    -webkit-transition : color 0.28s ease;
    color              : #9398A0;
    display            : block;
    height             : 100%;
    text-decoration    : none;
    transition         : color 0.28s ease;
    width              : 100%;
}

.tabs li.tab a.active, .nav.nav-tabs > li > a:hover {
    color : rgba(29, 42, 73, 0.8) !important;
}

.tabs .indicator {
    background-color : rgba(29, 42, 73, 0.8);
    bottom           : 0;
    height           : 2px;
    position         : absolute;
    will-change      : left, right;
}

td span.clockpicker {
    width: 5em;
}

.form-control-inline input, .form-control-inline .select2, .form-control-inline textarea {
    display: inline-block;
    width: 60% !important;
}

.form-control-inline .input-group {
    display: inline-flex;
    width: 60%;
}

.form-control-inline label {
    width: 30%;
    min-width: 130px
}

tr.green td {
    background-color: #bdffb8 !important;
}

tr.red td {
    background-color: #ffb8b8 !important;
}