File: css/w3-theme-indigo.css

.w3-theme-l5 {
    color: #000!important;
    background-color: #f3f4fb!important
}

.w3-theme-l4 {
    color: #000!important;
    background-color: #d8dcf1!important
}

.w3-theme-l3 {
    color: #000!important;
    background-color: #b1b8e3!important
}

.w3-theme-l2 {
    color: #fff!important;
    background-color: #8995d6!important
}

.w3-theme-l1 {
    color: #fff!important;
    background-color: #6271c8!important
}

.w3-theme-d1 {
    color: #fff!important;
    background-color: #3949a3!important
}

.w3-theme-d2 {
    color: #fff!important;
    background-color: #334191!important
}

.w3-theme-d3 {
    color: #fff!important;
    background-color: #2d397f!important
}

.w3-theme-d4 {
    color: #fff!important;
    background-color: #26316d!important
}

.w3-theme-d5 {
    color: #fff!important;
    background-color: #20295b!important
}

.w3-theme-light {
    color: #000!important;
    background-color: #f3f4fb!important
}

.w3-theme-dark, .w3-theme-action {
    color: #fff!important;
    background-color: #20295b!important
}

.w3-theme {
    color: #fff!important;
    background-color: #3f51b5!important
}

.w3-text-theme {
    color: #3f51b5!important
}

.w3-border-theme {
    border-color: #3f51b5!important
}

.w3-hover-theme:hover {
    color: #fff!important;
    background-color: #3f51b5!important
}

.w3-hover-text-theme:hover {
    color: #3f51b5!important
}

.w3-hover-border-theme:hover {
    border-color: #3f51b5!important
}

video {
    background: #010400;
    height: 16vw;
    max-height: 16vw;
    width: 100%;
    max-width: 100%;
}

audio {
    width: 100%;
    max-width: 100%;
}

html {
    -webkit-user-select: none;
    overflow-y: scroll;
}

.media-types {
    transition: visibility 0.5s, opacity 0.5s linear;
}

input[type=checkbox].w3-checkbox {
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.w3-bottombar {
    border-bottom: 4px solid #f44336!important;
}

.w3-margin {
    margin: 8px!important;
}

.w3-card-8 iframe {
    max-width: 100%;
    width: 100%;
    border: 0px;
    height: 16vw;
    max-height: 16vw;
    background: black;
}

.w3-card-8 p, .w3-card-8 h4 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#iframe-tab iframe {
    background: white;
    border: 0;
    width: 100%;
    height: calc(100% - 9em);
}

.fa {
    color: #4caf50;
    cursor: pointer;
}

.fa-close {
    color: #f44336;
    margin-left: 10px;
}

input[type=url] {
    padding-right: 1em;
    padding-left: 1em;
    width: 80%;
}