.tx-mediaplaner-menu {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0 .5em;
    box-sizing: border-box;
    justify-content: space-between;
}

.tx-mediaplaner-menu .tx-mediaplaner-menu-header {
    display: block;
    height: 0;
}

.tx-mediaplaner-menu .tx-mediaplaner-menu-header .header-number {
    -moz-box-shadow: inset 0 1px 0 0 var(--btn-select-box-shadow);
    -webkit-box-shadow: inset 0 1px 0 0 var(--btn-select-box-shadow);
    box-shadow: inset 0 1px 0 0 var(--btn-select-box-shadow);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05, var(--btn-select-background)),color-stop(1, var(--btn-select-background-to)));
    background: -moz-linear-gradient(top, var(--btn-select-background) 5%, var(--btn-select-background-to) 100%);
    background: -webkit-linear-gradient(top, var(--btn-select-background) 5%, var(--btn-select-background-to) 100%);
    background: -o-linear-gradient(top, var(--btn-select-background) 5%, var(--btn-select-background-to) 100%);
    background: -ms-linear-gradient(top, var(--btn-select-background) 5%, var(--btn-select-background-to) 100%);
    background: linear-gradient(to bottom, var(--btn-select-background) 5%, var(--btn-select-background-to) 100%);
    background-color: var(--btn-select-background);
    border: 1px solid var(--btn-select-border)
}

.tx-mediaplaner-menu .tx-mediaplaner-menu-header .header-number:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, var(--btn-select-background-to)), color-stop(1, var(--btn-select-background)));
    background: -moz-linear-gradient(top, var(--btn-select-background-to) 5%, var(--btn-select-background) 100%);
    background: -webkit-linear-gradient(top, var(--btn-select-background-to) 5%, var(--btn-select-background) 100%);
    background: -o-linear-gradient(top, var(--btn-select-background-to) 5%, var(--btn-select-background) 100%);
    background: -ms-linear-gradient(top, var(--btn-select-background-to) 5%, var(--btn-select-background) 100%);
    background: linear-gradient(to bottom, var(--btn-select-background-to) 5%, var(--btn-select-background) 100%);
    background-color: var(--btn-select-background-to);
}

.tx-mediaplaner-menu .tx-mediaplaner-menu-header.ready .header-number {
    -moz-box-shadow: inset 0 1px 0 0 var(--btn-select-selected-box-shadow);
    -webkit-box-shadow: inset 0 1px 0 0 var(--btn-select-selected-box-shadow);
    box-shadow: inset 0 1px 0 0 var(--btn-select-selected-box-shadow);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, var(--btn-select-selected-background)), color-stop(1, var(--btn-select-selected-background-to)));
    background: -moz-linear-gradient(top, var(--btn-select-selected-background) 5%, var(--btn-select-selected-background-to) 100%);
    background: -webkit-linear-gradient(top, var(--btn-select-selected-background) 5%, var(--btn-select-selected-background-to) 100%);
    background: -o-linear-gradient(top, var(--btn-select-selected-background) 5%, var(--btn-select-selected-background-to) 100%);
    background: -ms-linear-gradient(top, var(--btn-select-selected-background) 5%, var(--btn-select-selected-background-to) 100%);
    background: linear-gradient(to bottom, var(--btn-select-selected-background) 5%, var(--btn-select-selected-background-to) 100%);
    background-color: var(--btn-select-selected-background);
}

.tx-mediaplaner-menu .tx-mediaplaner-menu-header.ready .header-number:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05, var(--btn-select-selected-background-to)),color-stop(1,var(--btn-select-selected-background)));
    background: -moz-linear-gradient(top, var(--btn-select-selected-background-to) 5%, var(--btn-select-selected-background) 100%);
    background: -webkit-linear-gradient(top, var(--btn-select-selected-background-to) 5%, var(--btn-select-selected-background) 100%);
    background: -o-linear-gradient(top, var(--btn-select-selected-background-to) 5%, var(--btn-select-selected-background) 100%);
    background: -ms-linear-gradient(top, var(--btn-select-selected-background-to) 5%, var(--btn-select-selected-background) 100%);
    background: linear-gradient(to bottom, var(--btn-select-selected-background-to) 5%, var(--btn-select-selected-background) 100%);
    background-color: var(--btn-select-selected-background-to);
}

.tx-mediaplaner-menu .tx-mediaplaner-menu-header a {
    text-decoration: none;
}

.tx-mediaplaner-menu .tx-mediaplaner-menu-header .header-number {
    display: block;
    padding: .5em;
    font-size: 1.5em;
    font-weight: bold;
    color: var(--btn-select-color);
}

.tx-mediaplaner-menu .tx-mediaplaner-menu-header.ready .header-number {
    color: var(--btn-select-selected-color);
}

.tx-mediaplaner-menu .tx-mediaplaner-menu-header.ready:after {
    position: relative;
    content: "\f00c";
    color: var(--btn-select-color);
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.3em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    vertical-align: middle;
    pointer-events: none;
    top: -25px;
    left: 15px;
}

.tx-mediaplaner-menu .tx-mediaplaner-menu-header .header-text {
    display: none;
    padding-left: .5em;
}

.tx-mediaplaner-menu .tx-mediaplaner-menu-header h3.header-text {
    margin: 0;
}

/* tx-mediaplaner-menu-window */

#tx-mediaplaner-menu-error {
    display: none;
}

.tx-mediaplaner-menu-window {
    padding: 1em;
}

.tx-mediaplaner-menu-window h2 {
    padding-bottom: 0px;
}

.tx-mediaplaner-menu-window p {
    padding-top: 3px !important;
}

.tx-mediaplaner-menu-window p span label {
    display: block;
}

.tx-mediaplaner-menu-window a.csc-mailform-button, #TB_window .tx-mediaplaner-menu-window a.csc-mailform-button {
    float: right;
}

.tx-mediaplaner-menu-window a.csc-mailform-button.left, #TB_window .tx-mediaplaner-menu-window a.csc-mailform-button.left {
    float: left;
}

.tx-mediaplaner-menu-window .line {
    border-bottom: 1px dashed var(--border-top-color);
    clear: both;
    font-size: 0px;
    height: 0px;
    line-height: 0px;
    margin: 20px 0px;
}


/* 360px */
/* Galaxy Note 3 */
/* Galaxy S9/S9Plus */
/* Galaxy S10/S10Plus */
/* Galaxy S20 */
@media only screen and (min-width: 22.5em) {
}

/* 375px (374px)*/
/* iPhone 6/7/8 */
/* iPhone SE 2nd */
/* iPhone X/XS */
/* iPhone 11 Pro */
/* iPhone 12/13 mini */
@media only screen and (min-width: 23.375em) {
}

/* 384px */
/* Galaxy S20+ */

/* 390px */
/* iPhone 12/13 + Pro */
@media only screen and (min-width: 24.375em) {
}

/* 400px */
@media only screen and (min-width: 25em) {
}

/* 412px */
/* Galaxy S20 Ultra */
/* Galaxy Note 20 Ultra */

/* 414px */
/* iPhone 6/7/8 Plus*/
/* iPhone XR/11 */
/* iPhone XS Max */
/* iPhone 11 Pro Max */
/* Galaxy Note 9 */
@media only screen and (min-width: 25.875em) {
}

/* 428px */
/* iPhone 12/13 ProMaxi */
@media only screen and (min-width: 26.625em) {
}

/* 600px */
/* Nexus 7 */
@media only screen and (min-width: 37.5em) {
    .tx-mediaplaner-menu {
        justify-content: start;
    }

    .tx-mediaplaner-menu .tx-mediaplaner-menu-header {
        margin-right: 1em;
    }

    .tx-mediaplaner-menu .tx-mediaplaner-menu-header:last-of-type {
        margin-right: 0;
    }
}

/* 648px */
@media only screen and (min-width: 40.5em) {
}

/* 768px */
@media only screen and (min-width: 48em) {
    .tx-mediaplaner-menu {
        flex-direction: row;
        width: auto;
        background-color: transparent;
        flex-wrap: wrap;
        padding: 0;
        justify-content: normal;
    }

    .tx-mediaplaner-menu .tx-mediaplaner-menu-header {
        display: flex;
        flex-direction: row;
        height: 100%;
        margin: 0;
        width: 35%;
        padding: .2em;
        background-color: var(--background-color);
    }

    .tx-mediaplaner-menu .tx-mediaplaner-menu-header.ready:after {
        color: var(--btn-select-selected-basis);
    }

    .tx-mediaplaner-menu .tx-mediaplaner-menu-header:first-of-type {
        margin-top: 0;
    }

    .tx-mediaplaner-menu-header.n1 {
        order: 0;
    }
    .tx-mediaplaner-menu-header.n2 {
        order: 2;
    }
    .tx-mediaplaner-menu-header.n3 {
        order: 4;
    }
    .tx-mediaplaner-menu-header.n4 {
        order: 5;
    }
    .tx-mediaplaner-menu-header.n5 {
        order: 1;
    }
    .tx-mediaplaner-menu-header.n6 {
        order: 3;
    }
    .tx-mediaplaner-menu-header.nR {
        order: 4;
    }
    .tx-mediaplaner-menu-header.n8 {
        order: 7;
    }

    .tx-mediaplaner-menu .tx-mediaplaner-menu-header a {
        display: flex;
        flex-direction: row;
    }

    .tx-mediaplaner-menu .tx-mediaplaner-menu-header .header-text {
        display: flex;
        align-self: center;
    }

    .tx-mediaplaner-menu .tx-mediaplaner-menu-header .header-number,
    .tx-mediaplaner-menu .tx-mediaplaner-menu-header h3.header-text  {
        font-size: 1em;
    }

    .tx-mediaplaner-menu .tx-mediaplaner-menu-header.ready:after {
        color: var(--btn-select-selected-basis);
        top: 7px;
        left: 3px;
    }
}

/* 960px */
@media only screen and (min-width: 60em) {
}

/* 1024px */
@media only screen and (min-width: 64em) {
    .tx-mediaplaner-menu .tx-mediaplaner-menu-header .header-number,
    .tx-mediaplaner-menu .tx-mediaplaner-menu-header h3.header-text  {
        font-size: 1.2em;
    }
}

/* 1184px */
@media only screen and (min-width: 74em) {
}

/* 1424px */
@media only screen and (min-width: 89em) {
    .tx-mediaplaner-menu .tx-mediaplaner-menu-header .header-number,
    .tx-mediaplaner-menu .tx-mediaplaner-menu-header h3.header-text  {
        font-size: 1.4em;
    }
}