@font-face
{
    font-family: 'digital-7.regular';
    src: url('./digital-7.regular.ttf');
}
@font-face
{
    font-family: 'digital-7.regular';
    src: url('./digital-7.regular.ttf.eot');
}

.wrapper{
    left:0px; top:150px; width: 100%;position: absolute;
}
.outputLableHeading{
    font-weight: bold;
    color: white;
    font-size: 110%;
}
.outputLabelSubHeading{
    font-weight: bold;
    color: white;
    font-size: 75%;
}
/*.outputLabelValue{
    font-weight: bold;
    color: #000000;
    }*/
.moreInfo{
    position: absolute;
    float: right;
    bottom: 10px; 
    right: 10px; 
    display: inline-block;
}

.ui-datatable .ui-datatable-header{
    overflow: hidden;
}

#datatable_moreInfo13 th:first-child, #datatable_moreInfo13 td:first-child {
    width: 50px !important;
    text-align: center;

}

#datatable_moreInfo13 th, #datatable_moreInfo13 td {
    position:relative;
    padding:3px; 
    word-wrap: break-word;
}
#datatable_moreInfo13 th input{
    visibility: hidden;
    height: 1px;
    margin: 0px;
    padding: 0px;
}

/* Dashboard CSS */

.ui-panel .ui-panel-content {
    padding: 0em !important;
}

.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 {
    position: absolute; 
    top: 125px; 
    background: #5fae58; 
    border-radius: 0px;
    padding: 5px; 
    color: #FFF; 
    vertical-align: middle; 
}

.fix{
    position: fixed;
    top:0;
    z-index: 9999;
}

.dashboard-year-header {
    font-size: 16px; 
    font-weight: 600;
}

.ui-datatable td:first-child {
    text-align: left;
    width: 10px !important; 
}

.ui-datatable td {
    text-align: right;
    font-size: 0.90em;
    overflow-wrap: break-word;
}

.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;
}

.top-header
{
    margin-bottom: 20px;
    border: 1px solid #599f12;
    background: #c5deb5;
    background: -moz-linear-gradient(top, #c5deb5 0%,#a0b18e 37%,#c8d7dc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5deb5), color-stop(37%,#a0b18e), color-stop(100%,#c8d7dc));
    background: -webkit-linear-gradient(top, #c5deb5 0%,#a0b18e 37%,#c8d7dc 100%);
    background: -o-linear-gradient(top, #c5deb5 0%,#a0b18e 37%,#c8d7dc 100%);
    background: -ms-linear-gradient(top, #c5deb5 0%,#a0b18e 37%,#c8d7dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9adc71', endColorstr='#c8d7dc',GradientType=0 );
    background: linear-gradient(top, #c5deb5 0%,#a0b18e 37%,#c8d7dc 100%);
}
.dashboard .overview-box.monthly-sales {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 10px 10px 10px 20px;
    background: #ff7295;
    background: -moz-linear-gradient(240deg, #ff7295 0%, #fe875d 80%);
    background: -webkit-linear-gradient(240deg, #ff7295 0%, #fe875d 70%);
    background: linear-gradient(240deg, #ff7295 0%, #fe875d 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7295', endColorstr='#fe875d',GradientType=1 );
}
.dashboard .overview-box {
    color: #ffffff;
    min-height: 120px;
    position: relative;
}
.dashboard .overview-box a i {
    float: right;
    font-size: 30px;
    position: absolute;
    top: -40px;
    right: 20px;
    color: #fff;
}
.dashboard .overview-box .overview-numbers {
    line-height: 31px;
    font-size: 2em;
    font-family: 'digital-7.regular' , 'digital-7.regular' , Arial, Helvetica, sans-serif;
    color: yellow;
    text-align: left;
    margin-bottom: 8px;
}
.dashboard .overview-box .overview-ratios {
    line-height: 18px;
    font-size: 14px;
    text-align: left;
    opacity: 0.95;
}
.dashboard .overview-box a {
    position: absolute;
    right: 0;
    width: 90px;
    bottom: 0;
}
.dashboard .overview-box.monthly-views {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 10px 10px 10px 20px;
    background: #00aadf;
    background: -moz-linear-gradient(240deg, #00aadf 0%, #0b1923 70%);
    background: -webkit-linear-gradient(240deg, #00aadf 0%, #0b1923 30%);
    background: linear-gradient(240deg, #00aadf 0%, #0b1923 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aadf', endColorstr='#0b1923',GradientType=1 );
}
.dashboard .overview-box.monthly-users {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 10px 10px 10px 20px;
    background: #8edead;
    background: -moz-linear-gradient(240deg, #8edead 0%, #455d4e 100%);
    background: -webkit-linear-gradient(240deg, #8edead 0%, #455d4e 100%);
    background: linear-gradient(240deg, #8edead 0%, #455d4e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8edead', endColorstr='#455d4e',GradientType=1 );
}
.dashboard .overview-box.monthly-record {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 10px 10px 10px 20px;
    background: #4b7ecf;
    background: -moz-linear-gradient(240deg, #4b7ecf 0%, #0b1923 100%);
    background: -webkit-linear-gradient(240deg, #4b7ecf 0%, #0b1923 100%);
    background: linear-gradient(240deg, #4b7ecf 0%, #0b1923 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b7ecf', endColorstr='#0b1923',GradientType=1 );
}
.dashboard .overview-box.monthlyState-record{
   width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 10px 10px 10px 20px;
    background: #8edead;
    background: -moz-linear-gradient(240deg, #8edead 0%, #455d4e 100%);
    background: -webkit-linear-gradient(240deg, #8edead 0%, #455d4e 100%);
    background: linear-gradient(240deg, #8edead 0%, #455d4e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8edead', endColorstr='#455d4e',GradientType=1 );
}

.dashboard .stats {
    background-color: #ffffff;
    min-height: 130px;
    position: relative;
    margin-top: 29px;
    border-top: 7px solid #4c688a;
    border-bottom: solid 1px #d6d7d9;
    border-right: solid 1px #d6d7d9;
    border-left: solid 1px #d6d7d9;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 1px 1px 1px 2px #e2e2e2;
}
.dashboard .stats .stats-icon {
    display: inline-block;
    position: relative;
    top: -7px;
    background: #ffffff;
    padding: 0 5px;
    height: 7px;
}
.dashboard .stats .stats-icon img {
    position: relative;
    top: -20px;
}
.dashboard .stats .message-icon {
    height: 34px;
    width: 44px;
}
.dashboard .stats .stats-numbers {
    line-height: 25px;
    font-size: 20px;
    font-weight: bold;
}
.dashboard .stats .stats-title {
    line-height: 21px;
    font-size: 17px;
}
.dashboard .stats .stats-subtitle {
    line-height: 18px;
    font-size: 14px;
    color: #aeb0b5;
}
.dashboard .stats a{
    float: right;
    margin-right: 26px;
    bottom: 5px;
    position: absolute;
    right: 0px;
    color: #599f12;
    font-size: 1.6em;
}
.ui-accordion h3{
    background: #5fae58;
    color: #FFF;
    font-weight: 900;
}
.accordion-section {
    margin: 0 auto !important; 
}
.ui-accordion-header, .ui-accordion {
    background: #056485 !important;
    color: #FFFFF0 !important;
    border: 1px solid #3b3fa0 !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-family: monospace;
    font-size: 1.1em !important;
}

.animated {
    -webkit-animation-duration: 8s !important;
    animation-duration: 8s !important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}