﻿.localize-wrap.input-append .btn-group > a.btn.dropdown-toggle {
    margin: 0px;
    padding: 2px 3px;
    background: #fafafa;
    border: 1px solid rgb(238, 238, 238);
}

#transEdit .localize-wrap.input-append .btn-group > a.btn.dropdown-toggle,
#transEdit .localize-wrap.input-append .btn-group > a.btn.dropdown-toggle:hover {
    cursor:default;
    background: #fafafa
}

.localize-wrap.input-append .dropdown-menu li > a {
    padding: 2px 0 0px 13px;
}

#Flags {
    list-style:none;   
    margin:0 0 10px;    
    position: absolute;
    top: 42px;
    right: 0px;    
    padding: 10px 20px 10px 10px;
    z-index: 999;
    background: #fff;
    box-shadow: 1px 1px 2px rgb(128, 128, 128);
}
#Flags.fixed {
    position:fixed;  
    top: 0;
}
#Flags li {
    list-style:none;
    display:inline-block;
    padding: 0;
    border-top: 2px solid transparent;
    border-bottom:3px solid transparent;
    position:relative;
}

/*#Flags li { -- na výšku
    list-style:none;
    display:block;
    padding: 2px 2px;
    border-top: 2px solid transparent;
    border-bottom:3px solid transparent;
}*/

#Flags li img {
    /*box-shadow: 1px 1px 2px rgb(128, 128, 128);*/
}
#Flags li a,
#Flags li a:hover {
    text-decoration:none;
    padding: 0 2px;
}

#Flags li.active, 
#Flags li:hover {
    border-bottom:3px solid #d12610;
}
#Flags li::before {
    position: absolute;
    left: -5px;
    top: -4px;
    cursor:pointer;    
    border-radius: 7px;
    padding: 1px 5px;
    font-size: 8px;
    font-weight: 900;
    line-height: 12px;
    color: #fff;
}
#Flags li.forApprove::before {
    content: '!';  
    background: #57b5e3;
}
#Flags li.isChanged::before {
    content: '?'; 
    background: #fcb322;
}
#Flags li.forTranslation::before {
    content: 'abc';  
    background: #ed4e2a;
}

#Flags li.inactive.forApprove::before,
#Flags li.inactive.isChanged::before,
#Flags li.inactive.forTranslation::before {
    content: ''; margin:0; padding:0; background:transparent;color:#fff;
}

#Flags li.inactive img {    
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    opacity:0.3\9; /* IE6, IE7, IE8, IE9 */
}
#Flags li.inactive:hover img,
#Flags li.inactive img:hover {
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
    opacity:1\9;
}

#FlagsSelect {
    list-style:none;
}

#FlagsSelect li {
    list-style:none;
    display:inline-block;    
    padding: 0;
    border-top: 2px solid transparent;
    border-bottom:3px solid #d12610;
    margin: 0 2px;
}

#FlagsSelect li img {
    /*box-shadow: 1px 1px 2px rgb(128, 128, 128);*/
}
#FlagsSelect li a,
#FlagsSelect li a:hover {
    text-decoration:none;
    padding: 0 2px;
}
#FlagsSelect li.inactive {
    border-bottom:3px solid transparent;
}
#FlagsSelect li.active, 
#FlagsSelect li:hover {
    border-bottom:3px solid #d12610;
}
#FlagsSelect li.inactive img {    
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    opacity:0.3\9; /* IE6, IE7, IE8, IE9 */
}
#FlagsSelect li.inactive:hover img,
#FlagsSelect li.inactive img:hover {
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
    opacity:1\9;
}

.copy-lang-editor {
    padding: 0px 6px 0px 4px;
    display: inline-block;
}