﻿.required:after {
    content: "*";
    font-weight: bold;
    color: red;
}

.well {
    background-color: white;
}

.dataTable #hdnDate {
    display: none;
}

.panel-info > .panel-heading {
    color: black;
    background-color: #F5F6FA;
    border-color: #F5F6FA;
}

/* Grid Summary */
.grid-header {
    background-color: #1E3447 !important;
    color: white;
    /*font-size: 14px !important;*/
}

.label-txn {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: normal !important;
}

.label-txnhead {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: normal !important;
    font-size: 20px;
}

.label-txnsubhead {
    display: inline-block;
    margin: 5px 0px 5px 0px;
    font-weight: normal !important;
    font-size: 16px;
}

.bg-gradient-primary {
   /* background-color: #F6F8F9;*/
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F6F8F9 100%) 0% 0% no-repeat padding-box;
    background-size: cover;
}

.nav-tabs .nav-link.active {
    /*font-weight: bold;*/
    background-color: transparent;
    border-bottom: 3px solid #649FFB;
    border-right: none;
    border-left: none;
    border-top: none;
}

.lightgray {
    /*background-color: #e4e5e6;*/
    background-color: #F7F8FA;
    padding: 2px;
}

.SummaryLink {
    text-decoration: underline;
    color: #4e73df;
    cursor: pointer;
}

.txtContextBold {
    font-weight: bold;
}


.btn-previous {
    color: #ffffff;
    background-color: #9499a2;
    border-color: #9499a2;
}

    .btn-previous:hover,
    .btn-previous:focus,
    .btn-previous:active,
    .btn-previous.active,
    .open .dropdown-toggle.btn-previous {
        color: #ffffff;
        background-color: #83878e;
        border-color: #83878e;
    }

    .btn-previous:active,
    .btn-previous.active,
    .open .dropdown-toggle.btn-previous {
        background-image: none;
    }

    .btn-previous.disabled,
    .btn-previous[disabled],
    fieldset[disabled] .btn-previous,
    .btn-previous.disabled:hover,
    .btn-previous[disabled]:hover,
    fieldset[disabled] .btn-previous:hover,
    .btn-previous.disabled:focus,
    .btn-previous[disabled]:focus,
    fieldset[disabled] .btn-previous:focus,
    .btn-previous.disabled:active,
    .btn-previous[disabled]:active,
    fieldset[disabled] .btn-previous:active,
    .btn-previous.disabled.active,
    .btn-previous[disabled].active,
    fieldset[disabled] .btn-previous.active {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

.more-less {
    float: right;
    color: white;
    font-size: 10px;
}

.nowrap {
    white-space: nowrap;
}

.center {
    text-align: center;
}

.table > tbody > tr.odd {
    /*background-color: #FFF !important;*/
    background-color: #FFFFFF !important;
}

.table > tbody > tr.even {
    /*background-color: #D9EDF7 !important;*/
    background-color: #f2f2f2 !important;
}

.ui-widget-content a {
    color: #4e73df !important;
}
a.ui-state-default.ui-state-highlight {
    color: #0B6AD6 !important;
}

/*a.ui-state-default.ui-state-active {
    color: #ffffff !important;
}*/

.ui-button:active {
    color: #ffffff !important;
}
.font-heading {
    font-family: Roboto, 'Segoe UI', Tahoma, sans-serif;
}

.table thead > tr > th {
    background-color: #06650E  !important;
}

.login-template {
    top: 110px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .login-template {
        top: 0px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .login-template {
        top: 0px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .login-template {
        top: 60px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .login-template {
        top: 60px;
    }
}

.siteheader {
    text-align: center;
    font: Regular 14px/18px Acumin Pro;
    letter-spacing: 0.58px;
    color: #2B2826;
    opacity: 1;
    border-bottom: 2px solid #0052CC;
    font-size: 18px;
}
@font-face {
    font-family: 'Acumin Pro';
    src: url('../fonts/Acumin-RPro.otf')format('opentype');
}


.header-divider {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid #06650E;
}
hr.header-divider {
    max-width: 120px;
    margin-left: 0;
}
.login-divider {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border:0;
    border-top: 2px solid #0052CC;
    width:50%;
}
.filter-green {
    /*filter: invert(84%) sepia(63%) saturate(349%) hue-rotate(67deg) brightness(101%) contrast(95%);*/
    filter: invert(44%) sepia(16%) saturate(1382%) hue-rotate(91deg) brightness(95%) contrast(87%);
}

.filter-red {
    /*filter: invert(35%) sepia(38%) saturate(2719%) hue-rotate(337deg) brightness(79%) contrast(89%);*/
    filter: grayscale(100%) brightness(27%) sepia(100%) hue-rotate(-48deg) saturate(600%) contrast(1.1);
}

.filter-orange {
    filter: invert(84%) sepia(63%) saturate(349%) hue-rotate(67deg) brightness(101%) contrast(95%);
}

.filter-Gray {
    filter: invert(18%) sepia(19%) saturate(17%) hue-rotate(337deg) brightness(94%) contrast(85%);
}

.filter-blue {
    /*filter: invert(29%) sepia(96%) saturate(2301%) hue-rotate(200deg) brightness(103%) contrast(107%);*/

    filter: invert(53%) sepia(20%) saturate(1397%) hue-rotate(161deg) brightness(96%) contrast(90%);
}
.h1css {
    font-family: 'Noto Sans', sans-serif;
    font-size: 20px;
    letter-spacing: 0px !important
}

.h2css {
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    letter-spacing: 0px !important
}

.h3css {
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 0px !important
}

/*.dashboard-card {
    min-width: 229px;
}*/

/*.dashboard-filter-button {
    height: 20px;
    font-size: 10px;
    padding-top: 2px;
}*/

/*.dashboard-selectedDates {
    background-color: #e4e7eb;
    text-align: right;
}*/

/*.dashboard-section {
    min-width: 2010px;
}*/

/*.header-dialog {
    background-color: #06650E !important;
    color: #fff;
    line-height: 10px
}*/