er hinter/* -------------------------------------------- */
/* adkraken colours */
html {
    --pure-water: #50DCE6;
    --golden-beach: #F5C88C;
    --vibrant-coral: #FF918C;
    --fire-jelly-fish: #D70F5A;
    --smart-kraken: #645F9B;
    --gloomy-depths: #0F0F19;
    --gray-sands: #EBEBE6;
}

/* */

/* General site layout */
/* Ad Grid Scanner Loading Animation - Option 6 */
@keyframes ring-pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.3;
    }
    50% {
        transform: scale(1.05);
        opacity: 0.6;
    }
}

@keyframes grid-scanner-light {
    0%, 100% {
        background: #2a2a2a;
        border-color: #3a3a3a;
        box-shadow: none;
    }
    40% {
        background: #50DCE6;
        border-color: #50DCE6;
        box-shadow: 0 0 20px rgba(80, 220, 230, 1);
    }
}

@keyframes scan-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

html {
    height: 100%;
}

body {
    height: 100%;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000;
    padding: 0;
    margin: 0;
    background: #FFF;
}

#wrapper {
    width: 100%;
    height: 100%;
}

body::after {
    opacity: 0.5;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: -1;
}

header {
    width: 100%;
    position: relative;
    z-index: 2000000;
}

#logo {
    width: 220px;
    height: 48px;
    background: url(/assets/img/adtechNMT_logo.png) no-repeat center center;
    background-size: contain;
    margin: 0 10px 0 15px;
}

#logo a {
    background: none;
}

@media only screen and (max-width: 1023px) {
    #logo {
        display: none;
    }
}

.poweredBy {
    color: var(--mainColor);
    font-size: 9px;
    padding-left: 5px;
    font-weight: lighter;
}

#disabled {
    width: 100%;
    position: relative;
    height: 100%;
}

#popIn {
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 2000;
    display: none;
    top: 0;
    left: 0;
    background: #ececec;
    font-size: 13px;
}

#popIn form {
    position: relative;
}

#popIn * {
    line-height: normal;
}

#popIn form * {
    line-height: 1;
}

.darkMode #popIn {
    background: #000;
}

#contentTitle {
    position: fixed;
    right: 20px;
    font-size: 25px;
    bottom: 30px;
    font-weight: lighter;
    text-shadow: 0 -1px 0 #fff;
    opacity: 0.3;
    z-index: -1;
}

/* ---------------------------------- */
/* Navigation */


#navi {
    width: 100%;
    height: 48px;
    border-bottom: 1px solid #000;
    /* margin-bottom: 10px; */
}

.menu {
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
}

.menu.fixed {
    position: fixed;
    z-index: 6555444;
    top: 0;
    width: 100%;
}

.menu ul {
    background-repeat: no-repeat;
    background-position: top right;
    height: 48px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu li {
    padding: 0;
}

.menu li a {
    color: var(--mainColor);
    display: block;
    line-height: 48px;
    font-size: 16px;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    transition: .3s;
}

.menu li a:hover, .menu ul li a:hover {
    background: #fff;
    color: #000;
    text-decoration: none;
}

.menu li div#logo a:hover {
    background: none;
    text-decoration: none;
}

.menu li ul {
    background: #000;
    display: none;
    height: auto;
    padding: 0;
    margin: 0;
    border: 0;
    position: absolute;
    width: 180px;
    z-index: 200;
    /*top:1em;
    /*left:0;*/
}

.menu li:hover ul {
    display: block;

}

.menu li li {
    background: #000;
    color: var(--mainColor);
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    width: 190px;
}

.menu li:hover li a {
    background: #fff;
    color: #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;

}

.menu li ul a {
    display: block;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    font-style: normal;
    margin: 0;
    padding: 0 10px 0 18px;
    text-align: left;
    border-bottom: 1px solid #000;
    transition: .3s;
}

.menu li ul a:hover, .menu li ul li:hover a {
    text-decoration: none;
}

.menu p {
    clear: left;
}

@media only screen and (max-width: 767px) {
    .burger {
        display: inline-block;
        height: 48px;
        width: 48px;
        font-size: 30px;
        padding-left: 10px;
        color: #fff;
    }

    .burgerBack {
        margin-left: 200px;
        height: 30px;
        width: 30px;
        font-size: 30px;
        color: #fff;
    }

    #navi div.menu.fixed > ul {
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        z-index: 200;
        transition: 0.5s;
    }

    #navi div.menu.fixed ul li {
        min-height: 30px;
    }

    #navi div.menu.fixed ul li a {
        text-align: left;
        line-height: 30px;
        height: 30px;
    }

    #navi div.menu.fixed ul li ul {
        margin-left: 61px;
    }
}

@media only screen and (min-width: 768px) {
    .burger, .burgerBack {
        display: none;
    }

    .menu li {
        float: left;
    }

    #logoutButton {
        float: right;
        width: 190px;
    }
}

/* ---------------------------------- */

#content {
    height: calc(100vH - 89px);
    padding: 10px;
}

#mainContainer {
    position: relative;
    height: 100%;
}

.centerer .loginForm ul {
    padding-inline: 0;
    margin: 13px 0;
}

.loginForm li {
    list-style-type: none;
    text-align: left;
}

#navUl .loginForm label {
    height: 20px;
    width: 30px;
    display: inline-block;
    padding: 0 5px;
}

.centerer .loginForm label {
    display: inline-block;
    padding: 5px;
}

.loginForm li:has(input[type="submit"]) {
    text-align: center;
}

#navUl .loginForm input[type="submit"] {
    width: 190px;
    height: 30px;
    cursor: pointer;
}

.centerer .loginForm input[type="submit"] {
    width: 130px;
    height: 30px;
    cursor: pointer;
    border-radius: 5px;
}

#navUl .loginForm input[type="text"], #navUl .loginForm input[type="password"] {
    width: 140px;
}

.centerer .loginForm input[type="text"], .centerer .loginForm input[type="password"] {
    width: calc(100% - 5px);
    border-radius: 5px;
}

#pagemenu {
    width: 100%;
    height: 32px;
    margin-top: 18px;
    margin-bottom: 18px;

}

.close {
    position: absolute;
    width: 24px;
    height: 22px;
    top: -12px;
    right: -12px;
    cursor: pointer;
    z-index: 999999;
    background: url(/assets/img/buttons.png) -53px 0;
}

.waiting {
    background: rgba(0, 0, 0, 0.85);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000000;
}

/* Ad Grid Scanner Container */
.waiting .ad-grid-scanner {
    position: absolute;
    width: 280px;
    height: 280px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.waiting .scanner-ring-outer {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 4px solid #50DCE6;
    border-radius: 50%;
    opacity: 0.8;
    animation: ring-pulse 3s ease-in-out infinite;
    box-shadow: 0 0 20px rgba(80, 220, 230, 0.6);
}

.waiting .scanner-ring-middle {
    position: absolute;
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    border: 3px solid #645F9B;
    border-radius: 50%;
    opacity: 0.8;
    animation: ring-pulse 3s ease-in-out infinite;
    animation-delay: 0.5s;
    box-shadow: 0 0 15px rgba(100, 95, 155, 0.5);
}

.waiting .grid-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: grid;
    grid-template-columns: repeat(3, 38px);
    grid-template-rows: repeat(3, 38px);
    gap: 10px;
}

.waiting .grid-slot-small {
    background: #2a2a2a;
    border-radius: 4px;
    animation: grid-scanner-light 2.4s ease-in-out infinite;
    border: 1px solid #3a3a3a;
}

.waiting .grid-slot-small:nth-child(1) { animation-delay: 0s; }
.waiting .grid-slot-small:nth-child(2) { animation-delay: 0.15s; }
.waiting .grid-slot-small:nth-child(3) { animation-delay: 0.3s; }
.waiting .grid-slot-small:nth-child(4) { animation-delay: 0.45s; }
.waiting .grid-slot-small:nth-child(5) { animation-delay: 0.6s; }
.waiting .grid-slot-small:nth-child(6) { animation-delay: 0.75s; }
.waiting .grid-slot-small:nth-child(7) { animation-delay: 0.9s; }
.waiting .grid-slot-small:nth-child(8) { animation-delay: 1.05s; }
.waiting .grid-slot-small:nth-child(9) { animation-delay: 1.2s; }

.waiting .scan-line-combo {
    position: absolute;
    width: 50%;
    height: 4px;
    background: linear-gradient(90deg, transparent, #D70F5A, transparent);
    top: 50%;
    left: 50%;
    transform-origin: left center;
    animation: scan-rotate 3s linear infinite;
    filter: drop-shadow(0 0 12px rgba(215, 15, 90, 1));
}

/* Dark Mode Compatibility */
body.darkMode .waiting .grid-slot-small {
    background: #1a1a1a;
    border-color: #2a2a2a;
}

body.darkMode .waiting .scanner-ring-outer {
    border-color: #50DCE6;
    opacity: 0.9;
    box-shadow: 0 0 25px rgba(80, 220, 230, 0.8);
}

body.darkMode .waiting .scanner-ring-middle {
    border-color: #645F9B;
    opacity: 0.9;
    box-shadow: 0 0 20px rgba(100, 95, 155, 0.7);
}

#messageBox {
    z-index: 6000000;
    width: 500px;
    min-height: 250px;
    background-color: #363636;
    position: fixed;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 50px;
    border: solid 1px #fff;
    box-shadow: 3px 3px 3px 3px #999;
    padding: 15px;
    color: #fff;
}

.error {
    color: #fff !important;
    background: #f00;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhZWEzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #f00 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f00), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(left, #f00 0%, #efefef 100%);
    background: -o-linear-gradient(left, #f00 0%, #efefef 100%);
    background: -ms-linear-gradient(left, #f00 0%, #efefef 100%);
    background: linear-gradient(to right, #f00 0%, #efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f00', endColorstr='#efefef', GradientType=1);
}

.warning {
    color: #000 !important;
    background: #ecef37;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWYzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ecef37 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ecef37), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(left, #ecef37 0%, #efefef 100%);
    background: -o-linear-gradient(left, #ecef37 0%, #efefef 100%);
    background: -ms-linear-gradient(left, #ecef37 0%, #efefef 100%);
    background: linear-gradient(to right, #ecef37 0%, #efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecef37', endColorstr='#efefef', GradientType=1);
}

.darkMode .success {
    color: #FFF;
}

.success {
    color: #000;
    background: #4aea38;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhZWEzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #4aea38 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4aea38), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(left, #4aea38 0%, #efefef 100%);
    background: -o-linear-gradient(left, #4aea38 0%, #efefef 100%);
    background: -ms-linear-gradient(left, #4aea38 0%, #efefef 100%);
    background: linear-gradient(to right, #4aea38 0%, #efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4aea38', endColorstr='#efefef', GradientType=1);
}

.spring_purple {
    background: #00f;
    background: -moz-linear-gradient(left, #00f 0%, #f02285 100%);
    background: -webkit-linear-gradient(left, #00f 0%, #f02285 100%);
    background: linear-gradient(to right, #00f 0%, #f02285 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f', endColorstr='#f02285', GradientType=1);
}

.spring_yellow {
    background: #ff7000;
    background: -moz-linear-gradient(left, #ff7000 0%, #ffdc00 100%);
    background: -webkit-linear-gradient(left, #ff7000 0%, #ffdc00 100%);
    background: linear-gradient(to right, #ff7000 0%, #ffdc00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7000', endColorstr='#ffdc00', GradientType=1);
}

.spring_blue {
    background: #432089;
    background: -moz-linear-gradient(left, #432089 0%, #009ff4 100%);
    background: -webkit-linear-gradient(left, #432089 0%, #009ff4 100%);
    background: linear-gradient(to right, #432089 0%, #009ff4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#432089', endColorstr='#009ff4', GradientType=1);
}

.spring_green {
    background: #00a487;
    background: -moz-linear-gradient(left, #00a487 0%, #00ff90 100%);
    background: -webkit-linear-gradient(left, #00a487 0%, #00ff90 100%);
    background: linear-gradient(to right, #00a487 0%, #00ff90 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a487', endColorstr='#00ff90', GradientType=1);
}

.spring_red {
    background: #e5004c;
    background: -moz-linear-gradient(left, #e5004c 0%, #ffbf96 100%);
    background: -webkit-linear-gradient(left, #e5004c 0%, #ffbf96 100%);
    background: linear-gradient(to right, #e5004c 0%, #ffbf96 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5004c', endColorstr='#ffbf96', GradientType=1);
}

/* onOff switch */

/* The switch - the box around the slider */
.switch {
    width: 55px;
    height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 2px;
    background-color: #ababab;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #00ffff;
}

input:focus + .slider {
    box-shadow: 0 0 1px #00ffff;
}

input:checked + .slider:before {
    -webkit-transform: translateX(37px);
    -ms-transform: translateX(37px);
    transform: translateX(37px);
}

/* end onoff switch */
/* dark mode for Toto */
#darkModeSwitch {
    position: absolute;
    width: 55px;
    right: 200px;
    height: 20px;
    top: 15px;
}

body.darkMode, body.darkMode tr, body.darkMode select, body.darkMode input[type='text'], body.darkMode input[type='number'] {
    color: #CCF !important;
    background: #000000 !important;
    border-color: #CCF !important;
}

body.darkMode .google-visualization-tooltip path {
    fill: #000 !important;
}

body.darkMode select, body.darkMode input[type='text'], body.darkMode input[type='number'] {
    box-shadow: 0 0 1px 1px #FFF inset !important;
}

body.darkMode input:disabled, body.darkMode select:disabled {
    color: #BBB !important;
    border-color: #BBB !important;
    background: #FFF !important;
}

body.darkMode rect {
    fill: rgb(0, 0, 0) !important;
}

body.darkMode svg text {
    fill: #fff !important;
}

body.darkMode #content a {
    text-decoration: underline;
    color: #0ff;
}

body.darkMode #content #messageBox a {
    color: var(--mainBGColor);
}

/* end dark mode css */
a {
    text-decoration: underline;
    color: #0000ff;
}

#disabled div.centerer, .disabled div.centerer {
    width: 300px;
    max-height: 260px;
    text-align: center;
    padding: 20px;
    background: #000000;
    color: #ffffff;
    border: 1px solid;
    border-radius: 6px;
    box-sizing: content-box;
}

#footerPlacebo {
    height: 20px;
}

footer {
    z-index: 3999999;
    width: 100%;
    height: 20px;
    text-align: center;
    position: fixed;
    bottom: 0;
}

footer a, footer a:visited, footer a:hover {
    color: var(--mainColor);
}

/* -------------------------------------------- */
/* Fonts */
p.success, p.error, p.info {
    font-weight: bold;
    padding: 10px;
}

p.success {
    color: #FFF;
    background: #79b800;
}

p.error {
    color: #FFF;
    background: #e01f28;
}

p.info {
    color: #AAA;
    background: #EEE;
}

p.success a, p.error a, p.info a {
    color: inherit;
    opacity: 0.5;
    text-decoration: none;
    transition: .3s;
}

p.success a:hover, p.error a:hover, p.info a:hover {
    opacity: 1;
    text-decoration: none;
}

p a {
    text-decoration: underline;
    color: var(--mainBGColor);
}

a img {
    border: none;
}

a.setlink {
    color: #888;
    text-decoration: none;
    transition: .3s;
}

a.setlink:hover {
    color: #000;
    text-decoration: underline;
}

span.green {
    color: #79b800;
}

span.yellow {
    color: #ffaa2e;
}

span.red {
    color: #e01f28;
}

span.grey {
    color: #AAA;
}

span.error {
    color: #e01f28;
}

span.conflictalert {
    font-size: 14px;
    color: #FFF;
    background: #e01f28;
    padding: 1px 2px 1px 2px;
    margin-left: 4px;
    line-height: 0;
}

#functionlinks {
    float: right;
}

.functionlink, .functionbutton {
    font-size: 16px;
    line-height: 18px;
    padding: 8px;
    color: #000;
    background: #FFF;
    border: 1px solid #000;
    transition: .3s;
}

.functionlink {
    margin-right: 10px;
}

.functionicon {
    padding-bottom: 9px;
}

.functionlink:hover, .functionbutton:hover {
    background: #000;
    color: #FFF;
    cursor: pointer;
}

.functionbutton2023 {
    padding: 6px 16px;
    border-radius: 6px;
    background: #0e1f2d;
    color: white;
    text-align: center;
    line-height: 28px;
    margin: 0 10px 0 0;
    text-decoration: none;
    transition: all 0.2s;
    cursor: pointer;
}

.functionbutton2023.selected {
    background: transparent;
    border: 1px solid #0e1f2d;
}

.functionbutton2023:hover {
    background: #132a3d;
    color: white;
    text-decoration: none;
}

/* --------------------------------------------  */
/* Inputs */

input, select {
    border: 1px solid #000;
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

input.largeinput {
    font-size: 16px;
    padding: 8px;
    border: 1px solid #000;
}

input.submitbutton {
    border: 1px solid #888;
    padding: 3px;
    background: #DDD;
    color: #000;
    transition: .3s;

}

input.submitbutton:hover {
    background: #CCC;
    cursor: pointer;
}

input:disabled, select:disabled {
    color: #BBB;
    border-color: #BBB;
    background: #FFF;
}

input:disabled:hover {
    color: #BBB;
    border-color: #BBB;
    background: #FFF;
}

/* --------------------------------------------  */
/* Other */

#clear, .clear {
    clear: both;
}

.hidden {
    display: none !important;
}

.resizeable {
    resize: both;
}

.centerer {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* -------------------------------------------- */
/* Objects overview */

#objectbox {
    width: 200px;
    height: 110px;
    border: 1px solid #CCC;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    transition: .3s;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80%;
}

#objectbox:hover {
    /* border:1px solid #EEE; */
    opacity: 0.5;

}

/* -------------------------------------------- */
/* Object page */

#object_header {
    width: 100%;
    height: 112px;
}

.object_table {
    width: 100%;
}

.object_blankrow {
    width: 200px;
    height: 20px;
    border-bottom: 1px solid #000;
    /* background:url(img/blankrow_bg.png) repeat-x bottom left; */
}

tr.object_channel td {
    transition: .3s;
}

tr.object_channel:hover td {
    background: #EEE;
}

#object_logo {
    width: 198px;
    height: 110px;
    border: 1px solid #000;
    float: left;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
}

#object_logo_object {
    width: 99%;
    height: 110px;
    border: 1px solid #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
}

.object_logo_td {
    width: 200px;
    height: 112px;

}

.object_weeklink, .object_week {
    /* width:100%; */
    text-align: center;
    border: 1px solid #000;
    color: #000;
    background: #FFF;
    padding: 5px;
    transition: .3s;
}

.object_weeklink:hover {
    color: #FFF;
    background: #000;
}

#object_day {
    width: 100%;
    font-weight: bold;
    padding-bottom: 7px;
}

#object_day.today {
    color: #e01f28;
}

.object_day_td {
    width: 141px;
    border-bottom: 1px solid #000;
}

#object_channel_name {
    width: 100%;
    height: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none;
    transition: .3s;
}

.object_channel_name_td {
    width: 200px;
    border-bottom: 1px solid #000;
    transition: .3s;
}

.object_channel_name_td:hover #object_channel_name {
    background: #e01f28;
    color: #FFF;
}

#object_channel_day {
    width: 100%;
    margin-top: 2px;
}

.object_channel_day_td {
    border-bottom: 1px solid #CCC;
}

#object_booking {
    padding: 2px 3px;

    margin-right: 3px;
    margin-bottom: 2px;

    color: #FFF;
    background: #e01f28;
    border: 1px solid #be1f28;
    transition: .3s;

    float: left;
}

#object_booking:hover {
    opacity: 1 !important;
}

#object_booking.highlight {
    box-shadow: 0 0 10px #333;
    opacity: 1 !important;
}

#object_booking.reserved {
    background: #444;
    border-color: #333;
    opacity: 0.5;
}

#object_booking.allowshift {
    opacity: 0.65;
}

#object_booking.adserveronline {
    background: #79b800;
    border-color: #6ca400;
}

#object_booking.adserverbooked {
    background: #ffaa2e;
    border-color: #e89b2a;
}

/* ---------------------------------- */
/* Object add booking */

#object_add_booking {
    background: #ebebeb;
    border: 1px solid #DDD;
    float: right;
    margin-bottom: 2px;

    padding: 2px 4px;

    color: #CCC;
    transition: 0.3s;
}

#object_add_booking a {
    color: #CCC;
    text-decoration: none;
}

#object_add_booking:hover {
    color: #FFF;
    background: #e01f28;
    border: 1px solid #be1f28;
}

.object_add_booking_ext {
    display: none;
}

#object_add_booking:hover .object_add_booking_ext {
    display: block;
    z-index: 900;
    position: absolute;
    padding: 2px;

    top: 0;

    background: #FFF;
    border: 1px solid #000;
}

.object_add_booking_ext a {
    text-decoration: none;
    padding: 2px;

    color: #FFF;
    background: #e01f28;
    border-bottom: 1px solid #be1f28;
}

.object_add_booking_ext a:hover {
    color: #000;
    background: #DDD;
}

/* ---------------------------------- */
/* Channel page */

#channeldate {
    width: 100%;
    margin-bottom: 22px;
}

#channeldate_date {
    width: 100%;
    font-weight: bold;
    padding-bottom: 3px;
    border-bottom: 1px solid #000;
    margin-bottom: 3px;
    color: #e01f28;

}

#channeldate_booking {
    width: 100%;
    border-bottom: 1px dotted #DDD;
    height: 18px;
    padding-top: 2px;
    padding-bottom: 8px;
}

/* ---------------------------------- */
/* Booking */

p.newbooking {
    padding: 10px;
    border: 1px solid #000;
    background: #EEE;
}

/* ---------------------------------- */
/* Channel Calendar */

table.channel_calendar {
    width: 100%
}

.channel_calendar td {
    text-align: center;
    width: 14%;
}

.channel_calendar .day {
    height: 78px;
    background: #FFF;
    border: 1px solid #000;
    padding: 0;
    margin-bottom: 10px;
}

.channel_calendar .today {
    border-color: #e01f28;

}

.channel_calendar .othermonth {
    border-color: #DDD;
}

.channel_calendar .day_title {
    padding: 4px;
    background: #FFF;
    color: #000;
    text-align: center;
}

.channel_calendar .today .day_title {
    border-color: #e01f28;
    color: #e01f28;
}

.channel_calendar .othermonth .day_title {
    border-color: #DDD;
    color: #DDD;
}

.channel_calendar .bookings {
    padding: 4px;
    padding-bottom: 0;
    border: 0 solid #000;
}

.channel_calendar .othermonth #object_booking {
    opacity: 0.2;
}

.channel_calendar .today .othermonth #object_booking {
    opacity: 0.2;
}


/* ---------------------------------- */
/* BookingCalendar */

#BookingCalendar {
    display: none;
    background: #FFF;
    width: 330px;
    position: absolute;
    overflow: hidden;
    z-index: 100;
    border: 1px solid #000;
    padding: 10px;
    box-shadow: 0 0 10px #333;
}

.Package_BookingCalendar {
    display: none;
    background: #FFF;
    width: 330px;
    position: absolute;
    overflow: hidden;
    z-index: 100;
    border: 1px solid #000;
    padding: 10px;
    box-shadow: 0 0 10px #333;
}

table.calendar, table.package_calendar {
    width: 100%
}

.calendar td, .package_calendar td {
    text-align: center;
}

.calendar .arrow, .package_calendar .arrow {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 90%;
    text-align: center;
}

.calendar .arrow:hover, .package_calendar .arrow:hover {
    color: #FFF;
    background: #000;
}

.calendar .month, .package_calendar .month {
    padding-bottom: 4px;
}

.calendar .weekday, .package_calendar .weekday {
    font-weight: bold;
    padding-bottom: 8px;
    color: #888;
}

.calendar .day, .package_calendar .day {
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
}

.calendar .calendar_day:hover .day, .package_calendar .package_calendar_day:hover .day {
    background: #000;
    color: #FFF;
}

.calendar .today, .package_calendar .today {
    font-weight: bold;
    color: #e01f28;
    border: 1px solid #e01f28;
}

.calendar .othermonth, .package_calendar .othermonth {
    color: #BBB;
}

.calendar .booked, .package_calendar .booked {
    background: #DDD;
}

.calendar .allowshift, .package_calendar .allowshift {
    border: 1px solid #DDD;
}

.calendar .highlighted, .package_calendar .highlighted {
    background: #e01f28;
    color: #FFF;
}

/* ---------------------------------- */
/* BookingTable */

#BookingTable {
    width: 100%;
    border: 0;
}

tr.bookingtable_row td {
    transition: .3s;
}

tr.bookingtable_row:hover td {
    background: #EEE;
}

#BookingTable .header {
    font-weight: bold;
    float: left;
}

#BookingTable .filter {
    padding-bottom: 5px;
}

#BookingTable .filter_td {
    border-bottom: 1px solid #000;
}

#BookingTable .orderdirection {

}

#BookingTable .orderdirection a {
    color: #BBB;
    padding-left: 5px;
    transition: .3s;
}

#BookingTable .orderdirection a:hover {
    color: #000;
}

#BookingTable .booking_td {
    border-bottom: 1px solid #BBB;
}

#BookingTable .booking {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

#BookingTable_EndDate {
    display: none;
}

#BookingTable_StartDate:hover, #BookingTable_EndDate:hover {
    cursor: pointer;
}

#StartDatePicker, #EndDatePicker {
    display: none;
}

.DatePicker {
    width: 180px;
    padding: 10px;
    position: absolute;
    overflow: hidden;
    z-index: 100;

    border: 1px solid #000;
    box-shadow: 0 0 10px #333;
    background: #FFF;
}

/* ---------------------------------- */
/* Settings */

table.setlist {
    width: 100%;
}

.setlist td {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #000;
}

tr.setlist_row td {
    transition: .3s;
}

tr.setlist_row:hover td {
    background: #EEE;
}

.setlist td.header {
    padding-top: 0;
    padding-bottom: 5px;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

a.tdlink {
    color: #AAA;
    transition: .3s;
}

a.tdlink:hover {
    padding-left: 10px;
    color: #000;
}

#object_logo.setting_logo {
    width: 110px;
    height: 23px;
    padding-top: 11px;
    padding-left: 4px;
    background-size: 46px auto;
    background-color: #FFF;
    color: #CCC;
    transition: .3s;
}

#object_logo.setting_logo:hover {
    color: #FFF;
    background-color: #000;
}

.icon {
    color: #CCC;
    transition: .3s;
}

.icon:hover {
    color: #000;
}

/* -------------------------------------------- */
/* Login */
#loginwrapper {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

.loginput {
    width: 207px;
    border: 1px solid #888;
    padding: 5px;
    background: #FFF;
    color: #000;
    font-size: 16px;
    font-weight: 100;
}

.loginsubmit {
    width: 219px;
    border: 1px solid #888;
    padding: 5px;
    background: #DDD;
    color: #000;
    font-size: 16px;
    font-weight: 100;
}

.loginsubmit:hover {
    background: #CCC;
    cursor: pointer;
}

.highlight {
    background: #faffbd;
}

/* -------------------------------------------- */
/* Question */

.question {
    display: none;
    margin-bottom: 10px;
}

.questiontitle {
    cursor: pointer;
}

.questionbox {
    border-bottom: 1px solid #CCC;
}

.questiontopic {
    margin-bottom: 30px;
}

.questiontopic h3 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.questionbox h4 {
    margin-bottom: 0;
    padding-bottom: 5px;
}

table .zeile {
    height: 30px;
}

#permissionsTable .permissions {
    text-align: right;
}