/****************************************************************************************
	Dashboard
****************************************************************************************/
#dashboard-commission-content-template {
    display: none !important;
}

#main-content-wrapper .main-content-box.dashboard {
    background: #fff;
}

#main-content-wrapper .main-content-box.dashboard .loading-div {
	position: absolute;
	width: 1024px;
	height: 748px
}

#dashboard-top {
	width: 1024px;
	height: 62px;
	
	text-align: center;

    background: #1F1F1F;
}

#dashboard-top .menu-left-activator {
	margin: 9px 18px 0 9px;
	float: left;
}

#dashboard-top h2 {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	text-shadow: none;
	padding-top: 15px;
}

#dashboard-top select {
    width: 80px;

    float: right;
    margin: 22px 20px 0 0;

    outline: 0;
    border: 0;

    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-shadow: none;

    background: #1F1F1F url('images/dashboard-icon-th-arrow.png') center right no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;

    cursor: pointer;
}

#dashboard-top span.title-menu {
    float: right;

    margin: 23px 35px 0 0;

    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-shadow: none;

    cursor: pointer;
}

#dashboard-top span.title-menu.disabled {
    color: #B5B5B5;
}

/****************************************************************************************
	Coworkers
****************************************************************************************/
#dashboard-coworkers {
    width: 1024px;
    height: 75px;

    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

#dashboard-coworkers .scroller {
    min-width: 1024px;
    height: 75px;

    overflow: hidden;
}

#dashboard-coworkers .scroller .dashboard-coworker-item {
    width: 180px;
    height: 65px;
    margin: 5px 20px 5px 5px;

    float: left;

    overflow: hidden;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;

    cursor: pointer;
}

#dashboard-coworkers .scroller .dashboard-coworker-item.active {
    cursor: auto;
}

#dashboard-coworkers .scroller .dashboard-coworker-item div.profile {
    width: 55px;
    height: 55px;

    margin-top: 5px;

    border: 2px solid #E8ECF2;
    -webkit-border-radius: 35px;
    border-radius: 35px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;

    background-size: 100% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    float: left;
}

#dashboard-coworkers .scroller .dashboard-coworker-item span.name {
    width: 105px;
    height: 30px;

    display: block;
    margin-left: 65px;
    margin-top: 3px;

    color: #616D7E;
    font-size: 14px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#dashboard-coworkers .scroller .dashboard-coworker-item span.mtnr {
    width: 125px;
    height: 27px;

    display: block;
    margin-left: 55px;
    margin-top: 5px;

    color: #616D7E;
    font-size: 20px;
    text-align: center;
}

#dashboard-coworkers .scroller .dashboard-coworker-item div.separator {
    width: 125px;
    height: 1px;

    margin-left: 55px;

    background: #F3F5F7;
}

#dashboard-coworkers .scroller .dashboard-coworker-item.active div.separator {
    background: #3F6596;
}

#dashboard-coworkers .scroller .dashboard-coworker-item.active div.profile {
    border-color: #3F6596;
}

/****************************************************************************************
	Content
****************************************************************************************/
#dashboard-content {
    width: 1024px;
    height: 610px;

    overflow: hidden;
}

#dashboard-content img.indicator {
    width: 18px;
    height: 18px;
}

#dashboard-content img.indicator.down {
	content: url('Images/dashboard-indicator-down.png');
}

#dashboard-content img.indicator.up {
	content: url('Images/dashboard-indicator-up.png');
}

#dashboard-content img.indicator.fix {
	content: url('Images/dashboard-indicator-fix.png');
}

#dashboard-content .dashboard-left-content {
    width: 684px;
    height: 610px;

    float: left;

    position: relative;
}

#dashboard-content .dashboard-right-content {
    width: 340px;
    height: 610px;

    float: right;

    overflow: hidden;
}

#main-content-wrapper .main-content-box.dashboard .dashboard-separator {
    width: 1004px;
    height: 1px;

    margin-left: 20px;

    background: #C8C7CC;
}

/****************************************************************************************
	Left Content (Structure)
****************************************************************************************/
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper {
    width: 684px;
    height: 500px;

    overflow: hidden;

    position: relative;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-chart {
    width: 684px;
    height: 500px;

    background: #fff;

    overflow: hidden;

    position: absolute;

	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-yearly-chart {
    width: 684px;
    height: 500px;

    background: #fff;

    overflow: hidden;

    position: absolute;

    /*
    -webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
    */

	-webkit-transform: translate(684px, 0);
	-moz-transform: translate(684px, 0);
	transform: translate(684px, 0);
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-yearly-chart.open {
    -webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-yearly-chart #dashboard-prev-year-months-chart {
    width: 100%;
    height: 250px;
    padding: 8px;
    box-sizing: border-box;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-yearly-chart #dashboard-prev-year-years-chart {
    width: 100%;
    height: 250px;
    padding: 8px;
    box-sizing: border-box;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup {
    width: 684px;
    height: 500px;

    padding: 5px 10px 5px 10px;
    box-sizing: border-box;
    font-size: 13px;

    background: #fff;

    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    position: absolute;

    /*
    -webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
    */

	-webkit-transform: translate(684px, 0);
	-moz-transform: translate(684px, 0);
	transform: translate(684px, 0);
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup.open {
    -webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup .pages {
    height: 35px;
    margin-bottom: 5px;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup .pages .pages-menu {
    display: inline-block;
    margin: 0 5px 0 0;
    background: #fff;
    height: 35px;
    line-height: 35px;
    width: 70px;
    text-align: center;
    cursor: pointer;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup .pages .pages-menu.active {
    background: #eee;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup .pages-wrapper {
    width: 658px;
    height: 446px;
    overflow: hidden;
    position: relative;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup .pages-wrapper .page {
    position: absolute;
    left: 1000px;
    top: 0;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup .pages-wrapper .page.active {
    left: 0;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup .page.y20192 table.data-table th.bonus,
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup .page.y20192 table.data-table td.bonus,
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup .page.y20201 table.data-table th.bonus,
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup .page.y20201 table.data-table td.bonus {
    display: none;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table {
    table-layout: fixed;
    width: 100%;
    text-shadow: none;
    border-spacing: 0;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table .col1 { width: 70px; background: #eee; padding-left: 8px; box-sizing: border-box; }
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table .col2 { width: 150px; background: #eee; padding-left: 8px; box-sizing: border-box; }
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table .col3 { width: 210px; padding-left: 8px; box-sizing: border-box; }
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table .col4 { width: 150px; padding-left: 8px; box-sizing: border-box; }
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table .col5 { }
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table .grey { color: #507896; }

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table.header-table tr {
    height: 27px;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table.data-table {
    font-size: 12px;
    border-spacing: 0;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table.data-table th {
    background: #A6A6A6;
    color: #fff;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table.data-table th.title {
    width: 80px
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table.data-table tbody tr {
    height: 25px;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table.data-table td {
    text-align: center;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table.data-table td.act {
    background: #eee;
    color: #507896;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table.data-table td.prev {
    background: #eee;
    color: #5E5E5F;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table.data-table td.bronze {
    background: #eee;
    color: #FB7D71;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table.data-table td.silver {
    background: #eee;
    color: #A9A9A9;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table.data-table td.gold {
    background: #eee;
    color: #FCAC6C;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table.data-table td.total {
    background: #eee;
    font-weight: bold;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table.data-table td.grey {
    color: #507896;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup table.data-table td.total.grey {
    color: #507896;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup .plan-chart {
    width: 658px;
    height: 215px;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup input {
    width: 30px;
    padding: 3px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 1px solid #A6A6A6;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-plan2019-popup button {
    border: 0;
    padding: 15px;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: #eee;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-covid19-popup {
    width: 684px;
    height: 500px;

    padding: 5px 10px 5px 10px;
    box-sizing: border-box;
    font-size: 13px;

    background: #fff;

    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    position: absolute;

    /*
    -webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
    */

	-webkit-transform: translate(684px, 0);
	-moz-transform: translate(684px, 0);
	transform: translate(684px, 0);
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-covid19-popup video {
    width: 80%;
    height: auto;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-covid19-popup p {
    text-align: justify;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-covid19-popup.open {
    -webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup {
    width: 684px;
    height: 500px;

    padding: 5px 10px 5px 10px;
    box-sizing: border-box;
    font-size: 13px;

    background: #fff;

    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    position: absolute;

    /*
    -webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
    */

	-webkit-transform: translate(684px, 0);
	-moz-transform: translate(684px, 0);
	transform: translate(684px, 0);
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup.open {
    -webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .dashboard-data-info-title-container {
    height: 40px;
    text-align: center;
    position: relative;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .dashboard-data-info-title-container span {
    display: block;
    padding: 10px;
    font-size: 17px;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .dashboard-data-info-title-container div.icon-left {
    position: absolute;
    left: 5px;
    top: 6px;
    cursor: pointer;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .dashboard-data-info-title-container div.icon-right {
    position: absolute;
    right: 5px;
    top: 6px;
    cursor: pointer;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content {
    width: 670px;
    height: 440px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    text-shadow: none;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content > p {
    padding-top: 30px;
    display: block;
    clear: both;
    display: none;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content > p span {
    font-weight: bold;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content .column {
    width: 88px;
    display: block;
    float: left;
    border-left: 1px solid #C8C7CC;
    box-sizing: border-box;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content .column:last-child {
    border-right: 1px solid #C8C7CC;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content .column.col-1 {
    width: 45px;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content .column .cell {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-top: 1px solid #C8C7CC;
    box-sizing: border-box;
    font-size: 90%;

    overflow: hidden;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content .column .cell:last-child {
    border-bottom: 1px solid #C8C7CC;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content .column .cell.header {
    background: #eee;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content .column.today .cell.header {
    background: #74b9ff;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content .column.weekend .cell.header {
    background: #fab1a0;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content .column .cell.available {
    background: rgba(162, 212, 113, 0.2);
    cursor: pointer;
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content .column .cell.used {
    background: rgba(241, 113, 113, 0.2);
}
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content .column .cell.deleteable {
    cursor: pointer;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-appointment-popup .content .column .cell span {
    display: -moz-inline-box;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

/****************************************************************************************
	Left Content (Other screens)
****************************************************************************************/
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-info {
    width: 684px;
    height: 500px;

    background: #fff;

    overflow: hidden;

    position: absolute;

    -webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
	
	-webkit-transform: translate(684px, 0);
	-moz-transform: translate(684px, 0);
	transform: translate(684px, 0);
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper.open #dashboard-data-info {
    -webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-info.long #dashboard-data-info-title {
    height: 70px;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-info.long #dashboard-data-info-content {
    height: 430px;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-info #dashboard-data-info-title {
    width: 664px;
    height: 40px;
    margin-left: 20px;
    border-bottom: 1px solid #c8c7cc;
    border-bottom: 1px solid rgba(200, 199, 204, 0.2);

    box-sizing: border-box;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-info #dashboard-data-info-title .dashboard-data-info-title-container {
    height: 40px;

    text-align: center;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-info #dashboard-data-info-title .dashboard-data-info-title-container span {
    display: block;
    padding: 10px;
    font-size: 17px;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-info #dashboard-data-info-title .dashboard-data-info-title-container .header-icon {
    float: right;
    width: 30px;
    height: 30px;

    margin: 5px 8px 0 0;

    border: 1px solid #C8C7CC;

    -webkit-border-radius: 30px;
    border-radius: 30px;

    box-sizing: border-box;

    text-align: center;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-info #dashboard-data-info-title .dashboard-data-info-title-container .header-icon.active {
    border-color: #3F6596;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-info #dashboard-data-info-title .dashboard-data-info-title-container .header-icon span {
    padding: 5px 0;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-info #dashboard-data-info-title .content-header {
    margin-top: 5px;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-info #dashboard-data-info-content {
    width: 684px;
    height: 460px;

    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    position: relative;
}

#dashboard-data-info-content div.loading {
    width: 684px;
    height: 460px;

    background: #fff url('Images/ajax-loader-white.gif') center center no-repeat;
}

#dashboard-data-info.long div.loading {
    height: 430px;
}

/****************************************************************************************
	Left Content (Description)
****************************************************************************************/
#dashboard-data-info-content .table-description {
    width: 664px;
    margin: 10px 10px 20px 10px;
    background: #E8ECF2;
    padding: 10px;
    box-sizing: border-box;
}

#dashboard-data-info-popup-content .table-description {
    width: 780px;
    margin: 10px 10px 20px 10px;
    background: #E8ECF2;
    padding: 10px;
    box-sizing: border-box;
}

#dashboard-data-info-content .table-description ul,
#dashboard-data-info-popup-content .table-description ul {
    margin-left: 15px;
}

/****************************************************************************************
	Left Content (Incentive detailed)
****************************************************************************************/
#dashboard-data-info-popup-content .table-description.detailed {
    text-shadow: none;
    font-size: 13px;
}

#dashboard-data-info-popup-content .table-description.detailed p {
    font-weight: bold;
    margin: 10px;
}

#dashboard-data-info-popup-content .table-description.detailed table {
    width: 100%;
}

#dashboard-data-info-popup-content .table-description.detailed table tr:first-child td {
    border-bottom: 1px solid #000;
    text-align: center;
}

#dashboard-data-info-popup-content .table-description.detailed table tr:nth-child(odd) {
    background-color: #DCE0E5;
}

#dashboard-data-info-popup-content .table-description.detailed table tr td {
    padding-left: 5px;
}

#dashboard-data-info-popup-content .table-description.detailed table tr td:nth-child(1) { width: 20%; }
#dashboard-data-info-popup-content .table-description.detailed table tr td:nth-child(2) { width: 35%; }
#dashboard-data-info-popup-content .table-description.detailed table tr td:nth-child(3) { width: 15%; }
#dashboard-data-info-popup-content .table-description.detailed table tr td:nth-child(4) { width: 25%; }

/****************************************************************************************
	Left Content (Table lists)
****************************************************************************************/
#dashboard-data-info .dashboard-table-header {
    width: 664px;
    margin-left: 10px;
}

#dashboard-data-info-popup .dashboard-table-header {
    width: 780px;
    margin-left: 10px;
}

#dashboard-data-info .dashboard-table {
    width: 664px;
    margin: 5px 0 0 10px;
}

#dashboard-data-info-popup .dashboard-table {
    width: 780px;
    margin: 5px 0 0 10px;
}

#dashboard-data-info .dashboard-table.bottom,
#dashboard-data-info-popup .dashboard-table.bottom {
    margin-bottom: 30px;
}

#dashboard-data-info .dashboard-table-header .row,
#dashboard-data-info .dashboard-table .row,
#dashboard-data-info-popup .dashboard-table-header .row,
#dashboard-data-info-popup .dashboard-table .row {
    padding: 3px 0 3px 0;

    border-bottom: 1px solid #c8c7cc;
    border-bottom: 1px solid rgba(200, 199, 204, 0.1);

    box-sizing: border-box;
}

#dashboard-data-info-popup .dashboard-table .row.accepted {
    color: #C0392B;
}

#dashboard-data-info .dashboard-table .row.noborder,
#dashboard-data-info .dashboard-table-header .row,
#dashboard-data-info-popup .dashboard-table .row.noborder,
#dashboard-data-info-popup .dashboard-table-header .row {
    border: 0;
}

#dashboard-data-info .dashboard-table .row.top-border,
#dashboard-data-info-popup .dashboard-table .row.top-border {
    border-top: 1px solid #c8c7cc;
}

#dashboard-data-info .dashboard-table .row.highlighted,
#dashboard-data-info .dashboard-table-header .row.highlighted,
#dashboard-data-info-popup .dashboard-table .row.highlighted,
#dashboard-data-info-popup .dashboard-table-header .row.highlighted {
    background: #E8ECF2;
}

#dashboard-data-info .dashboard-table-header .row span,
#dashboard-data-info .dashboard-table .row span,
#dashboard-data-info-popup .dashboard-table-header .row span,
#dashboard-data-info-popup .dashboard-table .row span {
    float: left;
    font-size: 13px;

    text-align: right;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Scrolling position columns */
#dashboard-data-info .dashboard-table .row span.scrolling-title {
    width: 250px;
    text-align: left;
}

#dashboard-data-info .dashboard-table .row span.scrolling-data {
    width: 200px;
}

#dashboard-data-info .dashboard-table-header .row span.scrolling-column1,
#dashboard-data-info .dashboard-table .row span.scrolling-column1 {
    width: 235px;
    text-align: left;
    margin-left: 20px;
}

#dashboard-data-info .dashboard-table-header .row span.scrolling-column2,
#dashboard-data-info .dashboard-table .row span.scrolling-column2 {
    width: 200px;
}

#dashboard-data-info .dashboard-table-header .row span.scrolling-column3,
#dashboard-data-info .dashboard-table .row span.scrolling-column3 {
    width: 200px;
}

/* Feedback columns */
#dashboard-data-info .dashboard-table .row span.feedback-title {
    margin-left: 20px;
}

#dashboard-data-info .dashboard-table .row img.feedback-icon {
    float: left;
    margin: 0 10px 0 10px;
}

#dashboard-data-info .dashboard-table .row span.feedback-text {
    width: 600px;
    text-align: left;
}

/* Contract columns */
#dashboard-data-info .dashboard-table .row span.contract-title {
    margin-left: 20px;
}

#dashboard-data-info .dashboard-table .row span.contract-offer {
    width: 150px;
    text-align: left;
    margin-left: 10px;

    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}

#dashboard-data-info .dashboard-table .row span.contract-product {
    width: 300px;
    text-align: left;
}

#dashboard-data-info .dashboard-table .row span.contract-deposit {
    width: 120px;
    text-align: left;
}

#dashboard-data-info .dashboard-table .row span.contract-unit {
    width: 70px;
    text-align: right;
}

/* Commission columns */
#dashboard-data-info .dashboard-table .row span.commission-title {
    margin-left: 20px;
}

#dashboard-data-info .dashboard-table .row span.commission-caption {
    margin-left: 10px;
    text-align: left;
    width: 300px;
}

#dashboard-data-info .dashboard-table .row span.commission-caption.right {
    margin-left: 30px;
    width: 280px;
}

#dashboard-data-info .dashboard-table .row span.commission-caption.th {
    text-decoration: underline;
    margin-top: 5px;
}

#dashboard-data-info .dashboard-table .row span.commission-data {
    text-align: left;
}

/* Daily columns */
#dashboard-data-info .dashboard-table-header .row span.daily-header1 {
    width: 350px;
    text-align: left;
}

#dashboard-data-info .dashboard-table-header .row span.daily-header2 {
    width: 300px;
    text-align: left;
}

#dashboard-data-info .dashboard-table .row span.daily-date {
    margin-left: 20px;
    width: 100px;
    text-align: left;
}

#dashboard-data-info .dashboard-table .row span.daily-value {
    width: 250px;
    text-align: left;
}

#dashboard-data-info .dashboard-table .row span.daily-date2 {
    width: 100px;
    text-align: left;
}

#dashboard-data-info .dashboard-table .row span.daily-value2 {
    width: 150px;
    text-align: left;
}

/* Weekend */
#dashboard-data-info .dashboard-table .row.weekend span.daily-date2 {
    color: #E40303;
}

#dashboard-data-info .dashboard-table .row.weekend span.daily-value2 {
    color: #E40303;
}

/* Product columns */
#dashboard-data-info .dashboard-table .row span.products-title {
    margin-left: 20px;
}

#dashboard-data-info .dashboard-table-header .row span.product-name {
    width: 310px;
    text-align: left;
}

#dashboard-data-info .dashboard-table-header .row span.product-deposit {
    width: 150px;
    text-align: left;
}

#dashboard-data-info .dashboard-table-header .row span.product-count {
    width: 100px;
    text-align: left;
}

#dashboard-data-info .dashboard-table-header .row span.product-unit {
    width: 100px;
    text-align: left;
}

#dashboard-data-info .dashboard-table .row span.product-name {
    margin-left: 20px;
    width: 265px;
    text-align: left;
}

#dashboard-data-info .dashboard-table .row img.product-indicator {
    width: 18px;
    float: left;
}

#dashboard-data-info .dashboard-table .row span.product-deposit {
    width: 150px;
}

#dashboard-data-info .dashboard-table .row span.product-count {
    width: 100px;
}

#dashboard-data-info .dashboard-table .row span.product-unit {
    width: 100px;
}

/****************************************************************************************
	Left Content (Indicators)
****************************************************************************************/
#dashboard-content .dashboard-left-content .dashboard-left-content-indicators {
    width: 1024px;
    height: 109px;

    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .dashboard-left-content-indicators-slider {
    width: 1134px;
    /* 162 * item count */
    /*margin-left: 26px;*//*TODO - kivenni ha már scrollozható*/
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item {
    float: left;

    width: 142px;
    height: 80px;

    background: #fff;

    margin: 15px 10px 0 10px;
    
    position: relative;
    overflow: hidden;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;

    border: 1px solid #c8c7cc;
    border: 1px solid rgba(200, 199, 204, 0.5);
    border-radius: 10px;

    cursor: pointer;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item.covid19 > div {
    background: url(/Content/Images/covid19.png);
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center center;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item.selected {
    border-color: #52a8ec;
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px #000000, 0 0 8px #52a8ec;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px #000000, 0 0 8px #52a8ec;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px #000000, 0 0 8px #52a8ec;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item.chart {
    background: #fff url('Images/ios7-dashboard-chart.png') center 25px no-repeat;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item.yearly-chart {
    background: #fff url('Images/ios7-dashboard-chart.png') center 25px no-repeat;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item.plan {
    background: #fff url('Images/ios7-dashboard-plan.png') center 25px no-repeat;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item.appointment {
    background: #fff url('Images/ios7-dashboard-appointment.png') center 25px no-repeat;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item.incentive {
    background: #fff url('Images/ios7-dashboard-incentive.png') center 25px no-repeat;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item.toplist {
    background: #fff url('Images/ios7-dashboard-toplist.png') center 25px no-repeat;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item.position {
    background: #fff url('Images/ios7-dashboard-position.png') center 25px no-repeat;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item.commission {
    background: #fff url('Images/ios7-dashboard-commission.png') center 25px no-repeat;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item.product {
    background: #fff url('Images/ios7-dashboard-position.png') center 25px no-repeat;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item.daily {
    background: #fff url('Images/ios7-dashboard-position.png') center 25px no-repeat;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item span.title {
    margin-top: 5px;
    margin-left: 20px;

    display: block;

    font-size: 14px;
    color: #616D7E;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#dashboard-content .dashboard-left-content .dashboard-left-content-indicators .indicator-item div.separator {
    width: 132px;
    height: 1px;
    margin-left: 10px;
    background: #616D7E;
}

/****************************************************************************************
	Left Content (Menu)
****************************************************************************************/
#dashboard-content .dashboard-left-content .dashboard-left-menu {
    width: 684px;
    height: 100px;

    margin-top: 10px;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller {
    min-width: 684px;
    height: 100px;

    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button {
    float: left;

    width: 208px;
    height: 80px;
    
    margin: 15px 10px 0 10px;

    position: relative;

    overflow: hidden;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;

    border: 1px solid #c8c7cc;
    border: 1px solid rgba(200, 199, 204, 0.2);
    border-radius: 10px;

    cursor: pointer;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.exp {
    /*display: none !important;*/
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.selected {
    border-color: #52a8ec;
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px #000000, 0 0 8px #52a8ec;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px #000000, 0 0 8px #52a8ec;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px #000000, 0 0 8px #52a8ec;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

    cursor: auto;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button:last-child {
    margin-right: 0;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button span {
    display: block;

    -moz-transition: all 0.3s ease-in 0;
	-webkit-transition: all 0.3s ease-in 0;
    -o-transition: all 0.3s ease-in 0;
	transition: all 0.3s ease-in 0;

    color: #616D7E;

	opacity: 0;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.active span {
    opacity: 1;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button span.title {
    margin-top: 5px;
    font-size: 16px;
    margin-left: 20px;

    opacity: 1;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.unit span.title {
    color: #DF761E;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.exp span.title,
#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.plan span.title {
    color: #3B82D1;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.ref span.title,
#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.classification span.title{
    color: #1EDF32;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button div.separator {
    width: 198px;
    height: 1px;
    margin-left: 10px;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.unit div.separator {
    background: #DF761E;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.exp div.separator,
#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.plan div.separator {
    background: #3B82D1;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.ref div.separator,
#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.classification div.separator{
    background: #1EDF32;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button span.row1 {
    font-size: 14px;
    font-weight: bold;

    margin: 4px 0 0 100px;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button span.row2 {
    font-size: 14px;
    font-weight: bold;

    margin-left: 100px;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button span.row3 {
    font-size: 12px;
    font-weight: bold;

    margin-left: 100px;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button span.row1 .row1-data,
#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button span.row2 .row2-data,
#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button span.row3 .row3-data {
    display: inline;
    float: right;
    margin-right: 10px;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button span.percent {
    position: absolute;
    top: 30px;
    left: 15px;

    width: 48px;
    text-align: right;

    font-size: 28px;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.plan span.percent {
    left: 50px;
    width: 100px;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button span.percent-symbol {
    position: absolute;
    top: 46px;
    left: 68px;

    font-size: 15px;
    font-weight: bold;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button img.indicator {
    position: absolute;
    left: 65px;
    top: 28px;

    width: 18px;
    height: 18px;

    display: none;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.active img.indicator {
    display: block;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button .qc-indicator {
    position: absolute;
    top: 62px;
    left: 20px;

    font-size: 14px;
    font-weight: bold;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button .qc-indicator span {
    display: initial;
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button .loader {
	position: absolute;

	left: 96px;
    top: 42px;

	width: 16px;
	height: 16px;

	content: url('Images/dashboard-block-loader-white.gif');
}

#dashboard-content .dashboard-left-content .dashboard-left-menu .scroller .button.active .loader {
	display: none;
}

/****************************************************************************************
	Left Content (Chart)
****************************************************************************************/
#dashboard-content .dashboard-left-content #dashboard-left-chart {
    width: 670px;
    height: 350px;

    margin: 20px 5px 20px 5px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan {
    display: none;
    width: 670px;
    height: 350px;

    margin: 20px 5px 20px 5px;

    color: #5B9BD5;

    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .chart {
    width: 100%;
    height: 220px;
    border-bottom: 1px solid #5B9BD5;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .chart .item {
    float: left;
    height: 200px;
    margin-top: 20px;
    width: 150px;

    position: relative;
    /*overflow: hidden;*/
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .chart .item.title {
    width: 165px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .chart .item.title .prev-year {
    display: block;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    text-align: left;
    color: #BCBCBC;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .chart .item.title .act-year {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    text-align: left;
    color: #5B9BD5;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .chart .item.button {
    width: 40px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .chart .item .prev-own {
    position: absolute;
    left: 20px;
    width: 50px;
    bottom: 0px;

    background: #D9D9D9;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .chart .item .prev-own span {
    width: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
    text-shadow: none;
    margin-top: -17px;
    color: #BCBCBC;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .chart .item .actual-own {
    position: absolute;
    left: 80px;
    width: 50px;
    bottom: 0px;

    background: #5B9BD5;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .chart .item .actual-own span {
    width: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
    text-shadow: none;
    margin-top: -17px;
    color: #5B9BD5;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .chart .item .plan-own {
    position: absolute;
    left: 80px;
    width: 50px;
    bottom: 0px;
    height: 0px;

    overflow: hidden;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .chart .item .plan-own .fill {
    width: 100%;
    height: 100%;
    border-top: 1px solid #5B9BD5;
    border-left: 1px solid #5B9BD5;
    border-right: 1px solid #5B9BD5;
    box-sizing: border-box;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .legend {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #616D7E;
    margin-bottom: 10px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .legend .item {
    float: left;
    height: 30px;
    width: 150px;
    text-align: center;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .legend .item.title {
    width: 165px;
    text-align: left;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .legend .item.button {
    width: 40px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .input {
    width: 100%;
    height: 35px;
    line-height: 35px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .input .item {
    float: left;
    height: 35px;
    width: 150px;
    text-align: center;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .input .item.title {
    width: 165px;
    text-align: left;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .input .item.button {
    width: 40px;
    font-size: 18px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .input .item.button span {
    cursor: pointer;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .input input {
    width: 50px;

    border-right: 1px solid #5B9BD5;
    border-left: 1px solid #5B9BD5;
    border-bottom: 1px solid #5B9BD5;
    border-top: 0;

    -webkit-appearance: none;
    border-radius: 0;

    color: #5B9BD5;
    text-align: center;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .plan-own-table,
#dashboard-content .dashboard-left-content #dashboard-left-plan .plan-team-table {
    width: 100%;
    margin-top: 35px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .plan-own-table .item,
#dashboard-content .dashboard-left-content #dashboard-left-plan .plan-team-table .item {
    width: 100%;
    margin-top: 4px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .plan-own-table .item.header,
#dashboard-content .dashboard-left-content #dashboard-left-plan .plan-team-table .item.header {
    border-bottom: 1px solid #C8C7CC;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .plan-own-table .item .col-1,
#dashboard-content .dashboard-left-content #dashboard-left-plan .plan-team-table .item .col-1 {
    float: left;
    width: 130px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .plan-own-table .item .col-2,
#dashboard-content .dashboard-left-content #dashboard-left-plan .plan-team-table .item .col-2 {
    float: left;
    width: 175px;
    color: #95A5A6;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .plan-own-table .item .col-3,
#dashboard-content .dashboard-left-content #dashboard-left-plan .plan-team-table .item .col-3 {
    float: left;
    width: 175px;
    color: #C0392B;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .plan-own-table .item .col-4,
#dashboard-content .dashboard-left-content #dashboard-left-plan .plan-team-table .item .col-4 {
    float: left;
    width: 175px;
    color: #27AE60;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan > .plan-column {
    display: none;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper {
    width: 1200px;
    margin-top: 20px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column {
    float: left;
    width: 120px;
    margin: 0;
    padding: 0;

    font-size: 13px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .line {
    width: 100%;
    height: 1px;
    background: #000;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .separator {
    margin: 2px 0 5px 0;
    width: 100%;
    height: 20px;
    background: #A6A6A6;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .separator img {
    height: 18px;
    width: auto;
    margin: 1px 0 0 3px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 {
    height: 220px;
    position: relative;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .car-top {
    position: absolute;
    left: 0;
    right: 0;
    background: #DEF1CA;
    border-top: 1px solid #A0B38C;
    border-bottom: 1px solid #92D050;
    box-sizing: border-box;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .car-bottom {
    position: absolute;
    left: 0;
    right: 0;
    background: #F0F8E6;
    border-bottom: 1px solid #A6A6A6;
    box-sizing: border-box;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .car-max,
#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .car-normal,
#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .car-min {
    position: absolute;
    left: 0;
    right: 0;
    text-align: right;
    transform: translateY(14px);
    height: 28px;
    line-height: 28px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .car-normal img {
    height: 24px;
    width: auto;
    float: left;
    margin: 1px 0 0 30px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .car-max span,
#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .car-normal span,
#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .car-min span {
    margin-right: 5px;
    color: #8EBC7A;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .plan-chart {
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 30px;
    border: 1px dashed #A6A6A6;
    border-radius: 5px;
}
#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .plan-chart.alt {
    border: 1px dashed #fff;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .plan-chart > span {
    display: block;
    text-align: center;
    margin-top: -16px;
}
#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .plan-chart.alt > span {
    color: #fff;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .unit {
    position: absolute;
    bottom: 0;
    left: 31px;
    right: 31px;
    background: #5B9BD5;
    border-radius: 5px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .chart2018 .unit span {
    display: block;
    text-align: center;
    font-size: 12px;

    margin-top: -16px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .th {
    width: 100%;
    text-align: center;
    padding-top: 8px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column.title .th {
    text-align: right;
    background: #eee;
    color: #595959;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .th i {
    cursor: pointer;
    margin-right: 5px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .plan-unit {
    width: 100%;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 20px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column.title .plan-unit {
    text-align: right;
    background: #eee;
    color: #595959;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .plan-row {
    padding: 5px 0 0 0;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .plan-row.r7 {
    padding-bottom: 5px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .plan-row.r8 {
    height: 20px;
    background: initial !important;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .plan-row.r8 div {
    /*width: 710px;*/
    overflow: visible;
    white-space: nowrap;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .plan-row.sub {
    font-size: 12px;
    padding-bottom: 15px;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column.data .plan-row {
    text-align: center;
}
#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column.title .plan-row {
    text-align: right;
    background: #eee;
}

#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .plan-row.black {
    color: #595959;
}
#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .plan-row.grey {
    color: #A6A6A6;
}
#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .plan-row.green {
    color: #92D050;
}
#dashboard-content .dashboard-left-content #dashboard-left-plan .wrapper .plan-column .plan-row.orange {
    color: #FF7C5A;
}

/****************************************************************************************
	Team list
****************************************************************************************/
#dashboard-content .dashboard-right-content #dashboard-team-list {
    width: 340px;
    height: 500px;

    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    background: #E8ECF2;
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item {
    width: 330px;
    height: 60px;

    overflow: hidden;

    margin: 5px 10px 10px 0;

    cursor: pointer;
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item:last-child {
    margin-bottom: 15px;
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item.inactive {
    -webkit-filter: grayscale(1);
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item div.profile {
    width: 55px;
    height: 55px;

    margin: 5px 10px 0 10px;

    border: 2px solid #3F6596;

    float: left;

    -webkit-border-radius: 35px;
    border-radius: 35px;

    background-size: 100% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;

    backface-visibility: hidden;
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item div.content {
    width: 275px;
    height: 65px;

    position: relative;

    margin-left: 55px;
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item div.content span.name {
    color: #697586;
    font-size: 15px;

    display: block;
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item div.content span.mtnr {
    color: #939496;
    font-size: 13px;

    display: block;
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item div.content span.value {
    position: absolute;

    right: 0;
    bottom: 30px;

    color: #939496;
    font-size: 14px;
    font-weight: bold;

    display: block;
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item div.content canvas {
    width: 235px;
    height: 44px;
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item div.content .indicator {
    position: absolute;
    width: 18px;
    height: 18px;

    bottom: 8px;
    right: 0;
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item div.content .indicator.down {
	content: url('Images/dashboard-indicator-down.png');
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item div.content .indicator.up {
	content: url('Images/dashboard-indicator-up.png');
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item div.content .indicator.fix {
	content: url('Images/dashboard-indicator-fix.png');
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item-separator {
    width: 320px;
    height: 1px;

    margin: 0 0 15px 20px;

    background: #C8C7CC;
}

#dashboard-content .dashboard-right-content #dashboard-team-list .item-separator:last-child {
    background: transparent;
}

#dashboard-content .dashboard-right-content .separator {
    margin-left: 20px;
    width: 320px;
    height: 1px;
    background: #DFE5EC;
}

/****************************************************************************************
	Popup
****************************************************************************************/
#dashboard-content .dashboard-left-content .dashboard-left-content-wrapper #dashboard-data-info-popup {
    display: none;
}

#dashboard-data-info-popup {
    width: 800px;
    height: 600px;

    background: #fff;

    overflow: hidden;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#dashboard-data-info-popup.long #dashboard-data-info-popup-title {
    height: 70px;
}

#dashboard-data-info-popup.long #dashboard-data-info-popup-content {
    height: 530px;
}

#dashboard-data-info-popup #dashboard-data-info-popup-title {
    width: 780px;
    height: 40px;
    margin-left: 20px;
    border-bottom: 1px solid #c8c7cc;

    box-sizing: border-box;
}

#dashboard-data-info-popup #dashboard-data-info-popup-title .dashboard-data-info-title-container {
    height: 40px;

    text-align: center;
}

#dashboard-data-info-popup #dashboard-data-info-popup-title .dashboard-data-info-title-container select {
    float: left;
    margin: 12px 0 0 0;
}

#dashboard-data-info-popup #dashboard-data-info-popup-title .dashboard-data-info-title-container span {
    display: block;
    padding: 10px;
    font-size: 17px;
}

#dashboard-data-info-popup #dashboard-data-info-popup-title .dashboard-data-info-title-container .header-icon {
    float: right;
    width: 30px;
    height: 30px;

    margin: 5px 10px 0 0;

    border: 1px solid #C8C7CC;

    -webkit-border-radius: 30px;
    border-radius: 30px;

    box-sizing: border-box;

    text-align: center;

    cursor: pointer;
}

#dashboard-data-info-popup #dashboard-data-info-popup-title .dashboard-data-info-title-container .header-icon.active {
    border-color: #52a8ec;
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px #000000, 0 0 8px #52a8ec;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px #000000, 0 0 8px #52a8ec;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px #000000, 0 0 8px #52a8ec;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

#dashboard-data-info-popup #dashboard-data-info-popup-title .dashboard-data-info-title-container .header-icon span {
    padding: 3px 0 0 0;
}

#dashboard-data-info-popup #dashboard-data-info-popup-title .content-header {
    margin-top: 5px;
}

#dashboard-data-info-popup #dashboard-data-info-popup-content {
    width: 800px;
    height: 560px;

    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    position: relative;
}

#dashboard-data-info-popup-content div.loading {
    width: 800px;
    height: 530px;

    background: #fff url('Images/ajax-loader-white.gif') center center no-repeat;
}

#dashboard-data-info-popup.long div.loading {
    height: 500px;
}

/* Competition columns */
#dashboard-data-info-popup .dashboard-table .row span.competition-nr {
    width: 35px;
    text-align: left;
}

#dashboard-data-info-popup .dashboard-table-header .row span.competition-nr {
    width: 15px;
}

#dashboard-data-info-popup .dashboard-table-header .row span.competition-person,
#dashboard-data-info-popup .dashboard-table .row span.competition-person {
    width: 250px;
    text-align: left;
}

#dashboard-data-info-popup .dashboard-table-header .row span.competition-data,
#dashboard-data-info-popup .dashboard-table .row span.competition-data {
    width: 90px;
}

/* Toplist columns */
#dashboard-data-info-popup .dashboard-table .row span.toplist-nr {
    width: 35px;
    text-align: left;
}

#dashboard-data-info-popup .dashboard-table-header .row span.toplist-nr {
    width: 15px;
}

#dashboard-data-info-popup .dashboard-table-header .row span.toplist-person,
#dashboard-data-info-popup .dashboard-table .row span.toplist-person {
    width: 600px;
    text-align: left;
}

#dashboard-data-info-popup .dashboard-table-header .row span.toplist-data,
#dashboard-data-info-popup .dashboard-table .row span.toplist-data {
    width: 100px;
}