body {
    background-color:#000;
}

a:link {
    text-decoration:none;
}

a:active {
    text-decoration:none;
}

a:visited {
    text-decoration:none;
}

a:hover {
    text-decoration:none;
}

#dashboard {
    background-color:#fff;
}

.dashboard-container {
    width:100%;
    background-color:#fff;
}

.dashboard-admin-nav a:link {
    color:#fff;
    text-decoration:none;
}

.dashboard-admin-nav a:active {
    color:#fff;
    text-decoration:none;
}

.dashboard-admin-nav a:visited {
    color:#fff;
    text-decoration:none;
}

.dashboard-admin-nav a:hover {
    color: #c0c0c0;
    text-decoration:none;
}

.dashboard-side-nav {
    min-height:60vh;
    border-right: 1px solid #dee2e6;
    width:200px;
}

.dashboard-side-nav a:link {
    width: 100%;
    float: left;
    padding: 20px;
    height:62px;
    background-color: #f8f9fa;
    border-bottom:1px solid #dee2e6;
    color:black;
    text-decoration: none;
}

.dashboard-side-nav a:active {
    width: 100%;
    float: left;
    padding: 20px;
    height:62px;
    background-color: #f8f9fa;
    border-bottom:1px solid #dee2e6;
    color:black;
    text-decoration: none;
}

.dashboard-side-nav a:visited {
    width: 100%;
    float: left;
    height:62px;
    padding: 20px;
    background-color: #f8f9fa;
    border-right: 1px solid #dee2e6;
    border-bottom:1px solid #dee2e6;
    color:black;
    text-decoration: none;
}

.dashboard-side-nav a:hover {
    background-color: #e9ecef;
}

.dashboard-panel-nav {
    border-bottom:1px solid #dee2e6;
    height:62px;
}

.dashboard-title {
    padding-left:36px;
    padding-right:36px;
    font-weight: bold;
    display:inline-block;
    height:62px;
    float:left;
    line-height:62px;
    font-size:1.75em;
}

.dashboard-panel-nav a:link {
    background-color: #fff;
    padding-left:12px;
    padding-right:12px;
    color:black;
    text-decoration: none;
    margin:0;
    float:left;
    height:61px;
    line-height:61px;
}

.dashboard-panel-nav a:active {
    background-color: #fff;
    color:black;
    text-decoration: none;
    line-height:61px;
}

.dashboard-panel-nav a:visited {
    background-color: #fff;
    color:black;
    text-decoration: none;
    line-height:61px;
}

.dashboard-panel-nav a:hover {
    background-color: #f1f1f1;
    color:black;
    text-decoration: none;
    line-height:61px;
}

.dashboard-block-container {
    padding:36px;
}

.dashboard-block {
    padding:24px;
    border:1px solid #dee2e6;
    margin-bottom:24px;
    position:relative;
}

.clickable:hover {
    cursor:pointer;
}

.time-table {
    display:flex;
    flex-direction:row;
    border-left:5px solid #e15b5b;

    .time-table-primary-container {
        width:100%;
    }

    .time-table-primary-title {
        background-color:#e15b5b;
        color:#fff;
        padding:15px;
        font-size:1.5em;
    }

    .time-table-objectives {
        padding:20px;
    }

    .time-table-objective {
        border:1px solid #999;
        padding:15px;
        margin-bottom:15px;
    }
}

.full-width {
    width:96% !important;
}

.no-boder {
    border:0 !important;
}

.dashboard-block-nav {
    position:absolute;
    top:5px;
    right:3px;
    padding:0;
    margin:0;
}

.dashboard-block-nav a:link {
    color:#000;
    text-decoration:none;
    padding:3px 10px 3px 10px;
    border:1px #bfc3c7 solid;
    background-color:#fff;
}

.dashboard-block-nav a:active {
    color:#000;
    text-decoration:none;
    padding:3px 10px 3px 10px;
    border:1px #bfc3c7 solid;
    background-color:#fff;
}

.dashboard-block-nav a:visited {
    color:#000;
    text-decoration:none;
    padding:3px 10px 3px 10px;
    border:1px #bfc3c7 solid;
    background-color:#fff;
}

.dashboard-block-nav a:hover {
    border-color: #212529;
}

.dashboard-block-title {
    font-weight:bold;
    font-size:1.25em;
    margin-bottom:12px;
}

.dashboard-block-content {
    margin-top:12px;
}

.dashboard-responses {
    max-height:200px;
    overflow:auto;
}

.dashboard-response {
    border-bottom:1px solid #dee2e6;
    padding:5px;
}

.dashboard-login-container {
    padding:36px;
    width:50%;
    margin-left:auto;
    margin-right:auto;
}

#footer {
    text-align:center;
    border-top:1px solid #dee2e6;
    padding:50px;
    background-color:#000;
    color:#fff;
}


@media screen and (min-width: 0px) {
    .dashboard-side-nav {
        margin-left:-140px;
    }

    .dashboard-title {
        font-size:1em;
        padding-left:24px;
        padding-right:12px;
        overflow:hidden;
    }

    .dashboard-block-container {
        padding:12px;
    }

    .dashboard-block {
        border-top:0;
        border-left:0;
        border-right:0;
        border-bottom:1px solid #dee2e6;
        width:96%;
        float:left;
        margin-left:2%;
        margin-right:2%;
    }

    .dashboard-block-title {
        font-size:1em;
    }

    .dashboard-panel-nav {
        height:124px;
    }
}

@media screen and (min-width: 300px) {
    .dashboard-side-nav {
        margin-left:-140px;
    }

    .dashboard-title {
        font-size:1em;
        padding-left:24px;
        padding-right:12px;
        overflow:hidden;
    }

    .dashboard-block-container {
        padding:12px;
    }

    .dashboard-block {
        border-top:0;
        border-left:0;
        border-right:0;
        border-bottom:1px solid #dee2e6;
        width:96%;
        float:left;
        margin-left:2%;
        margin-right:2%;
    }

    .dashboard-block-title {
        font-size:1em;
    }

    .dashboard-panel-nav {
        height:124px;
    }
}

@media screen and (min-width: 576px) {

    .dashboard-side-nav {
        margin-left:-140px;
    }

    .dashboard-title {
        font-size:1em;
        padding-left:24px;
        padding-right:12px;
        overflow:hidden;
    }

    .dashboard-block-container {
        padding:12px;
    }

    .dashboard-block {
        border-top:0;
        border-left:0;
        border-right:0;
        border-bottom:1px solid #dee2e6;
        width:96%;
        float:left;
        margin-left:2%;
        margin-right:2%;
    }

    .dashboard-block-title {
        font-size:1em;
    }

    .dashboard-panel-nav {
        height:62px;
    }
}

@media screen and (min-width: 768px) {
    .dashboard-side-nav {
        margin-left:0;
    }

    .dashboard-title {
        font-size:1em;
    }

    .dashboard-block-container {
        padding:36px;
    }

    .dashboard-block {
        border:1px solid #dee2e6;
        width:96%;
        float:left;
        margin-left:2%;
        margin-right:2%;
    }

    .dashboard-block-title {
        font-size:1em;
    }
}

@media screen and (min-width: 992px) {
    .dashboard-side-nav {
        margin-left:0;
    }

    .dashboard-title {
        font-size:1.25em;
    }

    .dashboard-block-title {
        font-size:1.25em;
    }

    .dashboard-block {
        width:96%;
        float:left;
        margin-left:2%;
        margin-right:2%;
    }
}

@media screen and (min-width: 1200px) {
    .dashboard-side-nav {
        margin-left:0;
    }

    .dashboard-title {
        font-size:1.25em;
    }

    .dashboard-block-title {
        font-size:1.25em;
    }

    .dashboard-block {
        width:46%;
        float:left;
        margin-left:2%;
        margin-right:2%;
    }
}