/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html {
    height: 100%;
}

header, nav, section, article, aside, footer {
    display: block;
}


body {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin: 0;
    padding: 0px;
    background: #FAFAFA url(../Content/images/bgr.png) repeat-x 0 0;
    margin: 0;
    background-position: 150% 50%;
    height: 100%;
}

.font12 {
    font-size: 12px;
}

.filter_pad {
    padding: 5px 0px;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    clear: both;
    margin: 0 auto -30px;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
    /*height: 60px;*/
    /*padding-top: 3px;*/
}


/* Middle
-----------------------------------------------------------------------------*/
#content {
}




/* Footer
-----------------------------------------------------------------------------*/
/*#footer 
{
   
	height: 50px;
	width:100%;
	margin-top:60px;
}
*/
a {
    text-decoration: none;
}

#main {
    padding-top: 5px;
    height: 100%;
    margin-left: -9px;
}

label {
    font-size: 12px;
    /*font-weight: normal;*/
}

/* FOOTER  ---------------------------------------------------------- */
.footer, .push {
    height: 30px;
    clear: both;
}

.footer {
    font-size: 10px !important;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

    .footer p {
        font-size: 10px !important;
        color: #494d58 !important;
        margin-left: 5px;
        margin-top: 0px;
    }

    .footer img {
        float: right;
        margin-right: 5px;
    }

/*QUICK LAUNCH --------------------------------------------------------*/
table.quick_launch {
    width: 100%;
}

table.fullWidth {
    width: 100%;
}

div.details {
    padding-top: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

/* STATUS MESSAGE  
------------------------------------------------- */
.success {
    opacity: 0.85;
    filter: alpha(opacity=85);
    margin-top: 5px;
    margin-bottom: 1px;
    height: auto;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    color: #27343c;
    background: #f1ffe6;
    border: 1px solid #96d865;
}

    .success span {
        height: 30px;
        font-size: 14px;
        font-weight: bold;
        padding: 2px 10px 10px 30px;
        color: #669700;
        background: url(../Content/images/bullets/success.png) left top no-repeat;
    }

.information {
    opacity: 0.85;
    filter: alpha(opacity=85);
    margin-top: 5px;
    margin-bottom: 1px;
    height: auto;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    color: #27343c;
    background: #fff;
    border: 1px solid #3389b1;
}

    .information span {
        height: 30px;
        font-size: 14px;
        font-weight: bold;
        padding: 2px 10px 10px 30px;
        color: #3389b1;
        background: url(../Content/images/bullets/information.png) left top no-repeat;
    }

.warning {
    opacity: 0.85;
    filter: alpha(opacity=85);
    margin-top: 5px;
    margin-bottom: 1px;
    height: auto;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    color: #27343c;
    background: #fff;
    border: 1px solid #ff8922;
}

    .warning span {
        height: 30px;
        font-size: 14px;
        font-weight: bold;
        padding: 2px 10px 10px 30px;
        color: #ff8922;
        background: url(../Content/images/bullets/warning.png) left top no-repeat;
    }

.cidwarning {
    text-align: center;
    opacity: 0.85;
    filter: alpha(opacity=85);
    margin-top: 5px;
    margin-bottom: 5px;
    height: auto;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    color: #27343c;
    background: #fff;
    border: 1px solid #ff8922;
}

.error {
    opacity: 0.85;
    filter: alpha(opacity=85);
    margin-top: 5px;
    margin-bottom: 1px;
    height: auto;
    padding: 4px 4px 4px 15px;
    font-size: 12px;
    color: #27343c;
    background: #feebeb;
    border: 1px solid #eb2a2a;
}

    .error span {
        height: 30px;
        font-size: 14px;
        font-weight: bold;
        padding: 2px 10px 10px 30px;
        color: #eb2a2a;
        background: url(../Content/images/bullets/error.png) left top no-repeat;
    }

.error_block {
    opacity: 0.85;
    filter: alpha(opacity=85);
    margin-top: 5px; /*height:100%;*/
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    color: #eb2a2a;
    border: 1px solid #eb2a2a;
    background: #feebeb;
}

    .error_block ul li {
        list-style-type: none;
        color: #27343c;
        font-weight: normal;
        font-size: 12px;
        padding: 3px 10px 3px 30px;
        background: url(../Content/images/bullets/bullet.png) 15px 7px no-repeat;
    }

    .error_block span {
        height: 30px;
        font-size: 14px;
        font-weight: bold;
        padding: 2px 10px 10px 30px;
        color: #eb2a2a;
        background: url(../Content/images/bullets/error.png) 0px 0px no-repeat;
    }

.error_block_small {
    margin-top: 15px;
    height: 100%;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 10px 10px 30px;
    color: #eb2a2a;
    border: 1px solid #eb2a2a;
    background: #feebeb;
}

    .error_block_small ul li {
        list-style-type: none;
        color: #27343c;
        font-weight: normal;
        font-size: 12px;
        padding: 3px 10px 3px 20px;
        background: url(../Content/images/bullets/bullet.png) 0 7px no-repeat;
        border: none;
    }

.invalid_error {
    opacity: 0.85;
    filter: alpha(opacity=85);
    margin-top: 1px;
    height: auto;
    padding: 1px 3px 1px 3px;
    font-size: 11px;
    color: #27343c;
    background: #feebeb;
    border: 1px solid #eb2a2a;
}

.client_invalid_error {
    opacity: 0.85;
    filter: alpha(opacity=85);
    margin-top: 1px;
    height: auto;
    padding: 1px 3px 1px 3px;
    font-size: 11px;
    color: #27343c;
    background: #feebeb;
    border: 1px solid #eb2a2a;
}

#crsStatusMessages {
    width: 99.7%;
}

textarea.czn-text-box {
    width: 95%;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
    background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
    background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    border: 1px solid #aaa;
    display: block;
    white-space: nowrap;
    position: relative;
    padding: 0 0 0 8px;
    color: #444;
    text-decoration: none;
    cursor: text;
    font-size: 12px !important;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

/*----------------------------BUTTON STYLE----------------------------------------------*/
input[type="text"].czn-text-box {
    width: 95%;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
    background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
    background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    border: 1px solid #aaa;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 27px;
    line-height: 20px;
    padding: 0 0 0 8px;
    color: #444;
    text-decoration: none;
    cursor: text;
    font-size: 12px !important;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

input[type="password"].czn-text-box {
    width: 95%;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
    background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
    background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
    border: 1px solid #aaa;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 27px;
    line-height: 20px;
    padding: 0 0 0 8px;
    color: #444;
    text-decoration: none;
    cursor: text;
    font-size: 12px !important;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}

input[type="submit"], input[type="button"], input[type="reset"] {
    padding: 3px 10px 3px 10px;
    padding-top: 5px\9;
    margin-top: -7px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-family: Geneva, Arial, Helvetica, sans-serif !important;
    font-style: normal;
    font-weight: normal;
    background: #536987 url(../Content/images/btn_background.png) repeat-x 0px 0px;
    margin: 0;
    height:24px;
    border-radius: 5px;
}

    input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
        color: #ffffff !important;
        cursor: pointer;
        background: #536987 url(../Content/images/btn_backgroundhover.png) repeat-x 0px 0px;
        margin: 0;
        opacity: 0.95;
        filter: alpha(opacity=95);
    }

/*SEARCH FILTER FIELDSET-----------------------------------------------------------------------------------*/
fieldset.filtersearch {
    border: 1px solid #D3D3D3;
    padding-bottom: 5px;
    /* padding-left: 5px; */
    margin-bottom: 5px;
    margin-right: 2px;
    width: 99.9% !important;
}

    fieldset.filtersearch legend {
        /*font-size:12px;
        font-weight:bold;
        margin-left:20px;
        color:#666666;*/
        font-size: 13px;
        font-weight: bold;
        margin-left: 20px;
        color: #000;
    }

        fieldset.filtersearch legend.reportLegend {
            font-size: 13px;
            font-weight: bold;
            margin-left: 20px;
            color: #000;
        }
/* REPORT FILTER SELECTION---------------------------------------------------*/
table.reportFilter {
    width: 80%;
    font-size: 12px;
}

div.excelButton img {
    margin-top: -1px;
    margin-left: 2px;
    float: right;
    position: relative;
    height:18px;
    max-height:18px !important;
}

div.excelButton {
    padding: 4px 5px 2px 13px;
    margin-top: -7px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-family: Geneva, Arial, Helvetica, sans-serif !important;
    font-style: normal;
    font-weight: normal;
    background: #536987 url(../Content/images/btn_background.png) repeat-x 0px 0px;
    line-height: 16px;
    border-radius: 5px;
    max-width: 65px;
    height: 18px;
    max-height: 22px !important;
    min-width: 55px !important;
}

div.excelButton span {
    line-height:18px;
}

@media only screen and (max-width: 1024px) {
    div.excelButton img {
        margin-top: -3px;
        margin-left: 0px;
    }

    .columns 
    {
        position:inherit !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

      

        div.excelButton {
            padding: 3px 5px 3px 13px;
            padding-top: 4px\9;
            padding-bottom: 2px\9;
            margin-top: -7px !important;
            color: #ffffff !important;
            font-size: 12px !important;
            font-family: Geneva, Arial, Helvetica, sans-serif !important;
            font-style: normal;
            font-weight: normal;
            background: #536987 url(../Content/images/btn_background.png) repeat-x 0px 0px;
            margin: 0;
            border-radius: 5px;
            max-width: 65px;
            height: 16px\9;
        }
    }

    div.excelButton:hover {
        color: #ffffff !important;
        cursor: pointer;
        background: #536987 url(../Content/images/btn_backgroundhover.png) repeat-x 0px 0px;
        margin: 0;
        opacity: 0.95;
        filter: alpha(opacity=95);
    }

    /*-------------------------------------------------*/
    table.bottomSummary {
        font-family: Verdana,Arial,sans-serif;
        font-size: 11px;
        color: #222222;
    }
    /*-------------------------CRS MODAL CONFIRM----------------*/
    table.crsModal {
        display: none;
        width: 100%;
        font-size: 11px;
        font-family: Verdana,Arial,sans-serif;
        color: #666666;
    }

        table.crsModal th {
            font-weight: bold;
            height: 25px;
            background-attachment: scroll;
            background-clip: border-box;
            background-color: #E6E6E6;
            background-image: url("../Content/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png");
            background-origin: padding-box;
            background-position: 50% 50%;
            background-repeat: repeat-x;
            background-size: auto auto;
            border: 1px solid #d3d3d3;
        }

    input[type="button"].smallButtons {
        padding: 2px 10px 2px 10px;
        margin-top: 15px !important;
        margin-bottom: 10px !important;
        color: #ffffff !important;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        border: 1px solid #536987;
        border-style: none;
        background: #536987 url(../Content/images/btn_background.png) repeat-x 0px 0px;
        margin: 0;
        border-radius: 5px;
    }

        input[type="button"].smallButtons:hover {
            cursor: pointer !important;
            background: #536987 url(../Content/images/btn_backgroundhover.png) repeat-x 0px 0px;
            margin: 0;
        }


    input[type="button"].actionButtons {
        padding: 2px 7px 2px 7px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        color: #ffffff !important;
        font-size: 12px !important;
        font-family: Geneva, Arial, Helvetica, sans-serif !important;
        font-style: normal;
        font-weight: normal;
        border: 1px solid #536987;
        border-style: none;
        background: #536987 url(../Content/images/btn_background.png) repeat-x 0px 0px;
        margin: 0;
        border-radius: 5px;
        /*height:18px;*/
    }

        input[type="button"].actionButtons:hover {
            cursor: pointer !important;
            background: #536987 url(../Content/images/btn_backgroundhover.png) repeat-x 0px 0px;
            margin: 0;
        }

    .button {
        margin: 0px 5px !important;
    }

    /*.actionButtons
{
    padding:1px 7px 1px 7px; 
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    color:#ffffff !important; 
    font-size:12px !important; 
    font-family: Geneva, Arial, Helvetica, sans-serif !important;
    font-style:normal; 
    font-weight:normal;
    border:1px solid #536987;
    border-style:none;
    background:#536987 url(../Content/images/btn_background.png) repeat-x 0px 0px; margin:0;
    border-radius:5px;
    height:18px;
}

.actionButtons:hover
{
    cursor:pointer !important;
    background:#536987 url(../Content/images/btn_backgroundhover.png) repeat-x 0px 0px; margin:0;
}
*/
    div.crsMenuLabel {
        font-family: Verdana,Arial,sans-serif;
        font-size: 10px;
        color: #444444;
        font-weight: bold;
        z-index: 9999;
        margin-bottom: -10px;
    }


    .variance_row_warning {
        /*background-color:#cd0a0a;/*#eddbeb;*/
        color: #cd0a0a;
        font-weight: bold !important;
    }

    /* event selection control - start*/

    .dialog {
        width: 400px;
        display: none;
    }

    .selectbox {
        padding: 0px;
    }

    .event-selection-button {
        width: 30px;
        padding: 0px;
        height: 28px;
        top: 0px;
        margin: 0;
        margin-top: 2px;
    }

        .event-selection-button > span.ui-icon {
            background-image: url(images/calendar.png);
            background-position: 0px 0px;
        }

    .event-selection-filterinfo {
        color: #999;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 13px;
        margin-bottom: 5px;
    }

    .event-selection-pref-save {
        width: 70px;
        height: 40px;
    }

    .event-selection-dialog-fieldset {
        font-size: 14px;
        border: 2px groove threedface;
        padding: 15px;
        margin: 15px;
    }

    .event-selection-dialog-p {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        ;
        color: Red;
    }

    div#eventTypeAccordion {
        margin-left: 15px;
        margin-right: 12px;
    }

    div#venuesAccordion {
        margin-left: 15px;
        margin-right: 12px;
    }

    div#err {
        margin-left: 15px;
        margin-right: 20px;
    }

    span#endDateClose:hover, span#startDateToClose:hover {
        cursor: pointer;
    }

    input#fromDate {
        padding-top: 1px;
        padding-bottom: 1px;
        margin: 2px;
        border: 2px groove threedface;
        width: 190px;
    }

    input#fromToDate {
        padding-top: 1px;
        padding-bottom: 1px;
        margin: 2px 2px 1px 2px;
        border: 2px groove threedface;
        width: 190px;
    }

    input#toDate {
        padding-top: 1px;
        padding-bottom: 1px;
        margin-right: 2px;
        margin-top: 2px;
        margin-bottom: 0px;
        border: 2px groove threedface;
        width: 190px;
    }

        input#toDate:disabled {
            background-color: #efefef;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

    select#efEventTypes {
        padding-top: 2px;
        padding-bottom: 2px;
        margin: 2px;
        border: 2px groove threedface;
    }

    .eventfilter_invalid_error {
        opacity: 0.85;
        filter: alpha(opacity=85);
        height: auto;
        padding: 1px 3px 1px 3px;
        font-size: 11px;
        color: #27343c;
        background: #feebeb;
        border: 1px solid #eb2a2a;
        margin-left: 2px;
        width: 184px;
    }

    .gray {
        color: #aaaaaa;
    }

    #main-event-selection table td a.chzn-single span {
        color: #16427E !important;
        font-weight: bold !important;
    }
    /* event selection control - end*/

    /****************************Dashboard***********************************/
    .fullscreen {
    }

    #cidViewContainer {
        font-size: 13px !important;
        font-weight: bold;
    }

    .graphTitle {
        text-align: center;
        display: none;
    }

    .gtsmall {
        font-size: 12px;
    }

    #salesForecastViewContainer {
        text-align: center;
    }

    #salesGraphLegend {
        text-align: center;
    }

    #salesViewContainer {
        width: 100%;
        font-size: 13px !important;
        font-weight: bold;
        max-height: 450px;
    }

    td.legendColorBox {
        cursor: pointer;
    }

    /*********************** managament actions********************/
    table.manageCommands {
        border: none;
        border: 0px solid transparent;
        border-collapse: collapse;
    }

        table.manageCommands tr {
            border: none;
            border: 0px solid transparent;
        }

        table.manageCommands td {
            border: none;
            border: 0px solid transparent;
        }

    table.hints {
        font-size: 11px;
        display: none;
        width: auto;
        height: auto;
    }

        table.hints h3 {
            font-size: 12px;
            color: #04c7ff;
        }

        table.hints tr {
            border: none;
            border: 0px solid transparent;
        }

        table.hints td {
            border: none;
            border: 0px solid transparent;
        }

    span.keyboard {
        /*background: transparent url(../Content/images/keyboard.png) no-repeat 0 0;*/
        float: right;
        font-size: 10px;
        padding-top: 5px;
    }

    img.keyboard {
    }

        img.keyboard:hover {
            cursor: pointer;
            opacity: 0.60;
            filter: alpha(opacity=60);
        }


    /* Vertical Tabs (JQUERY UI Tabs)	
-----------------------------------*/

    .ui-tabs-vertical {
        width: 55em;
    }

        .ui-tabs-vertical .ui-tabs-nav {
            padding: .2em .1em .2em .2em;
            float: left;
            width: 12em;
        }

            .ui-tabs-vertical .ui-tabs-nav li {
                clear: left;
                width: 100%;
                border-bottom-width: 1px !important;
                border-right-width: 0 !important;
                margin: 0 -1px .2em 0;
            }

                .ui-tabs-vertical .ui-tabs-nav li a {
                    display: block;
                }

                .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
                    padding-bottom: 0;
                    padding-right: .1em;
                    border-right-width: 1px;
                    border-right-width: 1px;
                }

        .ui-tabs-vertical .ui-tabs-panel {
            padding: 1em !important;
            float: left;
            width: 40em;
        }


    /*-----------------------Log in box details--------------------*/
    div.logStatusBox {
        display: inline-block;
        float: right;
        padding: 0 5px 0 0;
        font-size: 90%;
        max-width: 250px;
        /*width: 110px;*/
        overflow: hidden;
        color: #fff;
    }

        div.logStatusBox a {
            color: #fff;
            font-weight: bold;
        }

            div.logStatusBox a:hover {
                color: #E6E6E6;
            }

    #logStatus {
    }

    #logUser {
        overflow: hidden;
        white-space: nowrap;
    }
    /*------------------------------------------------------------*/

    /*------Allocating Milking bags edit input style---------------*/
    #milkingBagsList input[type='text'] {
        font-size: 12px;
        height: 20px;
    }

    /*--------------------loginContainer --------------------------*/
    .loginContainer {
        padding: 40px 20px 20px 40px;
        margin-top: 50px;
        opacity: 0.80;
        filter: alpha(opacity=80);
        background-color: #deeaf2;
        background-image: url(../Content/images/loginBg.png) /*repeat-x  0 0*/;
        background-repeat: repeat-x;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.8, #deeaf2), color-stop(1, #536987));
        background-image: -webkit-linear-gradient(center bottom, #deeaf2 80%, #536987 100%);
        background-image: -moz-linear-gradient(center bottom, #deeaf2 80%, #536987 100%);
        background-image: -o-linear-gradient(center,bottom, #deeaf2 80%,#536987 100%);
        background-image: -ms-linear-gradient(center,bottom, #deeaf2 80%,#536987 100%);
        background-image: linear-gradient(center,bottom, #deeaf2 80%,#536987 100%);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 5px #666666 inset, 0 10px 10px rgba(102,102,102,0.3);
        -moz-box-shadow: 0 0 5px #666666 inset, 0 10px 10px rgba(102,102,102,0.3);
        box-shadow: 0 0 5px #666666 inset, 0 10px 10px rgba(102,102,102,0.3);
    }

    .dashboard-container {
        box-sizing: border-box;
        height: 320px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        /*padding: 20px 15px 15px 15px;*/
        margin: 15px auto 30px auto;
        border: 1px solid #ddd;
        background: #fff;
        background: linear-gradient(#f6f6f6 0, #fff 50px);
        background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
        background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
        background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
        background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
        box-shadow: 0 3px 10px rgba(0,0,0,0.15);
        -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    }

    .dashboard-placeholder {
        padding: 0px;
        position: relative;
        width: 100%;
        height: 280px;
        font-size: 14px;
        line-height: 1.2em;
    }

    #topTillsViewContainer div.xAxis div.tickLabel, #topWithdrawalViewContainer div.xAxis div.tickLabel, #cashInTransitViewContainer div.xAxis div.tickLabel,
    #topLongestDashboardContainer div.xAxis div.tickLabel, #topShortestDashboardContainer div.xAxis div.tickLabel {
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg); /* IE 9 */
        -moz-transform: rotate(-45deg); /* Firefox */
        -webkit-transform: rotate(-45deg); /* Safari and Chrome */
        -o-transform: rotate(-45deg); /* Opera */
        /*rotation-point:50% 50%;*/ /* CSS3 */
        /*rotation:270deg;*/ /* CSS3 */
        line-height: 12px;
        margin-top: 0px;
        padding-left: 5px;
    }

    /*----------------------- snowing effect ------------------------*/

    /*
#snowflakeContainer {
    position: absolute;
    left: 0px;
    top: 0px;
}
.snowflake {
    padding-left: 15px;
    font-family: Cambria, Georgia, serif;
    font-size: 14px;
    line-height: 24px;
    position: fixed;
    color: #6b92b9;
    user-select: none;
    z-index: 1000;
}
.snowflake:hover {
    cursor: default;
}
    */