/*
    
    DO NOT EDIT IN THIS CSS FILE 
    WITHOUT UPDATING THE DEFAULT CSS FILES!

*/

html{
    /*background: url("../static/_shared/asfalt.png") repeat; /* Credit Subtlepatterns.com */
}
body{
    background-color: rgba(255, 255, 255, 0.09);
    color: rgba(255, 255, 255, 1);
}
::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.30);
    outline: 1px solid rgba(255, 255, 255, 0.30);
}
::-webkit-scrollbar-thumb:hover{
    background-color: rgba(255, 255, 255, 0.60);
}
.content{
    background-color: rgba(255, 255, 255, 0.00);
}
.line{
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
webtools-loading{
    background-color: rgba(0, 0, 0, 0.3);
}
webtools-loading .webtoolsLoading {
    color: rgb(51, 122, 183);
}
content-loading{
}
content-loading .contentLoading {
    color: rgb(51, 122, 183);
}
help {
    color: rgba(217, 237, 247, 0.80);
}

/* Login */
.vertical-center {
    background-color: rgba(255, 255, 255, 0.00);
    box-shadow: inset 0px 15px 15px -4px rgba(255, 255, 0, 0.06);
}
.mainContainer{
    background-color: rgba(0,0,0,.15);
}
.mainContainer input.mainBtn{ /*Default blue..*/
}
.mainContainer input.mainBtn:focus{ /*Default blue..*/
}
.mainContainer input.mainBtn:hover{ /*Default blue..*/
}

/* Head */
.head{
    background-color: rgba(6, 32, 150, 0.22);
    box-shadow:0 0 0 3px rgba(0,0,0,.2);
}
.head .title{
    color: inherit;
}

/* Menu */
.menu{
    background-color: rgba(0,0,0,.15);
    box-shadow:0 0 0 3px rgba(0,0,0,.2);
}
.menu .item{
    background: rgba(254, 155, 0, 0.04);
}
.menu .item:hover{
    background: rgba(64, 139, 255, 0.23);
}
.menu .toggle{
    background: rgba(22, 79, 167, 0.73);
    color: rgb(255, 255, 255);
}
.menu .toggle:hover{
    background: rgba(64, 139, 255, 0.73);
}

/* Sub Management */
.sub{
}
.sub .rowShow{
    background: rgba(0, 77, 255, 0.15);
    box-shadow: 3px 3px 10px 1px black;
}
.sub .rowShow.expanded .lineShow .type{
    border-bottom-color: rgba(255, 255, 255, 0.03);
}
.sub .rowShow.expanded .lineShow .title{
    border-bottom-color: rgba(255, 255, 255, 0.03);
}
.sub .rowShow .lineShow .contentShow .tvshow{
    background-color: rgba(85, 128, 255, 0.31);
}
.sub .rowShow .lineShow .contentShow .tvshow:hover{
    background-color: rgba(85, 128, 255, 0.51);
}
.sub .rowShow .lineShow .contentShow .tvshowheader div{
    background: rgba(0, 0, 0, 0.13);
}
.sub .rowShow .lineShow .contentShow .tvshowheader div:hover{
    background: rgba(0, 0, 0, 0.33);
}
.sub .rowShow .lineShow .contentShow .loadmore{
    background: rgba(64,139,255,0.5);
    border: solid 6px rgba(34,46,74,1);    
}
.sub .rowShow .lineShow .contentShow .loadmore:hover{
    background: rgba(64,139,255,0.23);
}
.sub .rowShow .lineShow .contentShow .detail{
    background: rgba(255, 255, 255, 0.03);
}
.sub .rowShow .lineShow .contentShow .detail .subItem{
    background: rgba(255, 255, 255, 0.04);
}
.sub .rowShow .lineShow .contentShow .detail .subItem.checked{
    background: rgba(255, 255, 255, 0.08);
}
.sub .rowShow .lineShow .contentShow .detail .subItem.selected{
    background: rgba(2, 255, 0, 0.04);
}
.sub .rowShow .lineShow .contentShow .detail .subItem.selected.checked{
    background: rgba(2, 255, 0, 0.08);
}

/* Logs */
.logs .download{
    box-shadow: 2px 2px 4px 1px black;
    background-color: rgba(40, 96, 144, 1);
}
.logs .download:hover{
    background-color: rgba(40, 96, 144, 0.8);
}
.logs .search{
    background-color: rgba(0, 34, 64, 0.4);
}
.logs .search .searchInput{
    color:#000000;
}
.logs .search .btnSearch{
    background-color: #286090;
}
.logs .search .toggleSearch{
}
.logs .logDetails{
    background-color: rgba(128, 128, 128, 0.14);
}
.logs .logDetails table tr {
    border-bottom-color: rgba(128, 128, 128, 0.15);
}
.logs .logDetails table tr:nth-child(odd) {
}
.logs .logDetails table tr:nth-child(even) {
    background-color: rgba(0, 77, 255, 0.05);
}
.logs .logDetails table tr.danger {
    background-color:#a94442;
}
.logs .logDetails table tr.lineFound{
    background-color: rgba(0, 77, 255, 0.3);
}
.logs .logDetails table tr.lineFound.focused{
    background-color: rgba(0, 77, 255, 1);
    box-shadow: 0px 0px 2px 0px yellow;
}
/* UAS */
.uas .type.active{
    color:white;
    border-radius:3px;
    background: #2370ca;
    background: rgba(33,98,173,1);
    background: -moz-linear-gradient(left,rgba(33,98,173,1) 0%,rgba(40,125,222,1) 25%,rgba(40,125,222,1) 75%,rgba(33,98,173,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(33,98,173,1)),color-stop(25%,rgba(40,125,222,1)),color-stop(75%,rgba(40,125,222,1)),color-stop(100%,rgba(33,98,173,1)));
    background: -webkit-linear-gradient(left,rgba(33,98,173,1) 0%,rgba(40,125,222,1) 25%,rgba(40,125,222,1) 75%,rgba(33,98,173,1) 100%);
    background: -o-linear-gradient(left,rgba(33,98,173,1) 0%,rgba(40,125,222,1) 25%,rgba(40,125,222,1) 75%,rgba(33,98,173,1) 100%);
    background: -ms-linear-gradient(left,rgba(33,98,173,1) 0%,rgba(40,125,222,1) 25%,rgba(40,125,222,1) 75%,rgba(33,98,173,1) 100%)!important;
    background: linear-gradient(to right,rgba(33,98,173,1) 0%,rgba(40,125,222,1) 25%,rgba(40,125,222,1) 75%,rgba(33,98,173,1) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2162ad',endColorstr='#2162ad',GradientType=1)!important;
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.6);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.6);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.6);
}

/* Theme */
.theme{
}
.theme .block{
    border-color: rgba(204, 253, 209, 0.21);
}
.theme .block:hover:not(.activeTheme){
    background-color: rgba(0, 255, 30, 0.73);
}
.theme .block.activeTheme{
    background-color: rgba(0, 255, 30, 0.73);
}