﻿.mainContent{
    /*padding-top:2px;*/
    font-size: 13px;  
}


.gvStyle 
{
	/*background-color: #E7E7FF;*/
    /*background-color: #edd8ed;*/
	/*color: black;*/
    /*border-collapse: collapse;*/
	width: 99%; 
    cursor:pointer;
}
.gvFooter{
    border-top:2px solid #7266ba;
}
.gvHeader{
    border-bottom:2px solid #7266ba;
    text-align:center;
    /*color: #4d4949;*/ 
}
.dgHeader{
    background-color:#eee8e8;
    font-weight:bold;
    /*font-size:15px;*/
}
.dgHeaderSummary{
    background-color: #3f51b5;
    /*background-color: #DCE9F9;*/
    color: white;
    font-weight:bold;
}
.dgHeaderSummary:hover{
    background-color: #3f51b5;
}

.gvRmkHeader{
    background-color: #373434;
    color: #cbc5c5;
    font-weight:bold;
}
.gvAlternateRow{
    background-color:rgba(0,0,0,.05);
    height:2.5rem;
    text-align:center;
}
.gvAlternateRow:hover
{
    background-color: #cbc5c5;
}

.gvSelectedRow
{
	color: #F7F7F7;
	background-color: #738A9C;
	font-weight:bold;
}
.gvRow{
    height:2.5rem;
    text-align:center;
}
.gvRow:hover{
    background-color: #cbc5c5;
}

.Paging {
    width:90%;
    float:right;
    font-size: 10pt;
}

.fa-red{
    color:#e10707;
}
.fa-orange{
    color:#db8208;
}
.fa-green{
    color: #26c61a;
}
.fa-blue{
    color:blue;
}
.fa-purple{
    color:#bb09c8;
}
.fa-sm{
    font-size: 0.63em;
}

.fa-disabled{
    color:#877f7f;
    cursor:default;
}

.fa-enabled{
    color: blue;
    cursor: pointer;
}

.display-inline{
    display:inline;
}

.display-inlineBl{
    display: inline-block;
}

.no-padding{
    padding: 0;
}

/*
    Spacing & Alignment 
------------------------------------------*/
.roomy-250{
    padding-top: 100px;
    padding-bottom: 400px;
}
.roomy-38{
    padding-top: 30px;
    padding-bottom: 80px;
}
.roomy-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.roomy-80 {
    padding-top: 100px;
    padding-bottom: 80px;
}

.roomy-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.roomy-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.roomy-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.roomy-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.roomy-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.roomy-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.roomy-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.roomy-5{
    padding-top:5px;
    padding-bottom: 5px;
}
.roomy-2{
    padding-top: 2px;
    padding-bottom: 2px;
}

.font-size-inh{
    font-size: inherit;
}

.control-label{
    font-size: inherit;
}

.m-td-2{
    margin-left: 2px;
    margin-right: 2px;
}
.m-tb-1{
    margin-top: 1px;
    margin-bottom: 1px;
}
.headerDate{
    font-size: 15px;
    font-weight:bold;
}

.sm-Title{
    /*background-color: #ccdff3;*/
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    margin: 3px 0px;
}
.td-Status{
    border-radius:3px;
    text-align:center;
}
.lbl-Status{
    color:white;
    font-weight: bold;
    text-transform:uppercase!important;
}
.fw-normal{
    font-weight:normal;
}
.dgNewHeader{
    background-color: lightpink;
    color:#3f51b5;
    font-weight:bold;
    text-align: center;
    border:solid #dce9f9 1px;
    padding: 5px;
}
.bg-softpink{
    background-color: rgba(255, 182, 193, 0.45);
}


.border-bg-success {
    border: 2px solid #66bb6a;
}
.border-bg-info {
    border: 2px solid #29b6f6;
}
.border-bg-warning {
    border: 2px solid #ffc107;
}
.border-bg-danger {
    border: 2px solid #ee6e73;
}
.border-bg-purple {
    border: 2px solid #9c27b0;
}
.border-bg-orange {
    border: 2px solid #fa813b;
}

.bg-transparent{
    background-color: transparent;
}

.div-page-title{
     border-left: 4px solid #aa0a0a;
     /*background-image: linear-gradient(to right, #cbccfa, #c5cef2);*/
     /*background-color: #d5d7e9;*/
     height:38px;
     padding: 6px 0;
}

.h-22{
    height: 22px;
}

.defaultClr{
    color: #3f51b5;
}


.dgPaddingZero {
    padding:0px 0px 0px 0px !important;
}

.dgCustomColumnHeader {
    width:100%
}

.dgCustomColumnHeader tr:first-child > td {
    padding: 5px 0px 5px 0px; 
    color: #3f51b5; 
    /*background-color: #f9c7b3*/
}

.dgCustomColumnHeader tr:not(:first-child) > td {
    padding:5px 0px 5px 0px; 
    border-top: 1px solid #dce9f9;
}

.dgCustomColumnHeader tr:not(:first-child) > td:not(:first-child) {
    border-left: 1px solid #dce9f9;
}

.dgCustomColumnItem {
    width:100%;
    height:100%;
}

.dgCustomColumnItem td:not(:first-child){
    padding: 5px 0px 5px 0px; 
    border-left: 1px solid #dce9f9;
}

.dgCustomColumnHeader tr:not(:first-child) > td:first-child:nth-last-child(2),
.dgCustomColumnHeader tr:not(:first-child) > td:first-child:nth-last-child(2) ~ td,
.dgCustomColumnItem td:first-child:nth-last-child(2),
.dgCustomColumnItem td:first-child:nth-last-child(2) ~ td{
    width:50%;
}

.dgCustomColumnHeader tr:not(:first-child) > td:first-child:nth-last-child(3),
.dgCustomColumnHeader tr:not(:first-child) > td:first-child:nth-last-child(3) ~ td,
.dgCustomColumnItem td:first-child:nth-last-child(3),
.dgCustomColumnItem td:first-child:nth-last-child(3) ~ td{
    width:33.3333%;
}

.dgCustomColumnHeader tr:not(:first-child) > td:first-child:nth-last-child(4),
.dgCustomColumnHeader tr:not(:first-child) > td:first-child:nth-last-child(4) ~ td,
.dgCustomColumnItem td:first-child:nth-last-child(4),
.dgCustomColumnItem td:first-child:nth-last-child(4) ~ td{
    width:25%;
}

/*20200218 - Chin*/
.dgCustomColumnHeader tr:not(:first-child) > td:first-child:nth-last-child(5),
.dgCustomColumnHeader tr:not(:first-child) > td:first-child:nth-last-child(5) ~ td,
.dgCustomColumnItem td:first-child:nth-last-child(5),
.dgCustomColumnItem td:first-child:nth-last-child(5) ~ td{
    width:20%;
}

.dgCustomColumnHeader tr:not(:first-child) > td:first-child:nth-last-child(6),
.dgCustomColumnHeader tr:not(:first-child) > td:first-child:nth-last-child(6) ~ td,
.dgCustomColumnItem td:first-child:nth-last-child(6),
.dgCustomColumnItem td:first-child:nth-last-child(6) ~ td{
    width:16.6667%;
}

.card-box-chart{
    border:1px solid blanchedalmond;
    background-color:blanchedalmond;
}