/*
    this is a customized css for starhub...
*/

.cover-image {
    background-image: url('../hca/hca-cover.jpg');
    background-color: #fff;
    padding: 8px;
    width: 100%;
}

.cover-image:after {
    background-color: #fff;
    opacity: 0.5;
}

.center-panel {
    position: fixed;
    border-radius: 32px;
    box-shadow: 5px 16px 16px #545454;
    background-color: #fff;
    color: #000;
    top: 50%;
    left: 50%;
    height: 548px;
    width: 480px;
    margin-top: -280px;
    margin-left: -240px;
    padding: 16px 32px;
}

.v3nity-logo {
    display: none;
}

.v3nity-logo-custom {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url('../hca/hca-logo.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
}

.v3nity-app-name:before {
    content: 'Transport Planning System';
    font-size: 32px;
}

.v3nity-app-company:before {
    content: 'Powered by V3 Smart Technologies Pte Ltd';
}

.title-bar {
    background-color: #C9215E !important;
}

.app-bar.v3nity {
    background-color: #990A3E;
}

.app-bar.v3nity .app-bar-element:hover,
.app-bar.v3nity .app-bar-menu > li:hover,
.app-bar.v3nity .app-bar-menu > li > a:hover,
.app-bar.v3nity .app-bar-element:active,
.app-bar.v3nity .app-bar-menu > li:active,
.app-bar.v3nity .app-bar-menu > li > a:active {
    background-color: #C9215E;
}

.app-bar.v3nity .app-bar-divider {
    background-color: #C9215E;
}

.app-bar.v3nity .app-bar-element .d-menu,
.app-bar.v3nity .app-bar-menu > li .d-menu {
    background-color: #990A3E;
    border-color: transparent;
}

.app-bar.v3nity .app-bar-element .d-menu li:not(.disabled) > a,
.app-bar.v3nity .app-bar-menu > li .d-menu li:not(.disabled) > a,
.app-bar.v3nity .app-bar-element .d-menu li > a,
.app-bar.v3nity .app-bar-menu > li .d-menu li > a {
    background-color: #990A3E;
    color: #ffffff;
}

.app-bar.v3nity .app-bar-element .d-menu li:not(.disabled) > a:hover,
.app-bar.v3nity .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
.app-bar.v3nity .app-bar-element .d-menu li > a:hover,
.app-bar.v3nity .app-bar-menu > li .d-menu li > a:hover {
    background-color: #C9215E;
    color: #ffffff;
}

.app-bar.v3nity .app-bar-element .d-menu li:hover > a,
.app-bar.v3nity .app-bar-menu > li .d-menu li:hover > a {
    background-color: #C9215E;
}

.app-bar.v3nity .app-bar-element .d-menu .divider,
.app-bar.v3nity .app-bar-menu > li .d-menu .divider {
    background-color: #C9215E;
}

.app-bar.v3nity .app-bar-element .d-menu .divider:hover,
.app-bar.v3nity .app-bar-menu > li .d-menu .divider:hover {
    background-color: #990A3E;
}

.app-bar.v3nity .app-bar-element .dropdown-toggle:before,
.app-bar.v3nity .app-bar-menu li .dropdown-toggle:before {
    border-color: #ffffff;
}

.app-bar.v3nity .app-bar-element.disabled,
.app-bar.v3nity .app-bar-menu li.disabled,
.app-bar.v3nity .app-bar-element:disabled,
.app-bar.v3nity .app-bar-menu li:disabled {
    color: #555555;
}

.app-bar.v3nity .app-bar-element.disabled a,
.app-bar.v3nity .app-bar-menu li.disabled a,
.app-bar.v3nity .app-bar-element:disabled a,
.app-bar.v3nity .app-bar-menu li:disabled a {
    color: inherit !important;
}

.app-bar.v3nity .app-bar-pullbutton:hover {
    background-color: #C9215E;
}

.app-bar.v3nity .app-bar-drop-container {
    border: 2px solid #990A3E;
    background-color: #990A3E;
    color: #ffffff;
}

.app-bar.v3nity .app-bar-drop-container:before {
    background-color: #990A3E;
    border-color: #990A3E;
}

.app-bar.v3nity .app-bar-pullmenu .app-bar-menu {
    border-top: 1px solid #990A3E;
    background-color: #990A3E;
}

.app-bar.v3nity .app-bar-pullmenu .app-bar-menu li:hover {
    background-color: #990A3E;
}

.app-bar.v3nity .app-bar-pullmenu .app-bar-menu li:hover a {
    background-color: #C9215E;
    color: #ffffff;
}

.app-bar .app-bar-pullmenu .app-bar-menu .d-menu {
    background-color: #990A3E !important;
    border-top: 1px solid #990A3E !important;
}

.app-bar .app-bar-menu > li:hover, .app-bar .app-bar-menu > li > a:hover, .app-bar .app-bar-menu > li:active, .app-bar .app-bar-menu > li > a:active {
    background-color: #C9215E;
}

.app-bar .app-bar-pullmenu .app-bar-menu li:hover a {
    background-color: #C9215E !important;
    color: #ffffff !important;
}

.app-bar .app-bar-pullmenu .app-bar-menu li:hover {
    background-color: #C9215E !important;
}

.d-menu li a img, .d-menu li a .icon {
    color: #fff !important;;
}

.dashboard-section-title {
    background-color: #C9215E;
}

.button.primary {
    background-color: #C9215E;
    border-color: #C9215E;
}

.button.primary:active {
    background-color: #C9215E;
}

#central-panel-update {
    background-color: #C9215E !important;
}

.dataTable tr.selected td {
    background-color: #AD154C !important;
    color: #fff !important;
}

.dataTable td.selected {
    background-color: #990A3E !important;
    color: #fff !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    border-radius: 50%;
    background-color: #990A3E;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    background-color: #990A3E;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
    background-color: #990A3E;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    background-color: #990A3E;
}

.dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.active {
    background-color: #990A3E;
    border-color: #920000;
}

.AnyTime-pkr * {
    font-size: x-small !important;
    font-weight: normal !important;
}

.AnyTime-win {
    background-color: #fff !important;
    border: 1px solid #D7D7D7 !important;
    box-shadow: 5px 8px 8px #858585;
}

.AnyTime-pkr .AnyTime-hdr {
    background-color: #990A3E !important;
    color: #fff !important;
    font-weight: bold !important;
}

.AnyTime-pkr .AnyTime-cur-btn {
    background-color: #990A3E !important;
}

.AnyTime-pkr .AnyTime-lbl {
    color: #000 !important;
    font-weight: bold !important;
}

.AnyTime-pkr .AnyTime-x-btn {
    color: #fff !important;
    font-weight: bold !important;
    margin: 0 !important;
}

.AnyTime-pkr th.AnyTime-dow {
    background-color: #6e6f70 !important;
}