/*  ------------ DashBoard -------------- */
.dashboard-header {
    color: #FFFFFF;
    font-weight: 900;
    font-size: 1.2em;
    margin: 10px auto;
    display: block;
    text-align: left;
}

.dashboard-sub-header {
    color: #FFFFFF;
    font-weight: 900;
    margin-bottom: 10px;
}

.dashboard-counter {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 2.0em;
    margin-bottom: 10px;
}

.box-round{
border-radius:10px;
box-shadow: 1px 1px 2px #ccc;
}

.dashboard-box{
    cursor: default;
    overflow: hidden;
    position: relative;
    border: none;
    min-height: 100px !important;
    width: 98% !important;
    color: rgb(249,249,249);
    border: none !important;
    text-align: center;
	
}
.hover-dashboard-box{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
    top:100%;        
    left:0;
}

.ui-panel .ui-panel-content {
    padding: 0.5em 0.5em !important;
}

.ui-corner-all{
    border-radius: 0px;
}

.dashboard-hover-arrow {
    margin-top: 8%;
    color: #FFF;
}

.dashboard-click-view{
    display: block;
    margin-top: 5px;
    color: #FFF;
    font-size: 1.2em;
}

.dashboard-calendar-section {
    /*width: 100%;*/
    position: absolute; 
    /*right: 0px;*/ 
    top: 125px; 
    background: #5fae58; 
    /*    border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;*/
    border-radius: 0px;
    padding: 5px; 
    color: #FFF; 
    vertical-align: middle; 
}

.fix{
    position: fixed;
    top:0;
    z-index: 9999;
}

.dashboard-year-header {
    font-size: 16px; 
    /*margin: 0 2px;*/
    font-weight: 600;
}

.ui-column-title {
    font-weight: 900;
}

.ui-datatable td:first-child {
    text-align: left;
}

.ui-datatable td {
    text-align: right;
    font-size: 0.90em;
    overflow-wrap: break-word;
}

.dashboard-box-bg {
    position: absolute; 
    bottom: 0px; 
    margin-bottom: 0; 
    width: 100%; 
    text-align: right;
    right: 0px;
    /*color: #FFF;*/
    padding: 3px 10px !important;
    /*background: rgba(0, 0, 0, .25);*/
}

.dashboard-box-bg:hover {
    /*font-size: 1.025em;*/
    text-shadow: 0px 1px 1px rgba(255, 255, 255, .75);
}

.highcharts-legend-item {
    font-size: 20px;
}
.fa-4x{
    transition: font-size 1s ease;
}

.fa-2x{
    transition: font-size 1s ease;
}

.outputLableHeading {
    font-weight: 900;
    color: #ffffff;
    font-size: 1.15em;
    float: left;

}
.m-top{
padding-top:10px;
	margin:0px;
	}

.ui-accordion-header{
    background: #019DDD !important;
    color: #FFFFFF !important;
}

.bg-light-greenish {
    color: #3c763d;
    background: #dff0d8 !important;
    border: 1px solid #AED5AA !important;
}

.bg-light-greenish .dashboard-box-bg {
    background: #AED5AA;
}

.bg-light-greenish .font-color {
    color: #3C763D;
	
}

.bg-light-greenish .font-color a {
    color: #000;
	
}

.bg-light-yellowish {
    color: #8a6d3b !important;
    background: #fcf8e3 !important;
    border: 1px solid #DBD099 !important;
}

.bg-light-yellowish .dashboard-box-bg {
    background: #DBD099;
}

.bg-light-yellowish .font-color {
    color: #777216;
}

.bg-light-yellowish .font-color a {
    color: #000;
}

.center{
text-align:center;
}

.bg-light-wightish {
    color: #666060;
    background: #F5F5F5 !important;
    border: 1px solid #BCBCBC !important;
}
.bg-light-wightish .dashboard-box-bg {
    background: #BCBCBC;
}

.bg-light-wightish .dashboard-box-bg span {
text-align:center;

}

.bg-light-wightish .font-color {
    color: #666060;
}

.bg-light-wightish .font-color a {
    color: #000;
}
.bg-light-blueish {
    color: #31708F;
    background: #D9EDF7 !important;
    border: 1px solid #84B6CF !important;
}
.bg-light-blueish .dashboard-box-bg {
    background: #84B6CF;
}
.bg-light-blueish .font-color {
    color: #31708F;
}

.bg-light-blueish .font-color a {
    color:#000;
}

.bg-light-greyish {
    color: #606060;
    background: #f4fcea !important;
    border: 1px solid #396205 !important;
}

.bg-light-greyish .dashboard-box-bg {
    background: #D0D0D0;
}

.bg-light-greyish .font-color {
    color: #396205;
}

.bg-light-greyish .font-color a {
    color: #000;
}
.bg-light-pinkish {
    color: #A94442;
    background: #F2DEDE !important;
    border: 1px solid #AD9292 !important;
}

.bg-light-pinkish .font-color {
    color: #513232;
}

.bg-light-pinkish .dashboard-box-bg {
    background: #AD9292;
}

.accordion-section {
    margin: 0 auto !important; 
    /*width: 96% !important;*/
}

.ui-selectonemenu-panel {
    z-index: 9999!important;
}

.ui-selectonemenu-trigger {
    margin-top: 0px;
    margin-right: 0px;
}

.ui-selectonemenu {
    margin-bottom: 8px;
}
.ui-state-hover {
    font-weight: normal !important;
}

.white-s{
color:#FFFFFF;
}


.white-s:hover{
color:#ddd;
}

.f-white{
font-size:65%;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px 0 0px;
color:#FFFFFF;
}

.table-bg{
background:#e2fade;
color:#000;
box-shadow:1px 1px 3px #888888;
border-radius:0px 0px 10px 10px;
}