/* Style the tab buttons */
.tablink {
        margin-left: 10px;
    background-color: #ccc;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

/* Style the active tab button */
.tablink.active {
    background-color: #1d2327;
    color: white;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 20px;
    border: 1px solid #ccc;
}

/* Show the first tab by default */
#tab_1 {
    display: block;
}

.video-row{
    border-bottom: 1px solid #a1a1a1;
    padding: 6px;
}

.addvideo{
    margin-top: 10px;
    background: black;
    padding: 10px;
    color: white;
    border: 0px;
    border-radius: 10px;
}

#edit-macrotype-modal, #edit-type-modal {
    display: none;
    position: absolute;
    background: #6a6a6a70;
    border: 1px solid #ccc;
    margin-left: -20px;
    padding: 10px;
    z-index: 1000;
}