@import url('http://fonts.cdnfonts.com/css/segoe-ui-4');
.border-right {
    border-right-style: dashed !important;
}
.dreieck {
    width: 0px;
    padding-top: 5px;
    height: 0px;
    transform:rotate(360deg);
    border-style: solid;
    border-width: 0 15px 11px 15px;
    border-color: transparent transparent #5D707F transparent;

}
.h2, h2{
    color: white;
    font-size: 30pt;
    font-weight: bold;
    font-family: 'Segoe UI BOLD', sans-serif;
    line-height:80px;"
}
.th, th{
    font-family: "SegoeUI-Bold, Segoe UI";
}
.td, t
{
    font-family: "SegoeUI-Bold, Segoe UI";
}
.p, p{
    font-family: "SegoeUI-Bold, Segoe UI";
}
.btn {
    font-family: "SegoeUI-Bold, Segoe UI";
}
label {
    font-family: "SegoeUI-Bold, Segoe UI";
}
input {
    font-family: "SegoeUI-Bold, Segoe UI";
}
.main-footer {
    background-color: #fff;
    border-top: 1px solid #dee2e6;
    border-top-color: rgb(222, 226, 230);
    color: #869099;
    padding: 1rem;
    font-size: 10pt;
    font-family: "SegoeUI-Bold, Segoe UI";
}
.content-wrapper {
    background-color: #2b3d4e;
}

.employeeNameArea {
    color: white;
    font-size: 60pt;

    font-weight: bold;
    margin-top: 1vh;
    font-family: "SegoeUI-Bold, Segoe UI";
}

.centerAllAreas {
    text-align: center;
    margin: 0 auto;
}
.profile-user-img {
    width: 178px;
}
.centerAllAreas {
    text-align: center;
    margin: 0 auto;
}
.dropdown-menu.show {
    top: 75px !important;
    left: -75px !important;
}
//top: 339px !important;
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #576772;
}

.dottedLineFree {
    color: white;
    height: 400px;
    width: 2px;
    background-color: transparent;
    border-right: 3px dotted gray;
}
.dottedLine {
    color: white;
    height: 60px;
    width: 2px;
    background-color: transparent;
    border-right: 3px dotted gray;
}

.dottedLineSM {
    color: white;
    height: 20px;
    width: 2px;
    background-color: transparent;
    border-right: 3px dotted gray;
}

.dottedLineEnd {
    color: white;
    /*height: 60px;*/
    height: 20px;
    max-height: 100%;

    width: 2px;
    background-color: transparent;
    border-right: 3px dotted gray;
    margin-top: -2px;
}
.actionCircle {
    height: 67px;
    width: 67px;
    border-radius: 50%;
    display: inline-block;
}
.actionCircle10 {
    height: 67px;
    width: 67px;
    border-radius: 50%;
    display: inline-block;
}
.actionCircleText {
    color: white;
    font-size: 20pt;
    font-family: "SegoeUI-Bold, Segoe UI";
}
.disabled {
    color: rgba(255, 255, 255, 0.250);
    opacity: 50%;
}

.employeeNameAreaCenter {
    color: white;
    font-size: 20pt;
    font-family: "SegoeUI-Bold, Segoe UI";
}
.centerAllAreasCenter {
    text-align: center;
    margin: 0 auto;
}

.customers0{
    background-color:green
}
.customers1{
    background-color:greenyellow
}
.customers2{
    background-color:yellow
}
.customers3{
    background-color:orange
}
.customers4,.customers5, .customers6, .customers7,.customers8,.customers9, .customers10, .customers11{
    background-color:red
}

.profile-user-img {
    border: 2px solid;
    border-radius: 50%;
}
.center{
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    border-collapse: separate;
    border-spacing: 70px 50px;

}

.main-content{
    background-color: #2b3d4e;
}

.centerLabel
{
    position: absolute;
    left: 2px;
    top: 2px;
    width: 256px;
    line-height: 256px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    color: maroon;
}

#customs {
    display: flex;
    justify-content: center;
    height: 800px;
}

.top {
    vertical-align: top;
}

.timer{

}

.timer h3{
    position: relative;
    bottom: 220px;
    justify-content: center;
    font-size: 20pt;
    font-weight: bold;
    font-family: 'Segoe UI BOLD', sans-serif;
}

#memberz{
    color: white;
    font-weight: bold;
    font-family: 'Segoe UI BOLD', sans-serif;
}
.table1 {
    table-layout:fixed;
    width: 900px;
}
#donut_single {
    position: relative;
    left: -40px;
}
#chart_Phill {
    position: relative;
    left: -40px;
}
#chart_Can {
    position: relative;
    left: -40px;
}
#chart_Max{
    position: relative;
    left: -40px;
}