html 
{
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}

body 
{
    background-color: #ffffff;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

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

.hidden {
    display: none;
}
/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}
/* Styles for master
-----------------------------------------------------------*/
.development {
     background-color:#cccccc;
    color:#4c4c4c;
    font-size:12px;
    padding:3px;
    text-align:center;
}
.development-settings {
    background-color: #fc3;
    color:#4c4c4c;
    font-size:12px;
    padding:3px;
    text-align:center;
}
.content-wrapper 
{
    margin: 0 auto;
    max-width: 1020px;
}
.mobileDetect 
{
    width: 1px;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}
/* ------------------- table styles -------------------*/
.table 
{
    border-spacing: 0;
    width: 100%
}
.table tbody>tr>td 
{
    padding: 8px;    
    vertical-align: top;
    border-top: 1px solid #dddddd;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th 
{
    background-color:#f9f9f9
}
.table-left
{
    text-align: left;    
}
.table-center
{
    text-align: center;    
}
.table-right
{
    text-align: right;    
}
.table a 
{
    text-decoration:none;
    color: black;
}
/* ------------------- clearfix -------------------*/
.clearfix { zoom:1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* ----------------------header ----------------------*/
.header
{
    position:relative;
}
.header__line
{
    border-bottom:2px solid #bdc1c4;
}

.logo-block
{
    position:relative;
    float:left;
    height:45px;
    margin-left:20px;
}
.logo-block-login
{
    position:relative;
    float:left;
    height:58px;
}
.logo-link
{
    display:block;
    position:relative;
    float:left;
    width:125px;
    height:45px;
    /*background-image: url(Images/sitelogo.png);
    background-repeat:no-repeat;*/
}
.logo_icon
{
    display:inline-block;
    width:125px;
    height:24px;
    margin-top:10px;
    background-image: url(Images/sitelogo.png);
    background-repeat:no-repeat;
}
.logo-login
{
    position:relative;
    display:inline-block;
    width:300px;
    height:58px;
    background-image: url(Images/apacsale-logo.jpg);
}
.drop-down-link
{
    display:inline-block;
    height:16px;
    width:16px;
}

.drop-down-link__location
{
    display:block;
    position:relative;
    float:left;
    height:45px;
    width:20px;
}

.drop-down-link__user-info
{
    height:45px;
}

.drop-down-link_icon
{
    display:inline-block;
    width:10px;
    height:10px;
    background-position:-80px -50px;
}

.drop-down-link_icon__location
{
    margin:20px 0 0 5px;
}

.drop-down-link:hover .drop-down-link_icon
{
    background-position:-100px -50px;
}
.user-info
{
    position:relative;
    float:right;
    height:45px;
    line-height:45px;
    margin-right:20px;
    min-width:170px;
    text-align:right;
}


.user-info_userpic
{
    position:relative;
    float:right;
}

.user-info_name
{
    position:relative;
    float:right;
}

.user-info_userpic-default
{
    display:inline-block;
    width:30px;
    height:30px;
    background-position:-200px -50px;
    margin:7px 5px 0 0;
}

.main-images
{
    background-image: url('Images/main-images.png');
    background-repeat: no-repeat;
}
.overlay-menu-block
{
    display:none;
    position:absolute;
    top:15px;
    right:0;
    line-height:normal;
    background-color:#ffffff;
    box-shadow: 0 0 4px #999999;
    padding:7px 0;
    z-index:1000;
}

.overlay-menu-block__header
{
    top:35px;
    right: 5px;
}

.overlay-menu-block__left
{
    right:auto;
    left:0;
}

.overlay-menu-block__location-switcher
{
    width:210px;
    z-index:1002;
}

.overlay-menu-block_link
{
    display:block;
    font-size:12px;
    color:#000000;
    text-decoration:none;
    padding:5px 15px;
}
/*.overlay-menu-block_link-mobile
{
    display:block;
    font-size:12px;
    color:#000000;
    text-decoration:none;
    padding:5px 15px;
}
.overlay-menu-block-mobile
{
    border: 1px solid #999;
}*/



.overlay-menu-block_link__main-menu
{
    font-size:14px;
    text-decoration:none;
    text-transform:uppercase;
    color:#7f7f7f;
}

.overlay-menu-block_link:hover
{
    background-color:#e5e5e5;
}

.overlay-menu-block_link__selected, .overlay-menu-block_link__selected:hover
{
    background-color:#ffffff;
    font-weight:700;
    cursor:default;
}



.top-menu
{
    position:relative;
    float:right;
    height:45px;
}
.top-menu-link
{
    display:inline-block;
    height:100%;
    font-size:14px;
    line-height:45px;
    text-decoration:none;
    color:#4C4C4C;
    padding:0 15px;
    outline: medium none;
}
.top-menu-link:hover
{
    background-color:#D8D8D8;
}
.top-menu-link__selected, .top-menu-link__selected:hover
{
    background-color:#7F7F7F;
    color:#ffffff;
}

/* ------------------------ content ------------------------------ */
.content
{
    padding-bottom:30px;
}
/* ------------------------ footer ------------------------------- */
.footer
{
    position:relative;
}
.footer__line
{
    border-top:2px solid #bdc1c4;
}

.footer-content
{
    text-align: right;
    padding-right: 20px;
    font-size:12px;
    color:#7F7F7F;
}
/* -------------------------- buttons -----------------------------*/

.button
{
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-size:18px;
    font-weight:500;
    padding:5px 10px;
    background-color:#4C4C4C;
    color:#ffffff;
    border:1px solid #333333;
    cursor:pointer;
}

.button__main
{
    background-color:#00D024;
    border:1px solid #00AB24;
}

.button__main:hover
{
    border:1px solid #007C24;
}

.button__light
{
    background-color:#E5E5E5;
    border:1px solid #999999;
    color:#333333;
}

.button-nolink 
{
    text-decoration:none;
}

.button__light:hover
{
    background-color:#A5A5A5;
    border:1px solid #7F7F7F;
}

.button__vert-space
{
    margin:5px 0;
}

.button__disable, .button__disable:hover
{
    background-color:#E8E8E8;
    border:1px solid #cccccc;
    color:#B2B2B2;
    cursor:default;
}
/* ------------------------- Login page --------------------------------*/

.login-main-table
{
    width:100%;
    height:100%;
    background-color:#333333;
    margin-top:0;
}

.login-form
{
    width:300px;
}

.login-form-field
{
    width:100%;    
    margin-bottom:10px;
    text-align:left;
}

.login-form-field_label
{
    color:#7f7f7f;
}

.login-form-field_input
{
    width:300px;
    padding:5px;
}

.login-form-button
{
    background-color:#7f7f7f;
    width: 80px;
}

.login-form_error
{
    height:24px;
}

.error-message-pages
{
    color:#d63434;
    font-size:0.9em;
}
/* ------------------------- Revenue --------------------------------*/
.revenue-report-body
{
    height:100%;
/*    width:100%;*/
    /*font-size:12px;*/
}
.revenue-report-form
{
    height:100%;
    width:100%;
     font-size: 16px;
}
.revenue-report-title
{
    font-size:18px;
    padding:0 10px 15px 10px;
}
.revenue-report-block
{
    height:100%;
    margin-bottom:30px;

}
.revenue-loading 
{
    font-size: 4em;
    color: #bdc1c4;
    width: 100%;
    text-align: center;
}
/* ------------------------- Now --------------------------------*/
.ff-nolink 
{
    text-decoration:none;
    color: black;
}
.ff-nolink:visited
{
    text-decoration:none;
    color: black;
}
.ff-nolink:hover
{
    text-decoration:none;
    font-weight: bold;
    color: black;
    cursor:pointer;
}
.ff-revenue-total 
{
    font-size: 10em;
    color: black;
    width: 100%;
    text-align: center;
}
.ff-revenue
{
    padding-left: 20px;
    float: left;
    width:60%;
}
.ff-revenue-report-block
{
    height:100%;
}
.ff-revenue-report-block-h
{
    height:60%;
    width:50%;
    position:relative;
    float:left;
}
.ff-revenue-report-block-m
{
    height:60%;
    width:50%;
    position:relative;
    float:right;
}
.ff-country-summary 
{
    width: 35%;
    float: right;
    padding-right: 20px;
}
.ff-country-summary-h
{
    width: 60%;
    float: left;
    padding-left: 20px;
}
.ff-country-summary-table-country 
{
    text-align: left;
    font-weight: bold;
    width: 20px;
}
.ff-location-summary-table-location 
{
    text-align: left;
    font-weight: bold;
    width: 70px;
}

.ff-gauges 
{
    width: 70%;
    margin-left:auto;
    margin-right:auto;
}

.ff-revenue-stat 
{
    width: 100%;
    margin-left:auto;
    margin-right:auto;
}
.ff-revenue-stat-table 
{
    width: 100%;
    border-spacing: 0;
}
.ff-revenue-stat-td-data 
{
    font-size: 4em;
    color: black;
    text-align: center;
}
.ff-revenue-stat-td-label 
{
    font-size: 2em;
    color: #bdc1c4;
    text-align: center;
}
.ff-revenue-hstat-td-data 
{
    font-size: 2em;
    color: black;
    width: 25%;
    text-align: center;
}
.ff-revenue-hstat-td-label 
{
    font-size: 1em;
    color: #bdc1c4;
    text-align: center;
}
.ff-origin-base 
{
    width: 60%;
    height: 20px;
    margin-left:auto;
    margin-right:auto;
    border: 2px solid #bdc1c4;
    background-color: #bdc1c4;
}
.ff-origin-mobile
{
    background-color: #00ab24;
    float: left;
    width: 1%;
    height: 20px;
    text-align: center;
}
.ff-origin-pc
{
    background-color: #0dddec;
    float: right;
    width: 1%;
    height: 20px;
    text-align: center;
}
.ff-sales-summary 
{
    width: 35%;
    float: right;
    padding-right: 20px;
}
.ff-table 
{
    width: 100%;
    border-spacing: 0;
}
.ff-table thead > tr > th 
{
    text-align: center;
    border-bottom: 2px solid #bdc1c4;
}
.text-green 
{
    color: green;
}
.text-red 
{
    color: red;
}

.consolidation-pie {
    
    width: 50%;
    margin: 0 auto;
}

.consolidation-stat
{
    width: 100%;
    margin-left:auto;
    margin-right:auto;
}


.consolidation-stat-container
{
    padding-left: 20px;
    float: left;
    width:100%;
}
.consolidation-stat-chart
{
    min-width: 700px;
    height: 400px;
    width: 95%;
}

.ticket-pie {
    height:60%;
    position:relative;
    float:left;
    width: 100%;
    margin: 0 auto;
}

.vouchers-stat {
    padding-left: 20px;
    padding-right: 20px;
    width:100%;
}

.vouchers-pie {
    height:60%;
    position:relative;
    float:left;
    width: 100%;
    margin: 0 auto;
}