/*** urls + configs ***/

/* allgemein + coloring */
html { height: 100%; }
body, .form-control { color: #7f7f7f; }
a, .cc { color: #0099cc; }
a:hover, .cca { color: #40647f; }
a.brand { color: #7f7f7f !important; font-size: 16px; }
a.brand:hover { text-decoration: none; }
input[type=checkbox] { accent-color: #40647f; }
.btn-default { color: #7f7f7f; }
.btn-own { background-color: #0099cc; color: #ffffff; }
.btn-own:hover { background-color: #40647f; color: #ffffff; }
.btn-own:focus { outline: none; }
.btn-own-reverse { background-color: #40647f; color: #ffffff; }
.btn-own-reverse:hover { background-color: #40647f; color: #ffffff; }
.btn-own-reverse:focus { outline:none; }

/* für den split */
.container-fluid { height: 100%; }

/* glyphs */
.btn.glyph-link { font-size: 1.5em; padding-top: 3px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; }
.btn.glyph-link:hover { color: #40647f; }

/* version */
#cr { text-align: right; font-size: 0.9em; }

/* navbar style und gradient border */
.nav { margin-top: 6px; margin-bottom: 6px; }
.navbar-fixed-top { text-align: center; }
.navbar .navbar-nav { display: inline-block; float: none; }
.navbar .navbar-nav li { font-size: 1.5em; }
.navbar .navbar-nav li.active > a { background-color: transparent; }
.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus { background-color: transparent; }
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover, .nav-pills > li > a:hover, .nav > li > a:hover { background-color: #40647f; border-color: #FFFFFF; color: #FFFFFF !important; }
.nav > li > a { padding: 5px 15px; }
.nav-pills > li+li { margin-left: 6px; }
.nav-pills > li > a { background-color: #0099cc; border-color: #FFFFFF; color: #FFFFFF !important; }
li.last-nav { margin-right: 6px; }
.jcr { justify-content: right; }
.gradient-border { height: 2px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
@media only screen and (min-width: 768px) { .dropdown:hover .dropdown-menu { display: block; } }
@media screen and (max-height: 600px ) { .dropdown-menu { max-height: 200px; overflow-y: scroll; } }

.disable-link { cursor: default; color: #c0c0c0; }
.disable-link:hover, .disable-link:focus { color: #c0c0c0 !important; }
.disable-link:active { pointer-events: none !important; }

/* layout split, siehe https://github.com/nathancahill/Split.js/#css */
.gutter { background-color: transparent; background-repeat: no-repeat; background-position: 50%; }
.gutter.gutter-vertical { cursor: row-resize; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=') }
.split { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; overflow-x: hidden; }

/* edit container */
#edit-container { border-bottom: 1px solid #C0C0C0; }
label.required:before { content: "*"; margin-right: .2em; color: red; font-weight: 600; vertical-align:bottom; font-size: 160%; line-height: 0.55; }
#edit-save { margin-top: 12px; margin-bottom: 12px; }
input[id^="src-"], input[id^="med-"], input[id^="cam-"], input[id^="con-"], input[id^="key-"] { text-transform: lowercase; }

/* list container */
#list-container { border-top: 1px solid #C0C0C0; }
div[id^=list-row] { margin-top: 5px; }
.cut { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; word-wrap: break-word; }
.date-block { display: inline-block; width: 90px; min-width: 90px; max-width: 90px; padding-right: 5px; }
.date-checkbox { padding-right: 10px; }
.select-unselect { padding-left: 10px; padding-right: 10px; width: 116px; min-width: 116px; max-width: 116px; text-align: right; }

span[id^=list-row-date] { padding-right: 8px; }
.drill-down-btn:before { content: "x"; float: right; padding-left: 10px; padding-right: 0px; }
.edit-align { padding-left: 10px; }

.vertical-align { display: flex; flex-direction: row; }
.vertical-align > [class^="col-"], .vertical-align > [class*=" col-"] { display: flex; align-items: center; }

/* footernavi */
.scrollmargin { margin-right: 20px !important; }
#flexfooter { display: flex; margin-top: 10px; }
#globalsearch { width: 200px; }
#allfilter { width: 90px; }
#clipcontainer { flex-grow:1;margin-left:40px;margin-right:40px }

/*** configs ***/
.bootstrap-tagsinput { display: block; }
.bootstrap-tagsinput .tag { font-size: 90%; background-color: #40647f;  }
div.bootstrap-tagsinput > input[type=text] { text-transform: lowercase; }
.checkbox { margin-top: 5px; }
.checkbox input[type=checkbox] { margin-top: 2px; }
#configure-field .vertical-align > div:nth-child(3) { justify-content: center; }
#domain-help span.help-block { margin-bottom: 0; }

/*** login ***/
.invalid { margin-bottom: 20px; padding: 14px; }
#copyright { text-align: center; font-size: 0.9em; }
#panel-heading-login { background-color: #0099cc; border-color: #0099cc; }
#panel-login { border-color: #0099cc; }

/*** manage ***/
#new-pass-box { display: flex; }
#new-pass-box button { margin-right: 20px; }

#new-modal .checkbox { margin: 0; }