/* Color CSS */
.bg-blue, .bg-teal-400, .btn-primary, .nav-tabs-bottom .nav-link.active:before { background-color: #027CF8; }

/* Header CSS */
.navbar-brand img { height: 2rem; }

.control-label .required {
    color: #e02222;
    font-size: 14px;
    padding-left: 2px;
}
.modal-backdrop {
    z-index: 1040 !important;
}
.btn-margin {
    margin: 5px 1px 1px;
}
.datatable-highlight tfoot { display: table-header-group; }
button.btn.close-button-main .icon-cross { font-size: 20px; }
.user-profile-cover .profile-cover-img { height: 8.88rem; }

/* Line Chart */
.chart { float: left; }
.button-area { padding: 40px 0 0 30px; float: left; }
.app-button { display: block; margin-bottom: 3px; }
.axis text { font-size: 0.8em; }
.axis line { stroke: #000; }
.axis path { display: none; }
.line { stroke: orange; fill: none; stroke-width: 3px; }
.chart .overlay { fill: none; pointer-events: all; }
.tooltip { position: absolute; padding: 10px; font: 12px sans-serif; background: #222; color: #fff; border: 0px; border-radius: 8px;
    pointer-events: none; opacity: 0.9; visibility: hidden; }

@media (max-width: 1024px) {
    .datatable-scroll { width: 100%; overflow-x: scroll; }
}

@media only screen and (max-width:767px){
    .user-profile-cover .profile-cover-img { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 21.88rem; }
}