.dgcolor {
    background-color:#008cba;
    border-color:#006687;
}
.dgtextcolor {
    color:#008cba;
}
.dgtextsmall {
    font-size:12px;
}

a {
    color:#008cba;
}

#changeFileNameButton:hover {
        border: 1px solid #ccaaaa;
        background-color: #cccccc;
}
#changeFileNameButton:active {
        border: 1px solid #aa8888;
        background-color: #aaaaaa;
}

#videoListContainer {
    min-height: 228px;
    max-height: 406px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px 12px 6px 12px;
    border: 1px solid #DDD ;
}

.dg_item, .dg_item_d{
        border-radius: 5px;
        border: 1px solid #fff;
        padding:6px;
        margin:2px;
        width:100%;
        background: -webkit-gradient(linear, 0% 0% ,0% 100%, from(#fff), to(#fff)) 0px 50%;
        -webkit-transition: all 0.5s ease;
        cursor:pointer;
}
.dg_item:hover,  .dg_item_d:hover {
        border: 1px solid #333;
        background: -webkit-gradient(linear, 0% 0% ,0% 100%, from(#fff), to(#eee)) 0px 50%;
        -webkit-box-shadow: 0px 0px 6px #aaa;
}
.dg_item:active, .dg_item:active {
        border: 1px solid #633;
        background: -webkit-gradient(linear, 0% 0% ,0% 100%, from(#fff4f4), to(#eee3e3)) 0px 50%;
        -webkit-box-shadow: 0px 0px 6px #aaa;
}

.dg_icon{
        vertical-align: bottom;
        margin-right:5px;
}
.dg_item_focus{
        border-radius: 5px;
        border: 1px solid #eee;
        padding:10px;
        margin:2px;
        width:100%;
        -webkit-transition: all 0.5s ease;
        border: 1px solid #333;
        background: -webkit-gradient(linear, 0% 0% ,0% 100%, from(#fff), to(#eee)) 0px 50%;
        -webkit-box-shadow: 0px 0px 6px #aaa;
}
.dg_menu{
        margin-top:10px;
}
.dg_label_base{
        float:left;
}
.dg_filetype,.dg_extension,.dg_length,.dg_text{
        border-radius: 2px;
        padding:5px;
        color:#000;
        text-shadow: 0px 0px 3px #fff;
        -webkit-box-shadow: 0px 0px 3px #ccc;
        overflow: hidden;
        word-break: break-all;
}
.dg_text{
        width:100%;
        height:55px;
        margin:2px;
        padding-left:12px;
        overflow:hidden;
        text-overflow: ellipsis;
        white-space:nowrap;
        float:left;
        border: 1px solid #777;
        background: -webkit-gradient(linear, 0% 0% ,0% 100%, from(#eee), to(#fff)) 0px 50%;
        line-height:20px;
}

.dg_filetype{
        text-align:center;
        border: 1px solid #000;
        background: -webkit-gradient(linear, 0% 0% ,0% 100%, from(#f90), to(#fe5)) 0px 50%;
        width:116px;
        height:55px;
        margin:2px;
        padding-top:15px;
        float:left;
}

.dg_extension{
        text-align:center;
        border: 1px solid #000;
        background: -webkit-gradient(linear, 0% 0% ,0% 100%, from(#ad0), to(#ff5)) 0px 50%;
        width:60px;
        height:55px;
        margin:2px;
        padding-top:15px;
        float:left;
}
.dg_length{
        text-align:center;
        border: 1px solid #000;
        background: -webkit-gradient(linear, 0% 0% ,0% 100%, from(#08f), to(#5ff)) 0px 50%;
        width:70px;
        height:55px;
        margin:2px;
        padding-top:15px;
        float:left;
}
.dg_clear{
        clear:left;
}

.dg_f_bold{
        font-weight:bold;
}

.dg_dlbutton {
    width: 26px;
    height: 28px;
    margin: 15px 0 0 20px;
    float: left;
}

.dg_filename{
        border-radius: 2px;
        width:300px;
        height:100px;
        margin-top:5px;
        resize: none;
}
.dg_filename_button,.dg_copy_button{
        border-radius: 2px;
        border: 1px solid #555;
        padding:0px;
        padding-left:2px;
        padding-right:2px;
        margin:2px;
        font-size:10px;
        cursor:pointer;
        background-color:#eee;
}
.dg_filename_button:hover,.dg_copy_button:hover {
        background-color:#ddd;
}
.dg_settingtext{
        border-radius: 2px;
        border: 1px solid #555;
        width:250px;
}
.dg_column{
        float:left;
}
.dg_column_right{
        float:left;
        margin-left:10px;
}
.dg_download_button{
        border-radius: 5px;
        border: 1px solid #555;
        padding:10px;
        margin:0px;
        margin-top:10px;
        width:550px;
        background: -webkit-gradient(linear, 0% 0% ,0% 100%, from(#000), to(#555)) 0px 50%;
        color:#fff;
        -webkit-transition: all 0.5s ease;
        text-align:center;
        font-size:14px;
        cursor:pointer;
}
.dg_download_button:hover {
        background: -webkit-gradient(linear, 0% 0% ,0% 100%, from(#111), to(#666)) 0px 50%;
}
.dg_hint{
        font-size:10px;
        margin-top:5px;
}

.dg_f_bold{
        font-weight:bold;
}





.ace_tokyoloaderFunction {
    color: #f60b91;
}

/*
.section-header {
    padding: 1rem .5rem;
    width: 100%;
}
.bg-gray {
    background: #f8f9fa;
    color: #667189;
    padding: 1rem;
}*/

.connection-count {
    margin-right: 0px ;
    margin-left: 20px ;
}

.btn {
    margin-right: 10px ;
}

span {
    font-size : small
}

.bar-item {
    transition: background 1000ms 0s ease;
    /* transition: width 300ms 0s linear; */
}

.flow {
    color: #ffffff ;
    position: absolute ;
    font-size: xx-small ;
	animation-name: flowKeyFrame ;
    animation-duration: 1s ;
	animation-fill-mode: forwards ;
    animation-timing-function: ease-in ;
}

@keyframes flowKeyFrame {
    0% {
		transform: translateX(0px) ;
        opacity:1;
    }
	100% {
		transform: translateX(40px) ;
        opacity:0;
	}
}

/*progress {background:#ccc; border: 1px solid #ff5a5f; border-radius: 5px; color: #ff5a5f; font-size: 0.6em; height: 3.8em;line-height: 1.5em;text-indent: 0.5em;}
progress[value]::-webkit-progress-bar {color:#00ff00;background-color:#ff5a5f;}
progress::-moz-progress-bar { color:#00ff00;background:#ff5a5f; }
progress::-webkit-progress-value { color:#00ff00;background:#ff5a5f; }
progress::-webkit-progress-bar {background: #0f0 !important;}
progress::-webkit-progress-value { background:#ff005f !important; }
progress { color:#ff5a5f; }*/

.boostLabel , .subtitleSelectLabel , .closeButton {
    cursor: pointer;
    color: #ccc ;
}
.boostLabel:hover , .subtitleSelectLabel:hover , .closeButton:hover {
    color: #5755d9 ;
}