body {
}

.clicked {
    background: white !important;
    color: black !important;
}

.tab-inactive {
    cursor: default;
    background-color: #bdc3c7;
    color: #2e2e2e;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
    filter: alpha(opacity=50); /* IE 5-7 */
    opacity: 0.5; /* Modern Browsers */
}

.tab-active {
    cursor: pointer;
    background-color: red !important;
    color: white !important;
}

.tab-selected {
    cursor: pointer;
    background-color: white !important;
    color: black !important;
}

/*.side-menu li {
    padding-left: 10px !important;
}*/

h2 {
    font-weight: normal !important;
}

#footer a {
    color: #ffffff !important;
}

    #footer a:hover {
        text-decoration: none;
        color: #00aba9 !important;
    }

.button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

    .button:disabled:hover {
        background-color: #ccc;
        border: none;
    }

.back-to-top {
    display: none;
    text-align: center;
    position: fixed;
    bottom: 4em;
    right: 2em;
    width: 48px;
    height: 48px;
    font-size: 32px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
    filter: alpha(opacity=80); /* IE 5-7 */
    opacity: 0.8; /* Modern Browsers */
    cursor: pointer;
}

    .back-to-top:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

label.error, label.errors, .text.input-control > label.error {
    color: #ce352c;
    margin-left: 5px;
    font-size: 0.73rem !important;
    display: none;
}

#maintenance {
    display: none;
}

    #maintenance img {
        width: 100%;
    }

#mcontent {
    position: absolute;
    top: 40px;
    left: 40px;
    padding: 0 20px 20px;
    opacity: 0.5;
    width: 44%;
}

#loginForm {
    width: 400px;
    margin: auto auto;
}

.w-100p {
    width: 100px !important;
}

.w-80p {
    width: 80px !important;
}

.w-120p {
    width: 120px !important;
}

.w-150p {
    width: 150px !important;
}

.w-200p {
    width: 200px !important;
}

.panel-holder {
    min-height: 550px !important;
}

hr {
    border: 1px solid red;
}

.popover {
    background-color: #fffcc0 !important;
    color: #1d1d1d !important;
}



.file.valid, .input.valid, .select.valid, .spinner.valid, .tag-input.valid, 
.textarea.valid, input[type=datetime-local].valid, input[type=email].valid, 
input[type=file].valid, input[type=month].valid, input[type=number].valid, 
input[type=password].valid, input[type=search].valid, input[type=tel].valid, 
input[type=text].valid, input[type=time].valid, input[type=url].valid, 
input[type=week].valid, select.valid, textarea.valid {
    border-color: #d9d9d9 !important;
}


/* DATE PICKER */
.ui-widget.ui-widget-content {
    border-color: #00aba9;
}

.ui-widget-header {
    border-color: #00aba9;
    background: #00aba9;
    color: #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border-color: #00aba9;
    background: #00aba9;
    color: #fff;
}

/*Strikeout row by Tsumbedzo M*/
td.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
}

td.strikeout td:after {
    content: "\00B7";
    font-size: 1px;
}