ol.white-list, ol.white-list-of-lists, ul.white-list, ul.white-list-of-lists{
    background-color: #FFFFFF;
    border-top: 0.1vw #CCCCCC solid;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

ol.white-list a, ol.white-list-of-lists a, ul.white-list a, ul.white-list-of-lists a{
    cursor: pointer;
    display: block;
    text-decoration: none;
    transition: background-color 1s;
}

ol.white-list > li, ol.white-list-of-lists > li, ul.white-list > li, ul.white-list-of-lists > li{
    transition: background-color 1s;
}

ol.white-list a.inactive, ol.white-list-of-lists a.inactive, ul.white-list a.inactive, ul.white-list-of-lists a.inactive{
    cursor: default;
}

ol.white-list a.update, ol.white-list-of-lists a.update, ul.white-list a.update, ul.white-list-of-lists a.update, ol.white-list li.update, ol.white-list-of-lists li.update, ul.white-list li.update, ul.white-list-of-lists li.update{
    animation: blue-glow 2s infinite alternate;
}

@keyframes blue-glow{
	to{
		background-color: #039BE5;
	}
}

ol.white-list a:hover, ol.white-list-of-lists a:not(.delete-list-item):hover, ul.white-list a:hover, ul.white-list-of-lists a:not(.delete-list-item):hover{
    background-color: #E5E5E5;
}

ol.white-list a.inactive:hover, ol.white-list-of-lists a.inactive:hover, ul.white-list a.inactive:hover, ul.white-list-of-lists a.inactive:hover{
    background-color: #FFFFFF;
}

ol.white-list a > li, ol.white-list > li, ol.white-list-of-lists a > li, ol.white-list-of-lists > li, ul.white-list a > li, ol.white-list > li, ul.white-list-of-lists a > li, ul.white-list-of-lists > li{
    display: block;
}

ol.white-list a li, ol.white-list li, ul.white-list a li, ul.white-list li{
    border-bottom: 0.1vw #CCCCCC solid;
    color: #0F1425;
    overflow: hidden;
    vertical-align: middle;
}

ol.white-list-of-lists a li ul, ol.white-list-of-lists li ul, ul.white-list-of-lists a li ul, ul.white-list-of-lists li ul{
    border-bottom: 0.1vw #CCCCCC solid;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    transition: border-bottom 0.5s, height 0.5s;
}

ol.white-list-of-lists a li.invisible ul, ol.white-list-of-lists li.invisible ul, ul.white-list-of-lists a li.invisible ul, ul.white-list-of-lists li.invisible ul{
    border-bottom: 0 #CCCCCC solid;
    height: 0;
}

ol.white-list-of-lists a li ul li, ol.white-list-of-lists li ul li, ul.white-list-of-lists a li ul li, ul.white-list-of-lists li ul li{
    color: #0F1425;
    display: inline-block;
    overflow: hidden;
    transition: font-size 0.5s, line-height 0.5s, height 0.5s;
    vertical-align: middle;
}

ol.white-list a li.grey, ol.white-list li.grey, ol.white-list-of-lists a li.grey ul li, ol.white-list-of-lists li.grey ul li, ul.white-list a li.grey, ul.white-list li.grey, ul.white-list-of-lists a li.grey ul li, ul.white-list-of-lists li.grey ul li{
    color: #999999;
}

@media only screen and (max-device-width: 480px){
    ol.white-list, ol.white-list-of-lists, ul.white-list, ul.white-list-of-lists{
        border-top: 0.415vw #CCCCCC solid;
    }

    ol.white-list a li, ol.white-list li, ul.white-list a li, ul.white-list li{
        border-bottom: 0.415vw #CCCCCC solid;
    }

    ol.white-list-of-lists a li ul, ol.white-list-of-lists li ul, ul.white-list-of-lists a li ul, ul.white-list-of-lists li ul{
        border-bottom: 0.415vw #CCCCCC solid;
    }
}

/* === Header for White Lists === */
ul.white-list-header{
    background-color: #F0F0F0;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

ul.white-list-header li{
    color: #0F1425;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

/* === Delete Button for Lists === */
li a.delete-list-item{
    background-color: #FFFFFF;
    cursor: pointer;
    position: relative;
    transition: top 0.5s;
}

li a.delete-list-item:hover{
    background-color: #FFFFFF;
}

li div.delete-list-item-image{
    background-color: #AAAAAA;
    background-image: url(../../images/delete-list-item.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1vw 1vw;
    border-radius: 1vw;
    height: 2vw;
    transition: background-color 1s, background-size 0.5s, height 0.5s;
    width: 2vw;
}

li div.delete-list-item-image:hover{
    background-color: #F01A25;
}

li.invisible div.delete-list-item-image{
    background-size: 0;
    height: 0;
}

@media only screen and (max-device-width: 480px){
    li div.delete-list-item-image{
        background-size: 3vw 3vw;
        border-radius: 3vw;
        height: 6vw;
        width: 6vw;
    }
}