/**
 * Panel
 */
.mn-panel,
.mn-panel *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mn-panel{
    position: relative;
    overflow: hidden;
    margin: 30px 0;
    -webkit-box-shadow: 0 0 20px -20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 20px -20px rgba(0,0,0,0.1);
    box-shadow: 0 0 20px -20px rgba(0,0,0,0.1);
}

.mn-panel table,
#money-countries-wrap table{
    border-collapse: collapse;
    background: #F8F8F8;
    width: 20em;
}

.mn-panel th,
.mn-panel td,
#money-countries-wrap th,
#money-countries-wrap td{
    border: 1px solid #AAA;
    height: 1em;
}

.mn-panel th,
#money-countries-wrap th { background: #CCC; }

.mn-panel td,
#money-countries-wrap td{ padding: 5px 10px; }

.mn-panel tr.header,
#money-countries-wrap tr.header { background: #dddddd; }

/* menu */
.mn-panel-menu{
    margin: 0;
    padding: 0;
    list-style: none;
}

.mn-panel-menu li{
    margin: 0;
    display: inline-block;
}

.mn-panel-menu li:hover,
.mn-panel-menu li.active{
    background: #f9f9f9;
}

.mn-panel-menu li a{
    font-size: 15px;
    color: #444444;
    display: block;
    padding: 12px 20px;
    cursor: pointer;
    text-decoration: none;
}

/* content */
.mn-panel-content{
    background: #f9f9f9;
    padding: 15px;
}

.mn-panel-page{
    display: none;
}

.mn-panel-page.active{
    display: block;
}

.mn-store .mn-btn-delete-active,
.mn-store .mn-btn-delete-pending,
.mn-store .mn-btn-delete-zone{
    background: #ea5e4f;
    border-bottom: 2px solid #c0392b;
    border-right: 2px solid #c0392b;
}

.mn-store .mn-btn-delete-active:hover,
.mn-store .mn-btn-delete-active:active,
.mn-store .mn-btn-delete-pending:hover,
.mn-store .mn-btn-delete-pending:active,
.mn-store .mn-btn-delete-zone:hover,
.mn-store .mn-btn-delete-zone:active{
    background: #c0392b;
}

.mn-store .mn-btn-edit{
    background: #9b59b6;
    border-bottom: 2px solid #8e44ad;
    border-right: 2px solid #8e44ad;
}

.mn-store .mn-btn-edit:hover,
.mn-store .mn-btn-edit:active{
    background: #8e44ad;
}

.mn-store .mn-btn-approve{
    background: #34495e;
    border-bottom: 2px solid #2c3e50;
    border-right: 2px solid #2c3e50;
}

.mn-store .mn-btn-approve:hover,
.mn-store .mn-btn-approve:active{
    background: #2c3e50;
}

/* Store override */
.mn-store li span.s1{ width: 25%; }
.mn-store li span.s2{ width: 13%; }
.mn-store li span.s3{ width: 13%; }
.mn-store li span.s4{ width: 24.5%; }
.mn-store li span.s5{ width: 24.5%; }

/* pagination */
.mn-panel-pagination{
    display: block;
    margin: 15px auto;
}

.mn-panel-pagination a{
    display: inline-block;
    padding: 4px 6px;
    margin: 0 2px;
    text-decoration: none;
    background: #cccccc;
    color: whitesmoke;
}

.mn-panel-pagination a:hover,
.mn-panel-pagination a.active{
    background: dodgerblue;
    color: whitesmoke;
}


/**
 * Statistics
 */

/* title */
.money-statistics-info h1 span{
    font-size: 14px;
    display: inline-block;
    padding: 8px 15px;
    margin: 0 10px;
    text-transform: uppercase;
}

.money-statistics-info h1 span.ended{
    background: #2ecc71;
    color: white;
}

.money-statistics-info h1 span.refunded{
    background: #e74c3c;
    color: white;
}

.money-statistics-info h1 span.active{
    background: #3498db;
    color: white;
}

/* chart */
#money-chart-container{
    float: left;
    margin-right: 25px;
}

.money-chart-buttons{
    width: 600px;
    overflow: hidden;
}

.money-chart-btn{
    float: left;
    display: inline-block;
    overflow: hidden;
    background: transparent;
    border: none;
    color: #555555 !important;
    padding: 10px;
    margin: 0;
    font-size: 14px;
    text-decoration: none;

    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.money-chart-btn:hover,
.money-chart-btn.active{
    background: white;
}

.money-chart-buttons p{
    clear: both;
    background: white;
    margin: 0 !important;
    padding: 15px;
    border-bottom: 1px solid #cccccc;
}

.money-chart-buttons p a{
    display: inline-block;
    padding: 2px 4px;
    margin: 0 2px;
    background: #fcfcfc;
    color: #555555;
}

.money-chart-buttons p a:hover,
.money-chart-buttons p a.active{
    background: #3498db;
    color: white;
}

.money-chart-wrap{
    width: 600px;
    height: auto;
    background: white;
}


/**
 * Import / Export
 */
#money-page-import-export textarea{
    width: 100%;
    min-height: 100px;
}