@charset "utf-8";

@font-face {
    font-family: 'Montserrat';
    src: url('/x511Sendeplan/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('/x511Sendeplan/fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/x511Sendeplan/fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('/x511Sendeplan/fonts/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/x511Sendeplan/fonts/Montserrat-BlackItalic.woff2') format('woff2'),
        url('/x511Sendeplan/fonts/Montserrat-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/x511Sendeplan/fonts/Montserrat-Black.woff2') format('woff2'),
        url('/x511Sendeplan/fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/x511Sendeplan/fonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('/x511Sendeplan/fonts/Montserrat-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/x511Sendeplan/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('/x511Sendeplan/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/x511Sendeplan/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('/x511Sendeplan/fonts/Montserrat-Regular.woff') format('woff'),
        url('/x511Sendeplan/fonts/Montserrat-Regular.eot') format('eot'),
        url('/x511Sendeplan/fonts/Montserrat-Regular.svg') format('svg'),
        url('/x511Sendeplan/fonts/Montserrat-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/x511Sendeplan/fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('/x511Sendeplan/fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/x511Sendeplan/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('/x511Sendeplan/fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/x511Sendeplan/fonts/Montserrat-Italic.woff2') format('woff2'),
        url('/x511Sendeplan/fonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/x511Sendeplan/fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('/x511Sendeplan/fonts/Montserrat-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/x511Sendeplan/fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('/x511Sendeplan/fonts/Montserrat-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
body {
	margin: 0;
	padding: 0;
	font-family: Montserrat, sans-serif;
	font-size: 18px;
    background-color: #000;
}
.container {max-width:100vw!important;}
div#wrapper.content {
max-width: 100vw!important;
}
.input-group {
flex: wrap;
padding: 10px;
}
.table {
width:100vw!important;
}
.bg-dark {background-color:#9b0707!important;
}
.row {
display:flex;
}
div#wrapper {
margin-top: 0px;
box-shadow: none;
}
.navbar-brand {
margin-right: 2rem;
}

ul.nav#headnav {
    /*border-bottom: 1px solid #666;*/
	margin: 20 auto;
	padding: 0;
	list-style-type: none;
        font-size: 14px;
}
ul.nav#headnav li {
	float: center;
	border-right: 1px solid #000000;
    border-bottom: 1px solid #000;
}
ul.nav#headnav li a {
	display: block;
	padding: 7px 20px;
	min-width: 65px;
	text-align: center;
    color: #FFF;
	text-decoration: none;
}
ul.nav#headnav li span#headline {
	display: block;
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
	padding: 12px 25px;
}
ul.nav#headnav li a.active,
ul.nav#headnav li a:hover:not(.active),
ul.nav#headnav li a:focus:not(.active),
ul.nav#headnav li .nav-link:hover:not(.active),
ul.nav#headnav li .nav-link:focus:not(.active) {
    background: #101010;
    color: #fff;
    border-color: #9b0707;
}
ul.nav#headnav li:first-child {
    border-left: none;
}
ul.nav#headnav li:last-child {
    border-right: none;
}
table.table {
	border: 1px solid #9b0707;
	border-spacing: 1px;
}
img {
border: 5px solid #9b0707;
  width: 95%;
  max-width: 360px;
  height: auto;
}
div.footer ul li a {
margin-top:10px;
float: inherit;
padding: 5 20px;	

}

ul.tabmenu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.tabmenu li {
    float: none;
}

ul.tabmenu li a {
    display: block;
    margin-right: 10px;
    padding: 8px 15px;
    color: #fff;
    font-weight: bold;
    border: 1px solid #DDD;
    border-bottom: 0;
    background: transparent;
}

ul.tabmenu li a:hover,
ul.tabmenu li a.current {
    background: #514d4d;
}
span#refreshBar {
	float: right;
	font-size: 14px;
    padding-top: 5px;
}
img.profil_bild {
border: 1px solid #9b0707;
	max-width: 100px;
	max-height: 100px;
}
table.popup-table td.popup-profil-bild {
	padding-top: 5px;
	vertical-align: middle;
	width: 110px;
}
table.popup-table {
	margin: 0;
	padding: 0;
	width: 100%;
}
table.popup-table td.popup-desc {
	vertical-align: middle;
}
table.popup-table td.popup-desc span.headline {
	display: block;
	margin-bottom: 5px;
	padding-bottom: 2px;
    font-weight: bold;
	border-bottom: 1px solid #9b0707;
}
table.content tr.event-sendung {
    background: #f90101;
}
.input-group {
    margin: 3px;
    padding: 5px;
    font-family: Montserrat, sans-serif;
    /*width: 99%;
    font-size: 12px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;*/
}


select {
    padding: 4px 5px;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=file]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
select:focus, textarea:focus {
    box-shadow: 0 0 3px yellow;
}


input[type=submit],
input[type=reset],
input[type=button] {
    padding: 3px 10px;
    font-weight: bold;
    cursor: pointer;
}

span.event {
    display: block;
    padding: 8px;
    color: #A84;
    margin-bottom: 10px;
    text-align: center;
    background: #FFE;
    border-top: 5px solid #FEC;
    border-bottom: 5px solid #FEC;
}

span.event-Success {
    color: #fff;
    background: #3863FF;
    border-color: rgb(0, 47, 255);
}

span.event-Fail {
    color: #A42F2D;
    background: rgb(255, 192, 90);
    border-color: rgb(255, 162, 62);
}
a { color: #fff;}
a:hover {
    color: #44F;
}

h1.headline {
    margin: 0 0 10px 3px;
    padding-bottom: 3px;
    font-size: 22px;
    border-bottom: 1px dotted #CCC;
}

span.circle-red {
    border-radius: 10px;
    padding: 2px 6px;
    font-weight: bold;
    background: #FF5757;
}

span.label {
    color: #FFF;
    font-weight: bold;
    padding: 4px 6px;
    border-radius: 4px;
    background: #888;
}

span.label-red {
    color: #FFF;
    background: #9b0707;
}

span.label-orange {
    color: #FFF;
    background: #EF9C52;
}

span.label-green {
    color: #FFF;
    background: #5DC15D;
}

div.pagenav {
    float: right;
}

div.pagenav ul {
    margin: 0;
    padding: 0;
    height: 25px;
    list-style-type: none;
    border: 1px solid #CCC;
}

div.pagenav ul li {
    float: left;
    border-left: 1px solid #CCC;
}

div.pagenav ul li:first-child {
    border: none;
}

div.pagenav ul li a {
    display: box;
    padding: 0 7px;
    line-height: 25px;
    font-weight: bold;
    vertical-align: middle;
    cursor: pointer;
}

div.pagenav ul li a:hover,
div.pagenav ul li#currentpage {
    background: transparent;
}

.mod_tool {
    color: #dad5d5;
    background: transparent;
    font-size: 14pt;
}

.mod_tool:hover {
    color: #b5b8bc;
}

.mod_tool-dark {
    transition: .1s;
    color: #ffffff;
    background: transparent;
    font-size: 14pt;
}

.mod_tool-dark:hover {
    color: #dcdcdc;
}


.form-check-ab {
    position: relative;
    display: block;
    padding-left: 2.25rem;
    padding-top: 5px;
}
.table {
    color: #ffffff;
    background-color: #000;
    
}
.fa {
    color: #ffffff;
}
.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th {
    background-color:#3a3e42;
}
#onair_songhistory {
    height:100%;
max-height:auto!important;
}
body#onair_body {
width:100%;
max-width:100vw;
margin:0;
padding:0;
font-family: Montserrat, sans-serif;
font-size:16px;
font-weight: 400;
color: #fff;
background: transparent;
}

div#onair_anzeigename {
    font-size:30px;
    font-weight:bold;
    padding-left: 5px;
}
.btn btn-danger {
    background-color: #FF5757;
}
.btn.disabled, .btn:disabled {
    opacity: 1;
}
.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th {
    border-color:#9b0707;}
.table thead th, .table td, .table th{
    border-color:#9b0707;}
.table {
    color:#ffffff;
    background-color: #000;
}

.table td, .table th {
    vertical-align: middle;
}
.table-light, .table-light>td, .table-light>th {
background-color: #000;
}
.col-12 {
color: #000;
}
.btn-grussboxbutton {
    display:none;}
   
.table#onair-songhistory {
    border-spacing: 10px;
}
.bg-light {
background-color: #000!important;
}
.col12 {color: #fff;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
color: #fff;
}
table.dataTable tbody tr {
 background-color: #000;
}
.navbar-dark .navbar-nav .nav-link {
 color: #fff;
}
.mt-2, .my-2 {
margin-bottom: 1rem;}
.col-12 pt-2, .col-12 {
margin:0;
padding:0;
}
.table-secondary, .table-secondary>td, .table-secondary>th {
background-color:#343a40;
}
.lauftext {
max-height:30px; 
overflow: hidden!important;

/* hide scrollbar but allow scrolling */
.lauftext {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
}

.lauftext::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}
   }
.autodjtext { 
padding-top:5px;
font-size:16px;
font-weight:bold;
color:#ff0056;
text-transform:uppercase;
}
.onairsendung {
padding:0px;
font-size:16px;
font-weight:bold;
color:#ff0056;
text-transform:uppercase;
}
.nextdatetime {
margin-top:-2px!important;
font-weight:bold;
padding-left:5px;
font-size: 18px;
}
div#onair_sendung {
    padding-left:5px;
    padding-bottom:5px;
}
.btn-info:hover {
background-color: #dc3545;
border-color:#dc3545;
}
.btn-info {
background-color: #000;
border-color:#dc3545;
}
textarea#ausblenden
{display:none!important;}
div#ausblenden 
{display:none!important;}
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
background-color:#3863FF;}
.btn-vorlagen {color:#ff0056;}
.alert-success {
background-color: #9b0707;
border-color: #9b0707;
color: #ffffff
}