/*.pto-nav {
    display: flex;
    flex: 0 0 25%;
    max-width: 25%;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
}
@media only screen and (max-width: 768px) {
    .pto-nav {
        display: inline-block;
        flex: 0 0 100%;
        max-width: 100%;
       
    }
}*/
.tab-content {
    max-width: 1300px;
}

.pto-header {
    width: auto;
}
.nav-tabs {
    border-bottom: none;
}
.tab-overview .nav-item {
    border: 1px solid #000;
    background-color: #343a40;
    text-align: center;
    color: #fff;
    border-radius: 5px 5px;
    margin-right: auto;
    margin-left: auto;
    max-width: 24%;
    
}
.tab-overview .nav-item.active {
    border: 1px solid #343a40;
    background-color: #808080;
    color: #fff;
}

@media only screen and (max-width: 748px) {
    .tab-overview .nav-item {
        
        max-width: 100%;
    }
}

.assessor-image {
    background-image: url('../images/assessor.png');
    color: #fff;
}



.depbtn {
    background-color: #454E57;
    color: white;
} 



.pto-title {
    background-color: #454E57;
}






/* .tab button {
    background-color: #343a40;
    float: none;
    outline: 1px;
    border-right-color: white;
    border-top-color: #343a40;
    cursor: pointer;
    padding: 16px 18px;
    transition: 0.3s;
    font-size: 17px;
    border-left: 1px;
    color: white;
    position: relative;
} */

/* .tablinks {
    border: 1px solid #000;
    position: relative;
} */

.button-size {
    width: 30%;
}
.card p {
    font-weight: 500;
}

/* Change background color of buttons on hover */
/* .tab button:hover {
    background-color: #ddd;
} */

/* Create an active/current tablink class */
/* .tab button.active {
    background-color: #ccc;
} */

/* .section-tabs button {
    width: 100%;
}

.section-tabs .btn {
    text-align: left;
} */

.section-center {
    text-align: center;
}

/* .tab.container {
    max-width: 1400px;
} */