/*<![CDATA[*/
@charset "utf-8";
/*@font-face {
    font-family: "LinotypeUniversW02-Bold 726184";
    font-style: normal;
    font-weight: normal;
    src: url("/themes/porscheHEV/img/UniversLTPro-65Bold.otf") format("opentype");
}*/

/*  resetting script  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    /*border: 0;*/
    outline: 0;
    /*font-weight: inherit;*/
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
h1, h2, h3, h4 {
    color: #000000;
    font-family: "PorscheNextWLa","Arial Narrow",sans-serif;
    line-height: 1.2em;
}

a:not([class]):hover{
    text-decoration: none;
    color: #d5001c;
}

a:not([class]){
    text-decoration: underline;
    /*color: #000000;*/
}


h1 {
    font-size: 36px;
    font-weight: normal !important;
    line-height: 42px;
    margin: -10px 0 20px;
    outline: 0 none;
    padding: 0;
    text-transform: uppercase;
}
.h1_green {
    color: #009a3d;
    font-size: 36px;
    font-weight: normal !important;
    line-height: 42px;
    margin: -10px 0 20px;
    outline: 0 none;
    padding: 0;
    text-transform: uppercase;
}
.h1_line {
    background-color: #009a3d;
    height: 4px;
    line-height: 6px;
    margin: -15px 0 40px 235px;
    width: 464px;
}

h2 {
    font-size: 26px;
    font-weight: normal !important;
    line-height: 32px;
    margin: -10px 0 20px;
    outline: 0 none;
    padding: 0;
}

h5 {
    color: #000000;
    font-size: 150%;
    font-weight: bold !important;
}

.content-padding table td, .content-padding table th {
    /*padding: 0;*/

}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    /*font-weight: normal;*/
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/*~~~~~~~~~~~~~~~~~~~~ Basics ~~~~~~~~~~~~~~~~~~~~*/

* {
    margin: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
html, body {
    height: 100%;
}

body {
    font-family: "PorscheNextWLa","Arial Narrow",sans-serif;
    font-size:16px;
    line-height: 20px;
    background-color:  #ffffff !important;

    color: #000;
    font-weight: normal;
    margin:0;
    padding:0;
    min-height: 100%;
}

p{
    /*line-height: 20px;
    font-size: 14px;*/
    margin-bottom: 20px;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

#header{
    width: 100%;
    font-family: inherit;
    background-color:  #ffffff;
    font-weight: normal;

}
#headertitle {
    right:0px;
}

#header h1 {
    font-family: inherit;
    font-size:26px;
    line-height: 80px;
    background-color:  #ffffff;
    /*color: #inherit;*/
    font-weight: normal;
    margin-left: 0px; !important;
}
.main-header div {position:absolute;}

.row {
    margin-left:0px !important;
}

.main-header{
    margin: 0 auto;
    width: 80%;
    position:relative;
}
#logo{
    padding-top: 15px; !important;
    margin-left: 20px; !important; margin-right: 0px; !important;margin-bottom :5px !important;

}

.languagepicker{
    position:absolute;
    top:20px;
    right:2rem;
    z-index:9999;
    cursor:pointer;
}

.logo75{
    position:absolute;
    top:0px;
    right:0rem;
    z-index:999;
    text-align: right;
    background: url('/images/vipheader-right-t.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width:150px;
    height:200px;
}

.logo57{

    background: url('/images/vipheader-left-t2025.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width:402px;
    height:200px;
}


/*~~~~~~~~~~~~~~~~~~~~ Login ~~~~~~~~~~~~~~~~~~~~*/

#login{
    padding:32.5px;
    width: 304px;
    position: relative;
    /*margin:0 auto;*/
}


/* BUTTONS  AND LINKS */

a {
    text-decoration:none;
    color:#4b4b4b;
}
a:hover,
a:focus {
    color: #ff0101;
}
a {
    color: #4b4b4b;;
    text-decoration: none;;
}
a:hover , a:focus {
    color: #ff0101;;
    text-decoration: underline;;
}
a.button-big{
    float: left;
    display:block;
    width: 50%;
    height: 50px;
    line-height: 52px;
    background-color: #4b4b4b;
    color: #bbbbbb;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    font-family:  "Helvetica Neue",Helvetica,Arial,sans-serif;;
}
a:hover.button-big{
    color:#fff;
}
a.button-big.active{
    background-color: #ff1000;
    line-height: 52px;
    color: #ffffff;
    font-weight: normal;
    font-size: 16px;
    font-family:  "Helvetica Neue",Helvetica,Arial,sans-serif;;
}

/* custom menu */
#custom_menu{
    width:100%;
    height: 50px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f0f0f0;
    /*margin-bottom: 14px;*/
}
#custom_menu li{
    float:left;
}
#custom_menu li a{
    float:left;
    display: block;
    padding: 10px 20px;
    border-right: 1px solid #d8d8d8;
    line-height: 34px;
    height: 30px;
    color: #bbb;
}

#custom_menu li a:hover,
#custom_menu li a:focus {
    color: #4b4b4b;
}

#custom_menu li a.active{
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #4b4b4b;
}

#content{
    /*width:940px;*/
    height: auto;
    background-color: #ffffff;
    margin: 0 5px;
}

#header_bild{
    display: block;
    margin:0;
    padding: 0;
}

#content-step-by-step{
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    height:50px;
    /*margin-bottom: 14px;*/
    padding: 10px;
    position: relative;
    display:block;
}

/* STEP BY STEP */

.bar{
    display:block;
    width: 80%;
    height: 6px;
    display: block;
    background-color: #ffffff;;
    position: absolute;
    left:10%;
    top:48px;
    z-index: 1;
}

.bar_done{
    width: auto;
    height: 6px;
    display: block;
    background-color:  #e5050d;
    position: absolute;
    left:10%;
    top:48px;
    z-index:2;
}

.done_20{width: 20.6%;}
.done_50{width: 39.6%;}
.done_70{width: 58.6%;}
.done_100{width: 78.6%;}

.step-by-step-icon.active{
    color:  #999999 ;
    font-size: 23px;
    font-weight: inherit;
}

.step-by-step-icon.active .icon {
    background-color: #dc0019 ;
}

.step-by-step-icon.done{
    color: #999999;
}
.step-by-step-icon.done .icon {
    background-color:#e5050d;
}
.Vsmall {
    display:none;
    background-color: #ffffff;
    color:  #999999 ;
    text-align:center;
}
/* STEP BY STEP ENDE */


.radio input{
    border: none;
    background: none;
    display: inline-block;
    width: auto;
    margin: 4px 10px 0 0;
    padding: 0;
    height: 13px;
}

.formular-column-2{
    float:left;
    width: 210px;
    margin-right: 20px;
}

.formular-column-2.last{
    margin-right:0;
}

#content-bottom-button-area{
    display: block;
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    min-height:80px;
    width:100%;
    /*margin-top: 20px;*/
}

#content-bottom-button-area .button{
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    border: none;
}
/*
#content-bottom-button-area .button:hover, #content-bottom-button-area  .button.action{
background-color: #ff0101;//ButtonBackgroundColor

}*/

#content-bottom-button-area a:hover, #content-bottom-button-area a {
    text-decoration: none;
}
/* FORMULAR ENDE*/
.content-padding .center {
    text-align: left;
    display:inline-block;zoom: 1;  *display: inline;
}

.content-padding{
    padding:20px;
    text-align: left;
    background-color: #ffffff;
    margin-top: 100px;
    width:100%;
    height:100%;
    min-height: 800px;
    box-shadow: 0 0 64px rgba(0, 0, 0, .1) !important;
}

#footer, .push {
    height: 50px;

}

#footer{
    background-color: #0e1418;position: relative; margin: 0 auto;;
    bottom:0;

    color: #ffffff;;

}

#footer_content{
    width: 100%;


    font-size:11px;
}

#footer ul{

    /*height: 34px;*/

    padding-top: 6px;
    display: inline-block;
    position:absolute;
    bottom:2px;
}
#footer_content ul {
    float:left;

}
#footer ul li{
    float:left;
}

#footer ul li a{
    display: inline-block;
    padding: 0 10px;
    color: #ffffff;;
    text-decoration: none;;
}
#footer ul li a:hover{
    color: #ff0101;;
    text-decoration: underline;;
}
.flag{
    margin-top: 4px !important;

}

/* partial opacity hack: configuration */
.opacity {
    opacity: 1;       /* modern browser */
    -moz-opacity: 1;  /* older Mozilla browser */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 in Standard Compliant Mode */
    filter:alpha(opacity=100); /* IE5.x -7.0 */
}

#login input.button , input.button , a.button{
    background-color: #3e4146;
    /*background-image: url("/themes/porscheHEV/img/buttons_100.png");
    background-position: 0 -2px;
    background-repeat: no-repeat;*/
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    /*height: 25px;*/
    padding:0 21px 0;
    line-height:37px;
    /*width: 100px;*/
    border-radius: 3px;
}
#login input.button:hover , input.button:hover, a.button:hover {
    /*background-position: 0 -102px;*/
    background-color: #c00;
}
#content-bottom-button-area a.button { float:left;margin-left:20px; }

.main-menu {
    /*border-bottom: 0 solid #edefee;*/
    /*border-top: 1px solid #888888;*/
    list-style-type: none;
    margin: 0;

    /*margin-top:20px;*/
    margin-bottom:10px;
    overflow: hidden;

    /*width: 100%;*/
}
.main-menu li {
    float:left;
    margin-left: 5%;
    margin-right: 5%;
}
.main-menu a, .main-menu-inactive span.separator {
    color: #113c2b;
    padding-bottom: 3px;

    padding-top: 3px;
    /*width: 90%;*/
}
.main-menu a {
    /*background-image: url("/themes/porscheHEV/img/pfeil_menu.gif");*/
    background-position: 0 7px;
    background-repeat: no-repeat;
}
.main-menu a, .main-menu span.separator {
    /*border-bottom: 1px solid #888888;*/
    /*display: inline-block;*/
    font-weight: normal;
    text-decoration: none;
}
.main-menu-inactive a:hover {
    color: #2d4275;
}
.main-menu a.active, .main-menu-active span.separator {
    color: #2d4275;
    cursor: default;
    padding-bottom: 3px;

    padding-top: 3px;
    /*width: 90%;*/
}
.main-menu li.active {
    /*background-image: url("/themes/porscheHEV/img/pfeil_menu_aktiv.gif");
    background-position: 0 7px;
    background-repeat: no-repeat;*/
    /*border-bottom: 2px solid #911;*/
}
.main-menu a.active, .main-menu-active span.separator {
    /*border-bottom: 1px solid #888888;*/
    /*display: inline-block;*/
    font-weight: normal;
    text-decoration: none;
}

.errorMessage { display:none;}



@media (max-width: 1156px)  {
    #header{
        /*height:215px;*/
    }
    .logo75{
        top:30px;
        width:113px;
        height:150px;
    }
    .logo57{
        margin-top: 25px !important;
        width:302px;
        height:150px;
    }
}

@media (max-width: 767px) {
    body {
        padding:0px !important;

    }
    .trenner {
        border: 2px solid #ccc;
    }

    .logo75{
        width:75px;
        height:100px;
        top:50px;
    }
    .logo57{
        width:201px;
        height:100px;
        margin-bottom: 50px !important;
        margin-top: 25px !important;
    }

    #header{
        height: auto;
        margin-bottom:0px;
        padding-bottom:10px;
    }
    .main-header div {clear:both;position:relative;}
    .main-header h1 {
        font-size: 70% !important;
        line-height: 70% !important;
        height:70% !important;
        padding-top:5px !important;
        padding-left:5px;
    }
    #logo {
        /* width:25%;*/
        padding:2px;
        float:none;
        margin-left: 5px !important;
        padding-left:0px !important;
        padding-top:5px !important;
    }
    .main-header .span {
        text-align:center;
    }

    .menu-header a {}

    #custom_menu {
        height:auto;
        width:87,5%;
        margin:0 auto;

    }
    #custom_menu li {
        clear: both;
        width:100%;
        background-color: #f0f0f0;
        overflow:hidden;
    }
    #custom_menu li a{
        width:100%;

    }
    .sitelogin{
        line-height:auto;
    }

    #content-step-by-step {
        height:20px;

    }
    .step-by-step-icon {
        top:0px;
    }
    .bar , .bar_done {
        top:28px;
    }
    #content-step-by-step .Vbig {
        display:none;
    }
    .Vsmall {
        display:block;

    }
    /*.content-padding {
        padding: 0px;
    }*/
    /*#login{
        padding:0;
        padding-bottom:15px;
    }*/
}

@media (max-width: 496px) {

    .logo75 {
        width: 75px;
        height: 100px;
        top: 50px;
    }

    .logo57 {
        width: 161px;
        height: 80px;
        margin-bottom: 50px !important;
        margin-top: 45px !important;
    }
}

/* ###### HEV Theme Adjustments ###### */

body {
    background: #ffffff !important;
}


#wrapper {
    /*background: url('/images/Livery_Clean.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;*/
}

#container {
    width: 100% !important;
    background: transparent !important;
}

#footer {
    width: 100% !important;
    padding-left: 100px !important;
    padding-right: 100px !important;
    box-sizing: border-box;
    margin-top:50px;
}

#shadow-top,
#shadow-bottom {
    display: none !important;
}

#shadow-middle {
    /*margin-top: 25px !important;*/
    display: flex;
    align-content: center;
}

#shadow-middle,
#shadow-middle > row,
#shadow-middle > .row > .span12,
#shadow-middle > row > .span12 > .row,
#shadow-middle > .row > .span12 > form

    /*,
    #shadow-middle > .row > .span12 > form > .content-padding*/
{
    background: transparent !important;
}


#shadow-middle > .row > .span12 > form > .content-padding {
    background: #ffffff !important;
    box-shadow: 0 0 64px rgba(0, 0, 0, .1) !important;
}


#shadow-middle > div.row {
    margin: 0 auto !important;
}


/* Trying to address the header element */
/*#wrapper > #container > div.row:nth-child(1) > div > div > div {
    background: url('/images/porsche_small.png') no-repeat left !important;
    height: 156px !important;
    position: relative;
    z-index: 100 !important;
    margin-top: 0px !important;
}*/

#wrapper > #container > div.row {
    background: transparent !important;
}

#wrapper > #container > div.row > div > div {
    background: #fff !important;
    height: 130px !important;
    margin-top: 0px !important;
    border-bottom: 1px solid #e3e4e5 !important;
    position: relative;
    z-index: 100 !important;
    padding-left: 100px;
}

/*NRU Menu positioning*/
.main-menu {
    margin-top: 50px;
}

#wrapper > #container > div.row:nth-child(3) {
    box-shadow: 0 0 64px rgba(0, 0, 0, .1);
    margin-top: 50px;
    margin-bottom: 100px;
}

/* Buttons */


.submitbutton {
    background: #ffffff !important;
    box-shadow: none !important;
    color: #111111 !important;
    border: 1px solid rgb(54, 59, 61) !important;
    border-radius: 0;
    font-family: "PorscheNextWLa", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    transition: all .63s ease-in-out;
    padding: 10px;
}

.submitbutton:hover {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    box-shadow: none;
    transition: all .21s ease-in-out;
    text-shadow: none;
    appearance: none;
    -webkit-appearance: none;
}

.backbutton {
    background: #ffffff !important;
    box-shadow: none !important;
    color: #111111 !important;
    border: 1px solid #c00 !important;
    border-radius: 0;
    font-family: "PorscheNextWLa", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    transition: all .63s ease-in-out;
    padding: 7px 10px;
}

.backbutton_cover,.confirmbutton_cover {
    padding: 10px;
}

.backbutton:hover {
    background: #c00 !important;
    color: #ffffff !important;
    border: 1px solid #c00 !important;
    box-shadow: none;
    transition: all .21s ease-in-out;
    text-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    text-decoration:none !important;
}


.confirmbutton {
    background: #ffffff !important;
    box-shadow: none !important;
    color: #111111 !important;
    border: 1px solid #000000 !important;
    border-radius: 0;
    font-family: "PorscheNextWLa", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    transition: all .63s ease-in-out;
    padding: 7px 10px;
}

.confirmbutton:hover {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    box-shadow: none;
    transition: all .21s ease-in-out;
    text-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    text-decoration:none !important;
}

/*Layout Korrekturen*/

/*div#login {
    margin: 0;
    padding: 0 0 0 15px;
    width: 275px;
}*/

/* Input Fields Fixed style NRU 07.03.2023 */
/*select[name="People[salutations_id]"] {
    width: 294px !important;
}*/

/*Rechteckige Input Felder*/
select,
input,
textarea,
.username,
a.button-big,
button,
.button,
.btn {
    border: 1px solid #c8cacb !important;
    background: transparent !important;
    position: relative;
    text-decoration: none;
    border-radius: 0 !important;
    transition: all .63s ease-in-out;
    color: #111111 !important;
}

/*Telefon Input*/
/*#People_people_mobileintl-phone-input {
    padding: 4px 6px 4px 60px;
    height: 30px;
    width: 220px;
}

.intl-tel-input.allow-dropdown {
    width: 220px;
    height: 30px;
}*/




#footer ul {
    bottom: 6px !important;
}

#footer ul li a {
    color: #ffffff !important;
    transition: all .63s ease-in-out;
    font-weight: 100;
    font-size: 1em !important;
}

#footer ul li a:after {
    position: relative;
    top: calc(100% + 0.6rem);
    left: 0;
    content: "";
    display: block;
    background-color: #d5001c;
    height: 1px;
    width: 0;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

a {
    position: relative;
}

/*a:after {
    position: absolute;
    top: 1.6em;
    left: 0;
    content: "";
    display: block;
    background-color: #d5001c;
    height: 1px;
    width: 0;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}*/

/*.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {
    color: var(--bs-navbar-active-color);
    background-color: #d5001c;
}*/

/*a#backbutton:after {
    display: none;
}*/

#footer ul li a:hover::after,
a:hover::after {
    width: 100%;
}

#footer ul li a:hover {
    color: #d5001c !important;
    text-decoration: none !important;
    transition: all .21s ease-in-out;
    font-weight: 100;
}


label[for="RegistrationForm_verifyCode"] {
    visibility: hidden;
}

label[for="RegistrationForm_verifyCode"]:before {
    content: "Code eingeben";
    visibility: visible;
}



/* ###  Experimental Menu Adjustment  ###*/

ul#yw0.main-menu {
    position: absolute;
    top: 20px;
    display: flex;
    flex-direction: row;
    z-index: 1000;
}

.logo-image{
    position:absolute;
    top:0;
    left:50%;
    z-index:200;
}

.logo-image-inside{
    position: relative;
    left: -50%;
}

@media screen and (max-width: 995px) {
    .navbar-collapse{
        background-color: #000 !important;
    }

}
@media screen and (min-width: 768px) {
    #shadow-middle > .row > .span12 {
        width: calc(100vw - 100px);
        max-width: 1170px;
        margin-left: 0px;
    }

    ul#yw0.main-menu {
        width: calc(100vw - 300px);
        left: 300px;
    }

    #wrapper {
        /*background-position: right 25% top 0px;*/
    }

    #wrapper > #container > div.row:nth-child(3) {
        margin-left: 100px !important;
        width: 620px;
    }
}


@media screen and (max-width: 767px) {
    #shadow-middle > div.row > div.span12 > form#registration-form > div.content-padding > div.center {
        padding: 20px;
    }

    #shadow-middle {
        width: calc(100vw - 100px);
        margin: 0 auto;
    }

    #wrapper {
        /*background-position: right 25% top 0px;*/
    }

    #wrapper > #container > div.row > div > div {
        padding-left: 20px;
    }

    ul#yw0.main-menu {
        width: calc(100vw - 220px);
        left: 220px;
    }

    #wrapper > #container > div.row:nth-child(3) {
        margin-left: 20px !important;
        width: 620px;
    }
}


@media screen and (max-width: 450px) {
    #shadow-middle > div.row > div.span12 > form#registration-form > div.content-padding > div.center {
        padding: 10px;
    }

    #shadow-middle {
        width: calc(100vw - 20px);
        margin: 0 auto;
    }

    #wrapper {
        /*background-position: right 25% center;*/
    }

    #wrapper > #container > div.row > div > div {
        padding-left: 10px;
    }

    ul#yw0.main-menu {
        width: calc(100vw - 170px);
        left: 170px;
    }

    #wrapper > #container > div.row:nth-child(3) {
        margin-left: 10px !important;
        width: 620px;
    }
}


/*NAVBAR*/
.navbar-toggler {
    right: 20px;
    /*position: absolute;*/
    border:none !important;
    filter: brightness(0) invert(1);
    z-index: 300;
}

.navbar-toggler:focus, .navbar-toggler:hover,.navbar-toggler:active {
    border:none !important;
    box-shadow:none !important;
}

.navbar .navbar-toggler[aria-expanded="true"] {
    color: #9933CC!important;
}
.navbar .navbar-toggler:focus{
    color: #ff4444;
}


.subnav{
    color:#ffffff;
    background-color: #000000;
}

.navbar{
    height: 200px !important;
    position: relative;
    /*margin-top: 0px !important;*/
    background-color: #000000 !important;

    /*background: url('/images/vipheader-center.png') no-repeat center !important;
    background-position: right 33% center !important;
    background-size: auto;*/
    /*height: 200px !important;*/
    /*width: 33vw !important;*/
    /*position: relative;*/
    z-index: 100 !important;
    /*margin-top: 0px !important;*/
}

.bg-dark{
    background-color: transparent !important;
}

.nav-link, .nav-link:hover{
    color:#ffffff;
}

.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {
    color: #E21629;
}

.nav-link:after {
    position: absolute;
    top: 1.6em;
    left: 0;
    content: "";
    display: block;
    background-color: #d5001c;
    height: 1px;
    width: 0;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

.navbar-collapse{
    /*margin-top: -50px !important;*/
    /*padding-top: 50px;*/
    padding-left:20px;
    /*background-color: transparent;*/
}

/*INPUTS*/
select.form-control{
    -webkit-appearance: menulist!important;
    -moz-appearance: menulist!important;
    -ms-appearance: menulist!important;
    -o-appearance: menulist!important;
    appearance: menulist!important;
}

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

.control-label{
    margin-top: 5px;
}
.kv-date-picker, .kv-date-remove{
    display:none;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #EB0009;
}

/*SEP ENTRIES*/
.my-sep-middle{
    width:300px;
}

.summary_content{
    max-width:500px;
}

.summary_entries{
    /*padding-top: 5px;*/
}

.ask_pos{
    padding: 14px;
    cursor: pointer;
}

.ui-dialog-content{
    font-size: 14px;
    font-family: "PorscheNextWLa","Arial Narrow",sans-serif;
}
.ui-widget-header{
    background: transparent;
    border: none;
}

.market-dialog{
    display:none;
}

.container-fluid{
    --bs-gutter-x: 11.5rem;
}

.modal-dialog {
    top: 50%;
}


/*a.asc:after {
    content: url('/images/arrows/nav_down_24.png');
}
a.desc:after {
    content: url('/images/arrows/nav_up_24.png');
}*/