a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

/* Headlines */

h1, h2, h3, h4, h5, h6 {
    color: #1b6ec2;
}

h6 {
    font-size: 0.9rem;
    margin-bottom: 0.3rem;
}

#area-yesno {
    text-align: right;
}

.navEinzug {
    width: 5em;
    display: flex;
    margin-left: -0.375rem;
}

.navbar-nav a, .navbar-nav .nav-link {
    font-size: 1rem;
    border: 1px solid transparent;
    font-weight: 400;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: var(--color-menu-border);
}

div#gb-logo {
    margin: 10px 10px 20px;
}

div#homebutton-container {
    padding: 10px;
}

.dx-sort {
    display: none;
}

.fn-cookie {
    margin-top: 250px;
    max-width: 600px;
    margin: 200px auto;
}

.btn-flex-container {
    display: flex;
}

.btn-flex-container .btn {
    margin-right: 10px;
}

/* Container */

.virtScrollContainer {
    padding: 5px 10px 0;
}

.fw-container {
    margin-top: 50px;
}

.dx-texteditor-input {
    padding: 6px 5px 7px;
}


/* Button & btn
--------------------------------------------------------------------------- */
.fn-btn {
    border: none;
    background: none;
    padding: 0;
    color: var(--color-gray70);
}

.fn-btn-small i {
    font-size: 1.2rem;
    vertical-align: top;
    margin-left: 3px;
}

.btn-primary, .fn-btn {
    color: #fff;
    background-color: var(--color-menu);
    border-color: var(--color-menu-border);
}

.btn-primary:hover, .fn-btn:hover{
    color: var(--color-menu);
    background-color: #fff;
    border-color: var(--color-menu-border);
}

.btn-outline-primary {
    color: #1b6ec2;
    background-color: #fff;
}

.btn-outline-primary:hover {
    background-color: #1b6ec2;
}

#area-apply .btn {
    margin-left: 5px;
    margin-bottom: 10px;
    min-width: 45px;
}

.btn-medium {
    min-width: 40px;
    min-height: 40px;
    margin: 0;
    padding: 0;
}

.btn-medium i {
    font-size: 1.4rem;
    line-height: 1.7;
}

.btn-small {
    min-width: 25px;
    min-height: 25px;
    padding: 0;
}

.btn-small i {
    font-size: 1rem;
}

.btn-right {
    margin-right: 10px;
}

.btn:hover, .dx-state-hover {
    color: var(--color-green) !important;
}

#divExtrazeit .btn:hover {
    border-color: #c0c3c6;
}

.dx-button-text {
    line-height: normal;
    font-weight: 600;
    color: #1b6ec2;
}

.dx-button:hover {
    border: 1px solid var(--color-menu-border);
}

.dx-datagrid-form-buttons-container .dx-button {
    margin-left: 10px;
    margin-top: 30px;
}

.dx-btn-header {
    font-size: 18px;
}

.btn-icon {
    padding: 8px;
}


.Btn-undo {
    color: var(--color-gray70);
}

.btn-cancel {
    color: var(--color-gray50);
    margin-right: 28px;
}

.btn-submit {
    color: #40cc40;
}

.btn-main-color {
    color: var(--color-menu);
}


/* Script Button */

#btns-start, #panelExtraStart, #panelBtnStop, #btns-onair, #btns-devices {
    display: flex;
    flex-wrap: wrap;
    /*width: 100%;*/
}

#btns-start {
    padding-left: 10px;
}

/* Button Play*/

.btn-fn {
    padding: 5px;
    border: 1px solid #808386;
    background-color: #fff;
    border-radius: 0.25rem;
}

.btn-fn i {
    vertical-align: middle;
}

.btn-36, .btn-50 {
    padding: 3px;
    line-height: 1.2;
    border: 1px solid #808386;
    display: inline-block; /* Change*/
    color: var(--color-gray50);
    background-color: #fff;
    border-radius: 0.25rem;
}

.btn-36 {
    min-width: 36px;
    min-height: 36px;
}

.btn-40 {
    min-width: 40px;
    min-height: 40px;
}

.btn-50 {
    min-width: 50px;
    min-height: 50px;
    line-height: 1;
}

.btn-36 i {
    vertical-align: middle;
}

.btn-50 i {
    font-size: 1.5rem;
}

.btn-play-container {
    display: flex;
    padding-right: 25px;
}

.btn-play {
    align-items: center;
    white-space: nowrap;
    margin-right: 7px;
}

.btn-play-icon {
    margin: 5px;
}

.btn-play-icon i {
    color: #40cc40;
    vertical-align: middle;
    line-height: 1.2;
}

.btn-play-text {
    font-size: 0.9rem;
    white-space: nowrap;
    vertical-align: middle;
    margin-right: 3px;
    color: var(--color-gray50);
    font-weight: 600;
}

.btn-onair {
    height: 38px;
    margin-bottom: 5px;
    margin-right: 5px;
    border: 1px solid #00aa00;
    font-size: 1.2rem;
    padding: 0 5px 0 0;
}

a.btn-onair {
    color: var(--color-text) !important;
}

.btn-onair div {
    display: flex;
    align-items: center;
}

.btn-onair a:hover {
    text-decoration: none;
}

.btn-onair input {
    font-weight: bold;
    color: #00aa00;
    border: none;
    background: none;
    width: 5.2rem;
}

.btn-onair span, .btn-onair input {
    margin-left: 4px;
    margin-right: 4px;
    line-height: 1.2;
}

.onair-icon {
    font-size: 2rem;
    margin: 4px 6px;
    color: #40bb40;
}

.onair-user {
    font-size: 0.8rem;
    margin-right: 8px;
    line-height: inherit;
}

i.onair-user {
    color: #a0a3a6;
    font-size: 1rem;
}

/*
.dx-button[aria-label='Cancel'] {
    background-color: #505050;
}*/


/* Main Stuff & Toolbars
--------------------------------------------------------------------------- */
.webCalcContainer {
    display: inline-block;
    padding-top: 4rem;
}

#scrollContainer {
    overflow-y: scroll;
    overflow-x: hidden;
    margin-right: -10px;
    padding-right: 10px;
}

#fw-toolbar {
    border-bottom: 1px solid #d0d3d6;
}

#fw-toolbar .sub-btn {
    font-weight: 600;
    background-color: #fff;
    color: var(--color-gray50);
}

.fw-toolbar {
    background-color: #fff; /*a7b6c8  466478*/
    display: flex;
    align-items: center;
    padding: 2px 0;
    border-bottom: 1px solid #c0c3c6;
}

.fw-toolbar .btn {
    width: auto;
    height: 32px;
    min-width: 34px;
}



.fw-toolbar .btn,
.btn-fw-toolbar {
    background-color: #fff;
    font-size: 0.9rem;
    color: var(--color-gray50);
    font-weight: 600;
    border: 1px solid transparent;
}


.btn-fw-toolbar {
    width: unset !important;
}

.fw-toolbar .dx-texteditor-input {
    min-height: unset;
    font-weight: 600;
    color: #505050;
    padding: 7px 9px 8px;
}

.fw-toolbar .dateBox {
    padding-left: 0.375rem;
    width: 8.5rem;
    margin-right: 10px;
}

.fw-toolbar .dateBox-2 {
    padding-left: 0.375rem;
    width: 16rem;
    margin-right: 10px;
}

.fw-toolbar .searchBox {
    padding-left: 0.375rem;
    width: 12rem;
    margin-right: 10px;
}

.fw-toolbar .dx-selectbox,
.btn-fw-toolbar .dx-datebox,
.fw-toolbar .searchBox,
.fw-toolbar .dx-textbox {
    height: 32px;
}

/* Admin Menu
-------------------------------------------------- */

#adminSitebar {
    overflow-y: auto;
}

#adminMenu .nav-selected span {
    font-weight: 600;
}

#adminMenu .nav-selected i {
    color: #008ae4;
}



/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    /* margin-bottom: 60px; */
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    padding: 3px 10px;
    font-size: 0.9em;
    display: block;
}

.ident-panel {
    padding: 75px 20px;
    max-width: 400px;
    float: right;
    width: 100%;
}

.ident-panel800 {
    max-width: 800px;
}

/* Datagrid 
---------------------------------------------------- */
.dx-datagrid-header-panel {
    display: none;
    visibility: hidden;
}

.dx-datagrid-headers {
    color: #606060;
    font-weight: 600;
}

.dx-datagrid .dx-link {
    color: #909090;
}

.dx-datagrid-group-opened::before {
    content: "\f001";
    color: #40cc40;
    font-size: 2em;
}

.dx-datagrid-group-closed::before {
    font-size: 1.6em;
}

.dx-group-row {
    background-color: var(--color-text);
}

.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    color: #404346;
    background-color: var(--color-gray90);
}

#dgxUploadsNeu .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    color: #fff;
    background-color: var(--color-today);
}

.dx-datagrid-form-buttons-container {
    float: left;
}

.dx-datagrid-form-buttons-container .dx-button {
    margin-left: 0;
    margin-right: 10px;
}

.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
    padding: 20px;
}

.dx-datagrid-form-buttons-container {
    float: left;
}

.dx-datagrid-form-buttons-container .dx-button {
    margin-left: 0;
    margin-right: 10px;
    margin-top: 10px;
}

.rowFertig {
    font-style: italic;
    background-color: #e8e8e8;
    color: #808080;
}


td > .dx-datagrid-group-opened {
    /* background: transparent url('buttonimg/btnTrExpandedW.png') no-repeat scroll center center;*/
}

.grp-index-today {
    background-color: #256a95 !important;
}

td.grp-index-today > .dx-datagrid-group-opened {
    background: url('buttonimg/btnTrExpandedG.png') no-repeat scroll center center;
}

.grp-index-yellow {
    background-color: #fffada !important;
}

.grp-index-yellow td {
    color: var(--color-gray50) !important;
}

.dx-group-row :first-child, .dx-group-row :last-child, .dx-group-cell {
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.25px;
}

/* Datagrid Status */
.plan-status-ende, .dx-row-alt .plan-status-ende,
.plan-status-ende td, .dx-row-alt .plan-status-ende td,
.plan-status-ende .plan-text,
.plan-status-ende .plan-time,
.dx-row-alt .plan-status-ende,
.plan-status-ende strong {
    background-color: #e0e3e6 !important;
    color: #808386 !important;
    font-style: italic;
    font-weight: normal;
}

/* #ENDE #PLANENDE */
.plan-status-abnahme, .plan-status-abnahme td {
    background-color: #d6f6ff !important;
}

.plan-status-ende .plan-status-onair, .plan-status-onair td {
    background-color: #d5ffb9 !important;
}

.plan-status-ende .plan-status-erledigt, .plan-status-erledigt td {
    background-color: #e0e3e6 !important;
}

.plan-status-schlecht, .plan-status-schlecht td {
    background-color: #ff7a55 !important;
}

.plan-status-ende, .dx-row-alt .plan-status-ende,
.plan-status-ende td, .dx-row-alt .plan-status-ende td,
.plan-status-ende .plan-text,
.plan-status-ende .plan-time,
.dx-row-alt .plan-status-ende,
.plan-status-ende strong {
    background-color: #e0e3e6 !important;
    color: #808386 !important;
    font-style: italic;
    font-weight: normal;
}

.img-onair {
    background-image: url('statusimg/statusOnair.gif');
    width: 50px;
    height: 5px;
}


/* Menu 
---------------------------------------------------- */



.fw-toolbar a.active,
a .nav-link .active, .sub-btn.active {
    font-weight: 600;
    color: #1094e1;
    border: 1px solid transparent;
}

a.sub-btn:hover, .sub-btn:hover {
    border: 1px solid #1094e1;
}

.btn {
    font-weight: 400;
}

/* ===================================================================
    Mixed  */

.show-false, .hide-true,
.show-False, .hide-True {
    display: none;
}

.show-true, .hide-false,
.show-True, .hide-False {
    display: inherit;
}


/* ============================================== 
    Conti Special CSS */
.conti-detail-headline {
    margin: -15px 0 5px 0;
    display: block;
    font-weight: 600;
    color: #ff6600;
}

.copies-high {
    font-weight: 600;
    color: #606060;
}

.copies-null {
    font-weight: normal;
    color: #d0d0d0;
}

.row-null {
    font-weight: normal;
    color: #a0a0a0;
}

/* Form
-------------------------------------------------------------    */
#copy-edition .dx-field-value {
    width: 100%;
}

#copy-edition .form-label {
    width: 100%;
    font-size: 0.8rem;
    padding: 0 8px;
}

#area-newEdition .form-group {
    margin-bottom: 3rem;
}

/* Formular - Label & Input 
=============================================================     */

.klkrow-gb {
    margin-left: -10px;
    display: flex;
}

.klkrow-gb .form-group {
    padding-left: 10px;
}

.virtScrollContainer label {
    margin-bottom: 0.2rem;
}


.form-label {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 500;
    color: #0D5888; /*#104570*/
    margin-left: 7px;
    margin-bottom: 3px;
}

.form-value {
    /* float: unset; */
    width: 100% !important;
    padding-right: 10px;
}

.form-control {
    margin-bottom: 5px;
}

.grid-label {
    display: block;
}

.grid-text-bold {
    font-weight: 600;

}