[data-theme="dark"] #tile-1 img{
    content: url(../product/graphics/classic_cli_dark.svg) !important;
}

[data-theme="dark"] #tile-2 img{
    content: url(../product/graphics/md_cli_dark.svg) !important;
}

[data-theme="dark"] #tile-3 img{
    content: url(../product/graphics/install_dark.svg) !important;
    margin-top: 25px;
    margin-left: 24px;
    margin-bottom: 31px;
}

[data-theme="dark"] #tile-4 img{
    content: url(../product/graphics/routing_dark.svg) !important;
}

[data-theme="dark"] #tile-5 img{
    content: url(../product/graphics/reference_dark.svg) !important;
 }

[data-theme="dark"] #tile-6 img{
    content: url(../product/graphics/monitor_dark.svg) !important;
    margin-top: 31px;
    margin-left: 29px;
    margin-bottom: 31px;
}

[data-theme="dark"] #wh_tile_text-5{
    margin-top: 5px;
}

.topicref.download_zip .title a::after{
    content: url(../resources/zip_icon.svg);
    padding-left: 5px;
}

.topicref.locked .title a::after{
    content: url(../resources/ic_lock.svg);
    padding-left: 5px;
}

.topicref.external_html .title a::after{
    content: url(../resources/external_link.svg);
    padding-left: 5px;
}

[data-theme="dark"] .topicref.download_zip .title a::after{
    content: url(../resources/zip_icon_white.svg);
    padding-left: 5px;
}

[data-theme="dark"] .topicref.locked .title a::after{
    content: url(../resources/ic_lock_dark.svg);
    padding-left: 5px;
}

[data-theme="dark"] .topicref.external_html .title a::after{
    content: url(../resources/external_link_white.svg);
    padding-left: 5px;
}

.custom-control-label{
    margin-left: 700px;
}

code strong{
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
}

@media only screen and (max-width: 1000px){
    .custom-control-label {
        margin-left: 20vw;
    }
}

@media only screen and (max-width: 1360px){
    .custom-control-label {
        margin-left: 30vw;
    }
}

@media only screen and (max-width: 700px){
    .custom-control-label {
        position: absolute;
        margin-left: 30vw;
        left: -6vw;
        top: -35px;
    }
    
    #wh_menu_mobile_button {
        left: 80%;
    }
}
