.tab{display:none;}
.tab.active{display:block;}
#tab-1.active{display: flex;align-items: center;}
.options-wrap button{
    color: #555;
    border-color: #ccc;
    background: #f7f7f7;
    box-shadow: 0 1px 0 #ccc;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 3px;
    white-space: nowrap;
    box-sizing: border-box;
}
.options-wrap button:hover{
    background: #fafafa;
    border-color: #999;
    color: #23282d;
}
.content-wrap{margin-top:20px;}
.content-wrap .bar{
    background-color: #fff;
    box-sizing: border-box;
    padding: 10px 20px;
    border:1px solid rgb(0,0,0);
    display: flex;
    align-items: center;
}
.content-wrap .sitemap-list{
    margin:0;
    background-color: #fff;
    box-sizing: border-box;
    padding: 10px 20px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    line-height:2em;
    display: flex;
    flex-direction: column;
}
.content-wrap li div{display:flex;align-items:center;margin: 0;padding: 3px 0;}
.content-wrap li{display:block;}
.content-wrap li span{flex-basis:40%;}
.content-wrap li:not(:last-of-type){
    border-bottom: 1px solid rgba(0,0,0,.2);
}
.content-wrap #tab-3{
    font-size:18px;
}
.content-wrap button:hover, #tab-2 label:hover{
    background: #008ec2;
    border-color: #006799;
    color: #fff;
}
.content-wrap button, #tab-2 label{
    background: #0085ba;
    border-color: #0073aa #006799 #006799;
    box-shadow: 0 1px 0 #006799;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 3px;
    white-space: nowrap;
    box-sizing: border-box;
}
.loader{margin-left:5px;display:block;width:25px;height:25px;}
.loader.active{background-image:url(/wp-content/plugins/online-accessibility/public/img/ajax-loader.gif);background-size: contain;}
.msg{font-size: 16px;align-self: flex-end;}
#tab-3 .bar:first-of-type label{cursor:default;}
#tab-3 .bar:first-of-type span{padding-left:10px;opacity:.5;}
[type="file"]{
    width:0.1px;
    height:0.1px;
    opacity:0;
    overflow:hidden;
    position:absolute;
    z-index:-1;
}
[type="file"]:focus + label{
    background: #008ec2 !important;
    border-color: #006799 !important;
    color: #fff !important;
}
#tab-2 .output-wrapper{margin-top:10px;font-size:16px;}
.e_i{color:red;padding-right:5px;}
.e_m{padding-left:15px;}
li.query-type{font-style: italic;font-weight: bold;}
.content-wrap.disclaimer{ font-size:16px;font-weight:bold; }
