body {
    background: url("../images/indexBackgroundImage.jpg") no-repeat center;
    background: rgba(188, 188, 188, .19);
    background-size: cover;
    min-height: 100vh;
}

@font-face {
    font-family: 't-Star';
    src: url('fonts/TSTAR-Regular.otf');
}

.centerForm {
    position: absolute;
    width: 100%;
    /*text-align: center;*/
    top: 48vh;
}

a {
    outline: none !important;
}
/*login edit*/
label, a, p {
    font-family: Dinpro-Regular;
    /*color: rgba(0, 0, 0, 0.85);*/
    /*font-weight: 300;*/
    /*font-size: 12px;*/
    font-size: 14px;
}

h1, h2, h3, h4 {
    font-family: Dinpro-Bold;
    color: rgba(0, 0, 0, 0.85);
}

.gradientBg {
    position: absolute;
    width: .001vmin;
    height: .001vmin;
    border-radius: 50%;
    opacity: .1;
}

#headingName {
    color: rgba(0, 0, 0, 0.65);
}

.gradientBg:nth-child(2) {
    -webkit-box-shadow: 0 0 45vmax 45vmax #6c8c8b;
    box-shadow: 0 0 45vmax 45vmax rgba(75, 122, 160, 0.47);
    -webkit-animation: hue 10s 0s linear infinite, move1 19s 0s linear infinite;
    animation: hue 10s 0s linear infinite, move1 19s 0s linear infinite;
}

.gradientBg:nth-child(3) {
    -webkit-box-shadow: 0 0 45vmax 45vmax #a03e59;
    box-shadow: 0 0 45vmax 45vmax rgba(140, 79, 97, 0.44);
    -webkit-animation: hue 15s 0s linear infinite, move2 25s 0s linear infinite;
    animation: hue 15s 0s linear infinite, move2 25s 0s linear infinite;
}

.main-conto {
    color: #a03e59;
}

.gradientBg:nth-child(4) {
    -webkit-box-shadow: 0 0 45vmax 45vmax #caaf63;
    box-shadow: 0 0 45vmax 45vmax #caaf63;
    -webkit-animation: hue 20s 0s linear infinite, move3 15s 0s linear infinite;
    animation: hue 20s 0s linear infinite, move3 15s 0s linear infinite;
    opacity: .2;
}

@-webkit-keyframes hue {
    0% {
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }

    100% {
        -webkit-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg);
    }
}

@keyframes hue {
    0% {
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }

    100% {
        -webkit-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg);
    }
}

@-webkit-keyframes move1 {
    0% {
        top: 0vh;
        left: 50vw;
    }

    25% {
        left: 0vw;
    }

    50% {
        top: 100vh;
    }

    75% {
        left: 100vw;
    }

    100% {
        top: 0vh;
        left: 50vw;
    }
}

@keyframes move1 {
    0% {
        top: 0vh;
        left: 50vw;
    }

    25% {
        left: 0vw;
    }

    50% {
        top: 100vh;
    }

    75% {
        left: 100vw;
    }

    100% {
        top: 0vh;
        left: 50vw;
    }
}

@-webkit-keyframes move2 {
    0% {
        top: 50vh;
        left: 100vw;
    }

    25% {
        top: 100vh;
    }

    50% {
        left: 0vw;
    }

    75% {
        top: 0vh;
    }

    100% {
        top: 50vh;
        left: 100vw;
    }
}

@keyframes move2 {
    0% {
        top: 50vh;
        left: 100vw;
    }

    25% {
        top: 100vh;
    }

    50% {
        left: 0vw;
    }

    75% {
        top: 0vh;
    }

    100% {
        top: 50vh;
        left: 100vw;
    }
}

@-webkit-keyframes move3 {
    0% {
        top: 100vh;
        left: 50vw;
    }

    25% {
        left: 100vw;
    }

    50% {
        top: 0vh;
    }

    75% {
        left: 0vw;
    }

    100% {
        top: 100vh;
        left: 50vw;
    }
}

@keyframes move3 {
    0% {
        top: 100vh;
        left: 50vw;
    }

    25% {
        left: 100vw;
    }

    50% {
        top: 0vh;
    }

    75% {
        left: 0vw;
    }

    100% {
        top: 100vh;
        left: 50vw;
    }
}

#headingName {
    font-size: 46px;
    font-family: Dinpro-Bold;
}

.heading_one {
    color: #fff;
}
/*login edit*/
.paragraphGeneral {
    color: white;
    /*font-size:28px;*/
    font-size: 18px;
}

.fullDisplay {
    position: relative;
    height: 100VH;
    min-height: 360px;
}
/*login edit*/
.questions li.current > span label, .no-js .questions li > span label {
    /*color: rgba(0, 0, 0, 0.85);*/
    font-family: Dinpro-Regular;
    padding-left: 7px;
}
/*Login e dit*/
#paragraphUnderTitle {
    /*font-size: 16px;*/
    font-size: 14px;
    font-family: Dinpro-Regular;
    color: rgba(0, 0, 0, 0.85);
}

#paragraphtitle {
    color: rgba(209, 31, 92, .85);
    /*font-weight: 700;*/
    font-family: t-star regular;
    font-size: 31px;
}

.checkbox input {
    margin-top: 5px;
}

.checkbox label {
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
}

.link a {
    color: rgb(209, 31, 92);
    margin-top: 2px;
    float: right;
    font-size: 16px;
    /*margin-right: 68px;*/
    text-decoration: underline;
    /*margin-top: .8em;*/
}

.register {
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
}
    /*Login edit*/
    .register a, .check_box {
        /*color: rgba(0, 0, 0, 0.85);*/
        color: #d21e5b;
        font-size: 18px;
        text-decoration: underline;
        font-family: Dinpro-Bold;
    }

.footerText {
    text-align: center;
    font-size: 16px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    left: 0;
    right: 0;
}

.underFormInput {
}

.seePasswordPlaceHolder {
    display: block;
    position: absolute;
    float: left;
    width: 5%;
    padding: 1%;
    /* top: 20%; */
    height: 10px;
    padding-top: 0.4em;
    cursor: pointer;
    height: 90px;
    font-size: 20px;
    line-height: 0;
    margin-left: 5px;
}

#q2, #q5, #q6 {
    padding-left: 1.7em;
    border-radius: 11px;
}

/* Navigation*/

/*navigation -> left nav*/
.sidenav {
    min-height: 100%;
    width: 262px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    /* background-color: #9b9e9e; */
    overflow-x: hidden;
    transition: 0.5s;
    /*padding-top: 60px;*/
    text-align: right;
    /* box-shadow: 0 2px 198px rgba(62, 64, 62, 0.43); */
    /* box-shadow: 0 8px 80px rgba(53, 53, 51, 0.69); */
    /* border-right: 1px solid rgba(255, 255, 255, 0.69); */
}


    .sidenav a {
        /*    padding: 8px 8px 8px 36px;*/
        text-decoration: none;
        display: block;
        transition: 0.3s;
        color: #2a2a2a;
    }


        .sidenav a:hover, .offcanvas a:focus {
            color: #f1f1f1;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }


#main {
    transition: margin-left .5s;
    padding: 16px;
    margin-left: 250px;
}

/*navigation -> right nav*/
#link_1 {
    display: block;
}

#link_2 {
    display: none;
}

hr {
    margin: 4px 0 4px 0;
}
/*E editume*/
.sidenavRight {
    height: auto;
    width: 0;
    position: fixed;
    z-index: 1;
    /* top: 4px; */
    right: 0;
    background-color: rgba(232,228,227,0.98);
    overflow-x: hidden;
    transition: .7s;
    /* border-left: 4px solid rgba(255, 255, 255, 0.53); */
    box-shadow: 0 -8px 60px rgba(53, 53, 51, 0.27);
    /*height: 100%;*/
    /*width: 0;*/
    /*position: fixed;*/
    /*z-index: 1;*/
    /*top: 0;*/
    /*right: 0;*/
    /* background-color: rgb(218, 218, 218); */
    /*overflow-x: hidden;*/
    /*transition: 0.5s;*/
    /*border-left: 4px solid rgba(255, 255, 255, 0.41);*/
    /*box-shadow: 0 -8px 60px rgba(53, 53, 51, 0.59);*/
    /*!* background-image: url("http://www.vyou.uucltd.co.uk/assets/images/marsecoContactBg.PNG"); *!*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*background-blend-mode: lighten;*/
    /* opacity: 0.986; */
    /*filter: blur(68px);*/
    /* margin-right: 5px; */
    border-radius: 0px 0px 0px 8px;
    z-index: 10001;
}

.tabBorder {
    /*border-left: 1px solid rgba(255, 255, 255, 0.3);*/
    /*border-right: 1px solid rgba(255, 255, 255, 0.3);*/
}

.sidenavRight a {
    /*padding: 8px 8px 8px 32px;*/
    /*text-decoration: none;*/
    /*font-size: 25px;*/
    /*color: #818181;*/
    /*display: block;*/
    /*transition: 0.3s*/
    color: #d21e5b;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
}

    .sidenavRight a.notTitle:hover {
        color: red !important;
    }

    .sidenavRight a:hover, .offcanvas a:focus {
        color: #d83331;
    }

.sidenavRight .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.logoEHapur {
    display: block;
    width: 100%;
}
    /*e editume*/
    .logoEHapur img {
        /*display: block;*/
        /*margin:10px auto;*/
        width: 40%;
        display: block;
        margin: 10px auto;
        margin-bottom: 0;
        width: 36%;
    }

#content .frame {
    width: 55%;
    margin: 5px auto;
}

.profilePic {
    width: 100%;
    padding-left: 6vh;
    padding-right: 6vh;
}

    .profilePic .profilImage {
        width: 75%;
        border-radius: 100%;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.29);
        display: block;
        margin: 0px auto;
    }

#leftMenuButton {
    font-size: 30px;
    /*border-bottom:1px solid rgba(38, 38, 38, 0.47);*/
}

/*body{*/
/*background: url("../images/marsecoContactBg.PNG") center;*/
/*background-size: cover;*/

/*}*/

#leftSideBar {
    z-index: 1;
    position: fixed;
    /* border-right: 2px solid rgba(255, 255, 255, 0.15); */
}
    /*e editume*/
    #leftSideBar #blurImage {
        position: fixed;
        top: 0;
        /*bottom:0;*/
        display: block;
        width: 50px;
        /*width: 280px;*/
        height: 100%;
        -webkit-filter: blur(50px);
        -moz-filter: blur(50px);
        -o-filter: blur(50px);
        -ms-filter: blur(50px);
        /*filter: blur(50px);*/
        -webkit-background-size: cover;
        /*!*-moz-background-size: cover;*!*/
        /*!*-o-background-size: cover;*!*/
        /*!*background-size: cover;*!*/
        /*!*background-repeat: no-repeat;*!*/
        /*!*background-attachment: fixed;*!*/
        background-position: center;
        position: fixed;
        top: 0;
        bottom: 0;
        display: block;
        width: 210px;
        height: 100%;
        -moz-filter: blur(50px);
        -o-filter: blur(50px);
        -ms-filter: blur(50px);
        -webkit-filter: blur(34px) contrast(93%) grayscale(25%) saturate(85%) sepia(3%);
        opacity: 0.25;
    }

.cleftContent {
    z-index: 9999;
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0);
}

contentOnRightSide {
    text-align: left;
}

.contentOnRightSide a, .contentOnRightSide p, .contentOnRightSide h1, .contentOnRightSide h2, .contentOnRightSide h3 {
    text-align: left;
    /* color: #000; */
}

.userInformation {
    /* background: rgba(255,255,255,.5); */
    /* border-radius: 0 25px 0 0; */
    float: left;
    width: 100%;
    position: relative;
    cursor: pointer;
    margin: 0px auto;
    padding-left: 0;
}

    .userInformation .editIcon {
        position: absolute;
        right: 37%;
        top: 26%;
        display: none;
    }

    .userInformation:hover .editIcon {
        top: 10%;
        display: block;
    }

    .userInformation p, .userInformation label, .userInformation i {
        text-align: left;
        float: left;
        margin-left: 0px;
    }

    .userInformation p {
        font-size: 20px;
        margin-bottom: 2px;
        width: 100%;
    }

    .userInformation label {
        font-size: 14px;
        text-align: left;
    }

    .userInformation i {
        font-size: 28px;
        float: left;
    }

    .userInformation .contentOnLeft {
        font-size: 13px;
        text-align: left;
        font-family: Dinpro-Regular;
        color: rgb(51, 51, 51);
    }

.leftSideContentDescription {
    display: block;
}

.threColumnOnLeft p {
    font-size: 14px !important;
}

.threColumnOnLeft .hTitle {
    font-weight: bold;
}

.onlineButton {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    /* border: 1px solid; */
    text-align: center;
}

    .onlineButton h3.onStatus .onlineText {
        float: left;
        color: white;
        margin-left: auto;
        margin-right: auto;
        padding: 5px 20px;
        /*border: 1px solid #a6c385;*/
        background: #22b573;
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 4px 8px;
        border-radius: 5px;
        /* margin-left: 45px; */
    }
    /*e editume*/
    .onlineButton h3.onStatus {
        width: 34%;
        /*display: block;*/
        /*margin:10px auto;*/
        /*text-align: center;*/
        /*background: #32CD32;*/
        /*font-size: 14px;*/
        /*padding:6px 18px;*/
        /*padding-right:0px;*/
        /*border-radius: 4px;*/
        /*color: white;*/
        /* width: 100%; */
        display: block;
        /* margin: 7px auto; */
        text-align: center;
        background: rgba(102, 189, 14, 0.33);
        font-size: 14px;
        /* padding: 5px 20px; */
        /* padding-right:0px; */
        border-radius: 4px;
        /* color: white; */
        font-family: Dinpro-Regular;
        text-align: center;
        /* border: 1px solid; */
        width: 100%;
        text-align: center;
        margin-left: 86px;
    }

ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    /*background-color: #f1f1f1;*/
    width: 260px;
    /* border: 1px solid; */
    margin: 4px auto;
}

    /* Float the list items side by side */
    ul.tab li {
        float: left; /* background: rgba(208, 208, 208, 1); */
    }

        /* Style the links inside the list items */
        ul.tab li a {
            display: inline-block;
            color: black;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            transition: 0.3s;
            font-size: 17px;
            width: 84px;
            height: 64px;
        }

            ul.tab li a#notific {
                background: url("../images/notification.svg") center center no-repeat;
                background-size: 40%;
            }

                ul.tab li a#notific:hover {
                    background: url("../images/notification_hover.svg") center center no-repeat;
                    background-size: 50%;
                }

            ul.tab li a#settingsTab {
                background: url("../images/settings.svg") center center no-repeat;
                background-size: 40%;
            }

                ul.tab li a#settingsTab:hover {
                    background: url("../images/settings_hover.svg") center center no-repeat;
                    background-size: 50%;
                }

            ul.tab li a#logoutTab {
                background: url("../images/logout.svg") center center no-repeat;
                background-size: 40%;
            }

                ul.tab li a#logoutTab:hover {
                    background: url("../images/logout_hover.svg") center center no-repeat;
                    background-size: 50%;
                }

.logoutDiv {
    width: 100%;
    height: 110px;
    display: block;
    margin: 0px auto 30px auto;
    background: url(../images/logout.svg) center no-repeat;
    background-size: 25%;
    position: relative;
    margin-bottom: 36px;
}

    .logoutDiv:hover {
        width: 100%;
        height: 80px;
        display: block;
        margin: 0px auto;
        background: url(../images/logout_hover.svg) center no-repeat;
        background-size: 35%;
        position: relative;
        margin-bottom: 30px;
    }

    .logoutDiv h4 {
        position: absolute;
        bottom: -30px;
        display: block;
        width: 100%;
        text-align: center;
    }

/* Change background color of links on hover */
ul.tab li a:hover {
    color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    color: #333;
    background: rgba(255, 255, 255, 0.3);
}

/* Style the tab content */
.tabcontent {
    display: none;
    /*padding: 6px 12px;*/
    /*border: 1px solid #ccc;*/
    border-top: none;
    width: 286px;
    margin: 4px auto;
}

.listPosition a {
    position: relative;
}

#notificationNumber, #notificationNumberOnMobileMenu {
    position: absolute;
    top: 5px;
    right: 13px;
    padding: 3px 6px;
    background: rgba(206, 0, 0, 0.75);
    color: rgba(255, 255, 255, 0.81);
    font-weight: 600;
    border-radius: 30px;
    font-size: 10px;
}

.notifications {
    padding: 4px;
}

.notification {
    margin-bottom: 4px;
}

    .notification .notHead {
        position: relative;
    }

        .notification .notHead .close {
            position: absolute;
            right: 2px;
            top: 2px;
            font-size: 14px;
        }

    .notification.success .notHead .close:hover {
        color: #4F8A10;
    }

    .notification.danger .notHead .close:hover {
        color: #D8000C;
    }

    .notification.success {
        min-height: 30px;
        border: 1px solid rgba(180, 176, 176, 0.44);
        border-radius: 6px;
        background: rgba(180, 176, 176, 0.44);
        box-shadow: 0 0 6px rgba(79, 138, 16, 0.37);
    }
    /*e editume*/
    .notification.danger {
        /*min-height:30px;*/
        /*border:1px solid rgba(180, 176, 176, 0.44);*/
        /*border-radius: 6px;*/
        /*background: rgba(180, 176, 176, 0.44);*/
        /*box-shadow: 0 0 6px rgba(255, 0, 12, 0.37);*/
        min-height: 30px;
        border: 1px solid rgba(180, 176, 176, 0.44);
        border-radius: 6px;
        background: rgba(180, 176, 176, 0.44);
        box-shadow: 0 0 6px rgba(255, 255, 255, 0.37);
    }

    /*Success*/
    .notification.success {
        color: rgba(51, 51, 51, 0.75);
        background-color: rgba(255,255,255,0.8);
    }

        .notification.success .notHead {
            /* border-bottom: 1px solid rgba(79, 138, 16, 0.32); */
        }

.success .notHead p {
    text-align: left;
    color: #4F8A10;
    padding: 2px;
    margin-bottom: 0px;
}
/*danger*/
.notification.danger {
    color: rgba(191, 0, 10, 0.81);
    background-color: rgba(255,255,255,0.8);
}

    .notification.danger .notHead {
        /* border-bottom: 1px solid rgba(216, 0, 12, 0.37); */
    }

.danger .notHead p {
    text-align: left;
    color: #7faacd;
    padding: 4px;
    margin-bottom: 0px;
}

/*--------------------*/
.notification p {
    padding-left: 8px;
    padding-right: 8px;
}

.notification .notfooter p {
    text-align: right;
    margin-bottom: 0px;
    padding: 4px;
}

.logout {
    display: block;
    width: 100%;
    text-decoration: none;
}

    .logout:hover {
        text-decoration: none;
    }

.logoutDiv {
}

    .logoutDiv i {
        font-size: 70px;
        text-align: center;
        color: #d21e5b;
        ;
        display: block;
        margin: 20px auto;
    }

        .logoutDiv i:hover {
        }

.logoutText {
    text-align: center;
    text-decoration: underline;
    color: #d21e5b;
}

.languigeButton {
    text-align: center;
    font-size: 12px;
    margin-bottom: 20px;
}

    .languigeButton a {
        /* padding: 8px 8px 8px 32px; */
        /* text-decoration: none; */
        /* font-size: 25px; */
        /* color: #818181; */
        /* display: block; */
        /* transition: 0.3s; */
        color: #000000;
        display: block;
        margin: 0 auto;
        text-align: center;
        font-size: 12px;
    }

        .languigeButton a:hover {
            text-decoration: none;
            color: #000000;
        }

            .languigeButton a:hover b {
                text-decoration: underline;
            }
/* SETTINGS SECTION*/

#settings .notTitle {
    color: #000;
    margin-top: 10px;
    font-weight: 600;
    margin-bottom: 2px;
    text-align: center;
    font-size: 13px;
}

.formInput {
    position: relative;
}

.formSettings .submitButton {
    background: transparent;
    border: none;
    outline: none;
    font-size: 14px;
    position: absolute;
    top: 4px;
    right: 4px;
    border: 1px solid #d21e5b;
    border-radius: 100px;
    padding: 4px 7px;
    background: #d21e5b;
    color: white;
    font-weight: 700;
}

.formSettings .inputPadding {
    padding-right: 32px;
    padding-left: 5px;
    outline: none;
}

    .formSettings .inputPadding:focus {
        border-color: rgba(210, 30, 91, 0.6);
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(210, 30, 91, 0.3);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(210, 30, 91, 0.3);
    }

.inputLable {
    margin-left: 4px;
    font-size: 11px;
}

.enableEditing {
    position: absolute;
    /*border:1px dashed red;*/
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 100;
}

#savePhoto, #controls {
    display: none;
}

.enableEditing a.edit {
    width: 50%;
    display: block;
    /*border: 1px dashed;*/
    margin: 0 auto;
    height: 100%;
    border-radius: 50%;
    position: relative;
}

    .enableEditing a.edit .editIcon {
        font-size: 35px;
        /* padding: 0; */
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        right: 0;
        top: 0;
        padding: 45%;
        display: none;
        background: url("../images/edit.svg") center center no-repeat;
        background-size: 40%;
        opacity: .85;
    }

    .enableEditing a.edit:hover .editIcon {
        display: block;
    }

.editTool {
    position: absolute;
    display: block;
    /* bottom: 0; */
    top: 0;
    RIGHT: 10%;
}

#dropzone {
    width: 55%;
    margin: 2px auto;
}

#saveButtonOnProfile {
    background: rgba(60, 255, 67, 0.66);
    padding: 8px;
    border-radius: 50%;
    z-index: 100;
    border: none;
    font-size: 25px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0 0 2px;
}

#controls button {
    color: white;
    background: black;
    border: 1px solid black;
    margin: 0;
}

#main {
    width: 80%;
    -webkit-transition: width 2s; /* Safari */
    transition: width 1s;
}
/*-----------------------------*/
#modalDropzone {
    position: relative;
    border: 2px dotted #020202;
    border-radius: 20px;
    color: white;
    font: bold 24px/200px arial;
    height: 200px;
    margin: 30px auto;
    text-align: center;
    width: 160px;
}

    #modalDropzone.hover {
        border: 10px solid #FE5;
        color: #FE5;
    }

    #modalDropzone.dropped {
        background: #222;
        border: 2px solid #444;
    }

    #modalDropzone div {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    #modalDropzone img {
        border-radius: 10px;
        vertical-align: middle;
        max-width: 95%;
        max-height: 95%;
    }

hr::content {
    content: "";
    color: #333;
}

#modalDropzone [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.kv-main {
    width: 100%;
}

    .kv-main .kv-file-zoom {
        display: none;
    }

.modal-header {
    cursor: move;
}

.documentFile {
    width: 160px;
    margin: 10px auto;
    height: 200px;
    background: white;
    border: .5px solid rgba(51, 51, 51, 0.4);
}

.hrBorder {
    border-bottom: 1px solid #333;
    margin: 0px;
}

.uploadButton {
    width: 90%;
    margin: 10px auto;
    border-top: 1px dashed #333;
}

    .uploadButton #uploadBtn {
        display: block;
        margin: 10px auto;
        color: white;
        background: #d21e5b;
        border: 1px solid #d21e5b;
        font-size: 14px;
        padding: 4px;
    }

.iconHolder {
    font-size: 30px;
    cursor: pointer;
    float: right;
}

.contentTitle {
    color: #333;
    font-size: 24px;
}

.hover {
    display: none;
    position: absolute;
    top: 10px;
    left: 0;
}

.iconImage {
    width: 23px;
    height: 25px;
    opacity: .8;
}

.iconHolder {
    position: fixed;
    /* border: 1px solid red; */
    width: 25px;
    height: 25px;
    right: 25px;
    z-index: 10000;
}

.leftSideContentDescription {
    color: #d21e5b;
}

.codrops-header img {
    height: 40px;
}

.leftListMenu ul li a {
    color: #333;
}

.leftListMenu {
    position: fixed;
    top: 60px;
}

.leftListMenu {
    z-index: 100;
}

    .leftListMenu ul {
        list-style: none;
    }

        .leftListMenu ul li h4 a {
            font-size: 20px;
            color: #000;
        }

        .leftListMenu ul li a {
            font-size: 16px;
            padding-left: 10px;
        }

        .leftListMenu ul li:hover a {
            color: rgb(210, 30, 91);
        }

        .leftListMenu ul li a:focus {
            color: rgb(210, 30, 91);
        }

        .leftListMenu ul li.active {
            padding-left: 15px;
            border-left: 1px solid rgb(210, 30, 91);
        }

.leftListMenu {
    position: fixed;
    top: 60px;
}

    .leftListMenu ul {
        list-style: none;
    }

        .leftListMenu ul li h4 a {
            font-size: 20px;
            color: #000;
        }

        .leftListMenu ul li a {
            font-size: 16px;
            /* padding-left: 10px; */
        }

        .leftListMenu ul li:hover a {
            color: rgb(210, 30, 91);
        }

        .leftListMenu ul li a:focus {
            color: rgb(210, 30, 91);
        }

        .leftListMenu ul li.active {
            /* padding-left: 15px; */
            border-left: 1px solid rgb(210, 30, 91);
            background: transparent !important;
        }

            .leftListMenu ul li.active a {
                color: rgb(210, 30, 91);
                text-decoration: underline;
                background: transparent !important;
            }

.leftSideContentDescription.userName {
    font-weight: 700;
    font-size: 24px;
}

.leftSideContentDescription.beruf {
    margin-top: 10px;
    font-weight: 700;
}

.bold {
    font-weight: 700;
}

.leftSideContentDescription.addres {
    color: #333;
    font-size: 14px;
}

.normal {
    font-weight: 300 !important;
    font-size: 14px !important;
    margin-top: 10px;
}

.leftListMenu ul li.active a {
    color: rgb(210, 30, 91);
    text-decoration: underline;
    background: transparent !important;
}

.leftSideContentDescription.userName {
    font-weight: 700;
    font-size: 24px;
    color: rgba(51, 51, 51, 0.9);
}

.leftSideContentDescription.beruf {
    margin-top: 10px;
    font-weight: 700;
}

.textDesct {
    opacity: .8;
    color: #333;
    font-size: 12px !important;
    margin-top: 10px;
}

.bold {
    font-weight: 700;
}

.leftSideContentDescription.addres {
    color: #333;
    font-size: 14px;
}

.normal {
    font-weight: 300 !important;
    font-size: 14px !important;
    margin-top: 10px;
}

.logoOnRight {
    width: 60px;
    height: 60px;
    margin: 20px;
}

.fullscreenBTN {
    background: transparent;
    width: 40px;
    height: 40px;
    border: none;
    background: url("../images/size.svg");
    fill-opacity: .9;
}

    .fullscreenBTN:hover {
        background: url("../images/size_hover.svg");
        opacity: .9;
    }

.cameraTool .microphone {
    width: 35px;
    height: 35px;
    position: absolute;
    /* bottom: 5px; */
    /* right: 10px; */
    background: url(../images/mic.svg);
    cursor: pointer;
}

    .cameraTool .microphone:hover {
        background: url("../images/mic_hover.svg");
    }

.muteOrVolume {
    cursor: pointer;
}

.frontCamResize {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url("../images/resize.svg");
    float: left;
    cursor: pointer;
}

    .frontCamResize:hover {
        background: url("../images/resize_hover.svg");
    }

.box.box1 {
    background: url("../images/call.svg") center no-repeat;
    background-size: 80%;
}

    .box.box1:hover {
        background: url("../images/call_hover.svg") center no-repeat;
        background-size: 80%;
    }

.box.box2 {
    background: url("../images/stop.svg") center no-repeat;
    background-size: 80%;
}

    .box.box2:hover {
        background: url("../images/stop_hover.svg") center no-repeat;
        background-size: 80%;
    }

.box.box3 {
    background: url("../images/upload.svg") center no-repeat;
    background-size: 80%;
}

    .box.box3:hover {
        background: url("../images/upload_hover.svg") center no-repeat;
        background-size: 80%;
    }

.kv-file-remove, .kv-file-upload, .glyphicon-hand-down {
    display: none;
}

.message {
    color: #FFF;
    /* position: absolute; */
    /* top: -250px; */
    /* left: 0; */
    width: 100%;
    height: auto;
    padding: 20px;
    transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid black;
    /*box-shadow: 0 -6px 8px #333;*/
    /*-moz-box-shadow:    inset 0 0 4px #000000;*/
    /*-webkit-box-shadow: inset 0 0 4px #000000;*/
    /*box-shadow:         inset 0 0 4px #000000;*/
}

/*.message h1 {*/
/*color:#FFF;*/
/*}*/

#toggle {
    position: absolute;
    cursor: pointer;
    left: -100%;
    top: -100%;
}

    #toggle + label {
        position: absolute;
        cursor: pointer;
        padding: 10px;
        background: #26ae90;
        width: 100px;
        border-radius: 3px;
        padding: 8px 10px;
        color: #FFF;
        line-height: 20px;
        font-size: 12px;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        cursor: pointer;
        margin: 20px 50px;
        transition: all 500ms ease;
    }

        #toggle + label:after {
            content: "Open"
        }

.moreContainer {
    transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    padding: 5em 3em;
}

#toggle:checked ~ .message {
    top: 0;
}

#toggle:checked ~ .moreContainer {
    margin-top: 250px;
}

#toggle:checked + label {
    background: #dd6149;
}

    #toggle:checked + label:after {
        content: "Close"
    }

.post .circle {
    margin: 10px auto;
    background: red;
    display: block;
    width: 150px;
    height: 150px;
    text-align: center;
    /* line-height: 100px; */
    border-radius: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 1.4em;
    padding-top: 8%;
}

.post h3, .post h2, .post p, .post a.more {
    text-align: center;
}

div.moreContent {
    width: 100%;
    height: 0px;
    display: block;
    /*padding:10px;*/
    overflow: hidden;
}

.underDashedLine:after {
    content: "";
    width: 100%;
    border-bottom: 1px dashed #444;
}

.arrow {
    z-index: 1000;
    width: 25px;
    float: right;
    position: absolute;
    top: -93px;
    height: 35px;
    right: 10px;
    transition: .5s;
}

.arrowForClose {
    background: url("../images/rightSlideButtonOppen.svg") no-repeat center;
}

.arrowForOppen {
    background: url("../images/rightSlideButtonClose.svg") no-repeat center;
}

.sections {
    padding-top: 60px;
}

.post {
    position: relative;
    padding: 20px;
    padding-bottom: 60px;
    margin-top: 30px;
}

    .post .edditAndDelete {
        position: absolute;
        top: 0;
        right: 0;
        width: 55px;
        /* border:1px solid red; */
    }

.edditAndDelete a img {
    width: 30px;
}

.edditAndDelete a i {
    font-size: 16px;
    color: white;
    background: #333;
    padding: 2px;
    width: 22px;
    text-align: center;
    margin: 0;
    border-radius: 1px;
}

.text-underChar p, .text-underChar h4 {
    text-align: center;
}

.chard {
    margin: 20px auto;
}

.liquidFillGaugeText {
    font-family: Helvetica;
    font-weight: bold;
}

.userInformation:first-line {
    margin-top: 40px;
}

.allUserInformationes {
    margin-top: 0;
    /* padding-left: 10px; */
}

.botificationNumberOnmain {
    position: absolute;
    background: red;
    color: white;
    padding: 4px;
    top: 0;
    right: -2px;
    border-radius: 80%;
}

.inputTextField:focus {
    position: absolute;
    bottom: 0;
}

.current label {
    font-size: 14px;
    color: #333;
}

.check_box label {
    font-size: 16px;
}

.simform .number {
    color: rgb(209, 31, 92);
}

.next {
    top: 39px;
}

.footerText a {
    font-size: 20px;
}

.showAllSlides {
    text-align: center;
    /*margin-left: 20px;*/
    padding-bottom: 10px;
}

.timeTrack a {
    text-align: center;
    color: #333;
    display: block;
    font-size: 16px;
    text-decoration: underline;
}

    .timeTrack a.activeMonat {
        color: rgb(209, 31, 92);
        font-size: 18px;
    }

.monatCal {
    text-align: center;
    font-size: 32px;
    color: rgb(209, 31, 92);
    font-weight: 700;
}

.AllAnzeigen {
    text-align: center;
    font-size: 14px;
    display: block;
    color: rgb(209, 31, 92);
}

.post:hover, .chard:hover {
    background: rgba(255, 255, 255, 0.2);
}

.modal-content {
    background: rgb(251, 246, 243) !important;
}
/*This is for git update*/
/*This is for git update*/
/*This is for git update*/
/*This is for git update*/
.profileEditLink {
    display: block;
    width: 60px;
    height: 60px;
    background: url(https://www.vyou.ch/assets/images/edit.svg) no-repeat;
    background-size: 80%;
    float: right;
    padding-left: 8px !important;
}
/*live View modal*/
.liveVideoInterview {
    padding: 5px 12px;
    background: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    border-radius: 20px;
    margin-right: 8px;
    margin-left: 8px;
}

.startVideoDate {
    padding: 5px 12px;
    background: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    border-radius: 20px;
    margin-right: 8px;
    margin-left: 8px;
}

.modal-header .close {
    margin-top: -2px;
    background: red;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: red;
    opacity: .5;
}

    .modal-header .close:hover {
        opacity: .8;
    }

h1.LiveVideoTitle {
    font-size: 18px;
    text-align: center;
}

h1.countDownTime {
    text-align: center;
    color: #e24c4b;
    font-weight: bold;
    font-size: 38px;
    margin-top: 4px;
    margin-bottom: 4px;
}

h3.liveInterviewTitle {
    text-align: center;
    font-weight: normal;
    color: #333;
    font-size: 22px;
}

.liveInterviewFooter {
    text-align: center;
}

    .liveInterviewFooter ul {
        list-style: none;
        display: inline-block;
    }

a.liveInterviewFooterModal {
    color: #333;
    font-size: 16px;
}

.liveInterviewFooter ul li {
    display: inline-block;
}

    .liveInterviewFooter ul li span:hover {
        text-decoration: none;
    }

.onlineVideoAnmelden {
    width: 100%;
    margin: 4px auto;
    text-align: center;
}

    .onlineVideoAnmelden button {
        text-align: center;
        width: 35%;
        min-width: 60px;
        background: #2b9673;
        border: none;
        padding: 12px 10px;
        color: #fff;
    }

.LiveCallAblehnen {
    text-align: center;
    text-decoration: underline;
    color: #BA2258;
    margin-top: 10px;
    cursor: pointer;
}

.lg-modal-90 {
    width: 85% !important;
}
/* Step Form */
.stepFormSection .wizard {
    background: rgb(251, 246, 243) !important;
}

.stepFormSection {
    padding: 0;
}

.wizard-inner ul.nav {
    margin-top: 0;
}

#recordCamera {
    width: 100%;
    height: 420px;
    border-radius: 26px;
    background: #000;
    padding: 10px 0 0 10px;
    position: relative;
    margin-bottom: 30px;
}

#myVyouTitle {
    color: #fff;
}

h2#myVYouTitle {
    text-align: left;
    margin-top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    padding-left: 18px;
    color: black;
    padding: 6px;
    border-radius: 0px;
    font-size: 16px;
    text-align: center;
}

.myVyouTitle {
    color: #fff;
}

h2.myVYouTitle {
    text-align: left;
    margin-top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    padding-left: 18px;
    color: black;
    padding: 6px;
    border-radius: 0px;
    font-size: 16px;
    text-align: center;
}

.wizard .tab-pane {
    padding-top: 10px !important;
}

.wizard li.active span.round-tab {
    border: 2px solid #fd7b7a !important;
}

    .wizard li.active span.round-tab i {
        color: #fd7b7a !important;
    }

.wizard li.active:after {
    border-bottom-color: #fca1a0 !important;
}

.wizard li:after {
    border-bottom-color: #fca1a0 !important;
}

.recordNumber {
    color: #333;
    margin: 10px auto;
    padding: 14px;
    border: 1px solid rgba(51, 51, 51, 0.30);
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 1.6;
    border-radius: 100%;
    font-size: 16px;
    box-shadow: 0 0 4px rgba(153, 153, 153, 0.30);
}

    .recordNumber.active {
        border-color: #fca1a0;
        box-shadow: 0 0 8px #fca1a0;
    }

        .recordNumber.active p {
            color: #fca1a0;
        }

    .recordNumber p {
        font-size: 20px;
        color: rgba(51, 51, 51, 0.30);
    }

.recordButton {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 5%;
}

    .recordButton button {
        border: none;
        border: 3px solid rgba(255, 255, 255, 0.46);
        width: 50px;
        height: 50px;
        background: transparent;
        border-radius: 100%;
    }

        .recordButton button span {
            content: "";
            width: 40px;
            height: 40px;
            background: red;
            border-radius: 100%;
            display: block;
        }

        .recordButton button span {
            content: "";
            width: 32px;
            height: 32px;
            background: red;
            border-radius: 100%;
            display: block;
        }

p.modalTitle {
    font-size: 20px;
    text-align: center;
}

span#myVyouTitleOnModalhead {
    font-weight: 700;
    color: #666;
}

.videoEditFrame {
    width: 480px;
    height: 360px;
    position: relative;
    margin: 0px auto;
    background: #222;
    border-radius: 10px;
}

.underEditVideoLinks a {
    text-align: center;
    text-decoration: underline;
    margin: 20px;
    opacity: 1;
    color: #ce6261;
    font-size: 14px;
    margin-top: 20px;
    padding: 10px;
}

    .underEditVideoLinks a:hover {
        color: red;
    }

.wizard .tab-pane {
    background: #fbf6f3;
}

h1.successAndFailerTitle {
    font-size: 48px;
}

    h1.successAndFailerTitle.successSaved {
        color: #289F78;
    }

    h1.successAndFailerTitle.failSaveing {
        color: #C71E5A;
    }

.successMessageForMyVyou p {
    font-size: 26px;
    color: #333;
    text-align: center;
}

button.btnForShareLinkCopy {
    position: absolute;
    right: 15px;
    top: 0px;
    height: 34px;
    width: 34px;
    color: #333;
    border-radius: 0 4px 4px 0;
    border: none;
    border: 1px solid rgba(128, 125, 125, 0.5);
}

.copyLinkContainer {
    position: relative;
}

.copyLinkContainerHide {
    display: none;
}

.copyLinkContainerShow {
    display: block;
}

.zuryckBTN {
    background: #289F78;
    min-width: 200px;
    text-align: center;
}

.clearfix {
    margin-top: 2%;
}

.wizard .nav-tabs > li {
    /*width: 12.5% !important;*/
}

.wizard.wizard-items-2 .nav-tabs > li {
    width: 50% !important;
}

.wizard.wizard-items-3 .nav-tabs > li {
    width: 33.3% !important;
}

.wizard.wizard-items-4 .nav-tabs > li {
    width: 25% !important;
}

.wizard.wizard-items-5 .nav-tabs > li {
    width: 20% !important;
}

.wizard.wizard-items-6 .nav-tabs > li {
    width: 16.666% !important;
}

.wizard.wizard-items-7 .nav-tabs > li {
    width: 14.285% !important;
}

.wizard.wizard-items-8 .nav-tabs > li {
    width: 12.5% !important;
    height: 70px;
}

.wizard.wizard-items-9 .nav-tabs > li {
    width: 11.111% !important;
}

.wizard.wizard-items-10 .nav-tabs > li {
    width: 10% !important;
}

#modalBodyHeight {
    min-height: 50px;
    position: relative;
    padding-bottom: 60px;
}

#complete, #step1, #step2, #step3, #step4, #step5, #step6, #step7 {
    position: relative;
}

/*.next-step{*/
/*position: absolute;*/
/*right: 3%;*/
/*bottom: 3%;*/
/*}*/
textarea#introtext {
    resize: none;
}

.inputImage img {
    width: 100%;
}

label > input.radioUnderImafe { /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}

    label > input.radioUnderImafe + img { /* IMAGE STYLES */
        cursor: pointer;
        border: 2px solid transparent;
        width: 100%;
        opacity: .4;
    }

label.templateRadioButton > a { /* IMAGE STYLES */
    color: #333;
    font-size: 14px;
    float: left;
    padding-top: 10px;
    margin-bottom: 20px;
}

label > input.radioUnderImafe:checked + img { /* (RADIO CHECKED) IMAGE STYLES */
    border: 2px solid #999;
    opacity: 1;
}

#step2 {
    /* height: 360px; */
    /* overflow-y: scroll; */
    /* overflow-x: hidden; */
    /* border-bottom: 1px solid rgba(153, 153, 153, 0.36); */
    background: rgba(255, 255, 255, 0.22);
}

#step5 p {
    color: #333;
    font-size: 18px;
}

.videoFrame {
    width: 100%;
    background: black;
    height: 220px;
    border-radius: 6px;
}

p.videoVyoutitle {
    color: red;
    font-size: 16px;
    text-decoration: underline;
    margin-top: 15px;
}
/*#step5 input{*/
/*visibility: inherit;*/
/*}*/
a.checkTheVideo {
    color: #e82b29;
    font-size: 14px;
    margin-bottom: 30px;
}

div#step1, div#step2, div#step3, div#step4, div#step5, div#step6, div#step7, div#step8, div#complete {
    /* height: 480px; */
    min-height: 400px;
}

.videoHolder {
    /* width: 100%; */
    /* height: 410px; */
    /* overflow-y: scroll; */
    /* overflow-x: hidden; */
    /* background: #fff; */
}
/*Drag and drop zone */

.jFiler-input-dragDrop {
    display: block;
    width: 343px;
    margin: 0 auto 25px auto;
    padding: 25px;
    color: #97A1A8;
    background: #F9FBFE;
    border: 2px dashed #C8CBCE;
    text-align: center;
    -webkit-transition: box-shadow 0.3s, border-color 0.3s;
    -moz-transition: box-shadow 0.3s, border-color 0.3s;
    transition: box-shadow 0.3s, border-color 0.3s;
}

.jFiler .jFiler-input-dragDrop.dragged {
    border-color: #aaa;
    box-shadow: inset 0 0 20px rgba(0,0,0,.08);
}

    .jFiler .jFiler-input-dragDrop.dragged * {
        pointer-events: none;
    }

    .jFiler .jFiler-input-dragDrop.dragged .jFiler-input-icon {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .jFiler .jFiler-input-dragDrop.dragged .jFiler-input-text,
    .jFiler .jFiler-input-dragDrop.dragged .jFiler-input-choose-btn {
        filter: alpha(opacity=30);
        opacity: 0.3;
    }

.jFiler-input-dragDrop .jFiler-input-icon {
    font-size: 48px;
    margin-top: -10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.jFiler-input-text h3 {
    margin: 0;
    font-size: 18px;
}

.jFiler-input-text span {
    font-size: 12px;
}

.jFiler-input-choose-btn {
    display: inline-block;
    padding: 8px 14px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    color: #8d9496;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    vertical-align: middle;
    *background-color: #fff;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.05);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

    .jFiler-input-choose-btn:hover,
    .jFiler-input-choose-btn:active {
        color: inherit;
    }

    .jFiler-input-choose-btn:active {
        background-color: #f5f5f5;
    }

    /* gray */
    .jFiler-input-choose-btn.gray {
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f5f5f5));
        background-image: -webkit-linear-gradient(top,#fcfcfc,#f5f5f5);
        background-image: -o-linear-gradient(top,#fcfcfc,#f5f5f5);
        background-image: linear-gradient(to bottom,#fcfcfc,#f5f5f5);
        background-image: -moz-linear-gradient(top,#fcfcfc,#f5f5f5);
    }

        .jFiler-input-choose-btn.gray:hover {
            filter: alpha(opacity=87);
            opacity: 0.87;
        }

        .jFiler-input-choose-btn.gray:active {
            background-color: #f5f5f5;
            background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#fcfcfc));
            background-image: -webkit-linear-gradient(top,#f5f5f5,#fcfcfc);
            background-image: -o-linear-gradient(top,#f5f5f5,#fcfcfc);
            background-image: linear-gradient(to bottom,#f5f5f5,#fcfcfc);
            background-image: -moz-linear-gradient(top,#f5f5f5,#fcfcfc);
        }

    /* blue */
    .jFiler-input-choose-btn.blue {
        color: #48A0DC;
        border: 1px solid #48A0DC;
    }

        .jFiler-input-choose-btn.blue:hover {
            background: #48A0DC;
        }

        .jFiler-input-choose-btn.blue:active {
            background: #48A0DC;
        }

    /* green */
    .jFiler-input-choose-btn.green {
        color: #27ae60;
        border: 1px solid #27ae60;
    }

        .jFiler-input-choose-btn.green:hover {
            background: #27ae60;
        }

        .jFiler-input-choose-btn.green:active {
            background: #27ae60;
        }

    /* red */
    .jFiler-input-choose-btn.red {
        color: #ed5a5a;
        border: 1px solid #ed5a5a;
    }

        .jFiler-input-choose-btn.red:hover {
            background: #ed5a5a;
        }

        .jFiler-input-choose-btn.red:active {
            background: #E05252;
        }

    /* black */
    .jFiler-input-choose-btn.black {
        color: #555;
        border: 1px solid #555;
    }

        .jFiler-input-choose-btn.black:hover {
            background: #555;
        }

        .jFiler-input-choose-btn.black:active {
            background: #333;
        }

        .jFiler-input-choose-btn.blue:hover,
        .jFiler-input-choose-btn.green:hover,
        .jFiler-input-choose-btn.red:hover,
        .jFiler-input-choose-btn.black:hover {
            border-color: transparent;
            color: #fff;
        }

        .jFiler-input-choose-btn.blue:active,
        .jFiler-input-choose-btn.green:active,
        .jFiler-input-choose-btn.red:active,
        .jFiler-input-choose-btn.black:active {
            border-color: transparent;
            color: #fff;
            filter: alpha(opacity=87);
            opacity: 0.87;
        }

/*------------------------*/
#dropzone #content {
    width: 100%;
    max-width: 100%;
    float: left;
}

.clickContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pinForOpen {
    display: none;
}

.wizard {
    /* margin: 20px auto; */
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

    span.round-tab i {
        color: #555555;
    }

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;
}

    .wizard li.active span.round-tab i {
        color: #5bc0de;
    }

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 0px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

.center {
    text-align: center;
}

.paragraph {
    font-size: 16px;
    color: #000;
}

ul.inlineListMenu {
    list-style: none;
    display: inline-block;
    text-align: center;
    width: 100%;
}

    ul.inlineListMenu li {
        display: inline-block;
        margin-left: 4px;
        margin-right: 4px;
        color: #000;
    }

        ul.inlineListMenu li a, ul.inlineListMenu li a:hover, paragraph:hover {
            color: #333;
        }

a.paragraph.link:hover {
    color: red;
    text-decoration: underline;
}

a.paragraph.link.active {
    color: rgba(206, 0, 0, 0.75);
    text-decoration: underline;
}

.liveVideoIntervievh3 {
    text-align: center;
}

div.button {
    text-align: center;
    /*margin-top: 60px;*/
    margin-top: 0px;
    margin-bottom: 60px;
}

.button .btn {
    min-width: 150px;
    font-size: 20px;
}

a.paragraph.abmelden {
    text-align: center;
    display: block;
    color: red;
    text-decoration: underline;
}

hr.vyouHR {
    border-bottom: 1px solid rgba(51, 51, 51, 0.34);
}

.center h1 {
    color: rgba(206, 0, 0, 0.75);
}

.cameraCheck {
    position: relative;
    width: 100%;
    height: 380px;
    background: #000;
    border-radius: 14px;
    margin: 5px auto;
}

    .cameraCheck .recordCounter {
        display: block;
        color: #d73c3a;
        opacity: .7;
        text-align: center;
        padding-top: 10px;
        font-size: 20px;
        font-weight: 700;
        float: left;
        padding-left: 3%;
    }

.recordDart {
    line-height: -3.9;
    padding: 0;
    position: absolute;
    top: 9px;
    /* right: 0; */
    margin-left: 6px;
}

.questionCounter {
    /*position: absolute;*/
    /*width:auto;100%;*/
    /*bottom: 10px;*/
    /*color: #fff;*/
    float: right;
    padding-right: 3%;
}

    .questionCounter span {
        color: #d73c3a;
        font-weight: 700;
        font-size: 28px;
        margin-right: 3%;
        display: block;
        margin: 10px auto;
    }

.cameraCheck .recordCounter .timer {
    width: 100%;
    color: #fff;
    padding-top: 10px;
    font-size: 24px;
    margin: 5px auto;
    text-align: center;
    color: #d73c3a;
    font-weight: 700;
}

.mobileMenuBar {
    display: none;
}

.postApplicationContainer {
    background: rgba(255, 255, 255, 0.29);
    min-height: 300px;
    padding: 18px;
    border-radius: 8px;
    margin-bottom: 26px;
}

.postApplicationContainer {
    margin-bottom: 20px;
    min-height: 300px;
    background: rgba(255, 255, 255, 0.52);
    padding: 18px;
    border-radius: 8px;
}

a.btn.btn-default.postName {
    width: 59%;
}

a.btn.btn-default.pull-right.postDate {
    width: 40%;
}

a.postApplicationTitle {
    text-align: center;
    display: block;
    margin: 0px auto;
    margin-top: 24px;
    font-size: 26px;
    text-decoration: underline;
    color: #df817d;
}

input#newImageField {
    width: 53px;
    position: absolute;
    top: -2px;
    left: -1px;
    opacity: 0;
}

.btn.btn-default.nefPhoto {
    position: relative;
}

.centerBox {
    display: table;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /* border: 1px solid red; */
    height: 100vh;
}

.msgContentBox {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

h1.msgHeader {
    font-size: 45px;
    color: #51944b;
    margin-bottom: 5%;
}

p.simpleTextOnMessage {
    font-size: 22px;
}

h5.underText {
    font-size: 28px;
    margin: 5%;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    /* min-width: 220px; */
    font-size: 22px;
    /* margin-top: 6%; */
    margin-bottom: 2%;
}

.errorBlock h1.msgHeader {
    color: rgba(210, 30, 91, 0.73);
}

.errorBlock .btn-success {
    color: #fff;
    background-color: #db5882;
    border-color: #da5882;
}

successBlock a.btn.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

a.AbbrechenLink {
    font-size: 16px;
    color: #ff2e67;
    text-decoration: underline;
}

.row.iconsOnApplications {
    margin-top: 20px;
}

a.btn.btn-danger.shareButtons {
    width: 100%;
    margin-bottom: 6px;
}

a.editLink {
    font-size: 14px;
    color: #ce1b14;
    text-decoration: underline;
    font-weight: bold;
}

.btn.private {
    background: #d65853;
    color: white;
    border: 1px solid #d65853;
}

.btn.public {
    background: #598620;
    color: white;
    border: 1px solid #598620;
    ;
}

.btn.indesign {
    background: #9e9e93;
    color: white;
    border: 1px solid #9e9e93;
}


h1.startTimer {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    color: #fd7b7a;
}

h1.modaltitle {
    text-align: center;
}

p.confName {
    font-size: 24px;
    text-align: center;
}

/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100);*/

body {
    /* background-color: #3e94ec; */
    font-family: "Roboto", helvetica, arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

div.table-title {
    display: block;
    margin: auto;
    max-width: 600px;
    padding: 5px;
    width: 100%;
}

.table-title h3 {
    color: #fafafa;
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: "Roboto", helvetica, arial, sans-serif;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}


/*** Table Styles **/

.table-fill {
    background: white;
    border-radius: 3px;
    border-collapse: collapse;
    height: 320px;
    margin: auto;
    max-width: 600px;
    padding: 5px;
    width: 100%;
    /* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); */
    animation: float 5s infinite;
    border: 1px solid rgba(51, 51, 51, 0.29);
}

th {
    color: #ffffff;
    background: #de6b6a;
    border-bottom: 4px solid #9ea7af;
    border-right: 1px solid #343a45;
    font-size: 23px;
    font-weight: 100;
    padding: 8px 10px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: middle;
}

    th:first-child {
        border-top-left-radius: 3px;
    }

    th:last-child {
        border-top-right-radius: 3px;
        border-right: none;
    }

tr {
    border-top: 1px solid #C1C3D1;
    border-bottom: 1px solid #C1C3D1;
    color: #666B85;
    font-size: 12px;
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}

    tr:hover td {
        background: #7fb2de;
        color: #FFFFFF;
        border-top: 1px solid #7fb2de;
        border-bottom: 1px solid #7fb2de;
        cursor: pointer;
    }

    tr:first-child {
        border-top: none;
    }

    tr:last-child {
        border-bottom: none;
    }

    tr:nth-child(odd) td {
        background: #EBEBEB;
    }

    tr:nth-child(odd):hover td {
        background: #a9a7a7;
    }

    tr:last-child td:first-child {
        border-bottom-left-radius: 3px;
    }

    tr:last-child td:last-child {
        border-bottom-right-radius: 3px;
    }

td {
    background: #FFFFFF;
    padding: 5px 10px;
    text-align: left;
    vertical-align: middle;
    font-weight: 300;
    font-size: 18px;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
    border-right: 1px solid #C1C3D1;
}

    td:last-child {
        border-right: 0px;
    }

th.text-left {
    text-align: left;
}

th.text-center {
    text-align: center;
}

th.text-right {
    text-align: right;
}

td.text-left {
    text-align: left;
}

td.text-center {
    text-align: center;
}

td.text-right {
    text-align: right;
}

tr:hover td {
    background: #7fb2de;
    color: #FFFFFF;
    border-top: 1px solid #7fb2de;
    border-bottom: 1px solid #7fb2de;
    cursor: pointer;
}

input[type=checkbox].checkboxInput {
    float: left;
    margin-right: 10px;
    margin-left: 15%;
}

label.checkForEmailLabel {
    float: left;
    font-size: 15px;
}

.tableContent {
    max-height: 400px;
    min-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.formForSharePerEmail {
    max-height: 400px;
    min-height: 400px;
    width: 100%;
    display: none;
}

.formLabelHorizontal {
    font-size: 14px;
}

input.socialMedia:checked ~ label {
    opacity: 0.5;
}

.center {
    margin: 0px auto;
    display: block;
    text-align: center;
}

.sixColumnBlock {
    width: 100%;
    min-height: 200px;
    background: rgba(255,255,255,.5);
    border-radius: 10px;
    margin: 10px 0 20px 0;
}

.threColumnBlock {
    width: 100%;
    min-height: 170px;
    background: rgba(255,255,255,.5);
    border-radius: 10px;
    margin-top: 15px;
    margin-top: 15px;
}

.slidePage {
    display: block;
    width: 80%;
    min-height: 300px;
    background: black;
    color: white;
    margin: 60px;
}

#prevButton, .prevButton {
    position: absolute;
    left: 5%;
    top: 40%;
    background: transparent;
    color: #eee;
    font-size: 30px;
}

#nextButton, .nextButton {
    /* position: absolute; */
    /* right: 5%; */
    /* top: 50%; */
    background: transparent;
    color: #eee;
    font-size: 30px;
    /* width: 75%; */
    margin: 0px auto;
    display: block;
    /* border: 1px solid red; */
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.mySlides {
    width: 85%;
    margin: 0px auto;
}

.controls {
    width: 100%;
}

.slidenumbers {
    width: 100%;
    margin: 30px auto;
    margin-bottom: 0;
}

.showAllSlides {
    display: block;
    text-align: center;
    color: #d05379;
    text-decoration: underline;
    margin-left: 0px;
}

.datumSlide p {
    text-align: center;
}

.slideHeading h1 {
    font-family: Dinpro-Bold;
    color: rgba(0, 0, 0, 0.85);
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
}

.slideButtons {
    margin-top: 60px;
    border-radius: 8px;
    padding: 10px 16px;
    border: none;
    color: white;
}

.leftButton {
    float: right;
    background: #d05379;
}

.rightButton {
    /* float:left; */
    background: #67a68e;
    margin: 0 auto;
    text-align: center;
    margin: 50px 10%;
}

.overSlideButton {
    margin-top: 15px;
    width: 100%;
    /*border:1px solid red;*/
    text-align: center;
}

    .overSlideButton .overSBtn {
        padding: 4px 30px;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 10px;
        color: #333;
    }

.darts {
    background: #666;
    border-radius: 100%;
}

.w3-content .myslides {
    display: none;
}

.mySlides, .mySlides_2, .mySlides_3 {
    display: none;
}

.w3-content .mySlides:first-child, .w3-content .mySlides_2:first-child, .w3-content .mySlides_3:first-child {
    display: block;
}

.topFixetButtons {
    position: fixed;
    top: 0;
    border: 1px solid red;
}

.leftButtonTop {
    position: absolute;
    top: 0;
    left: 0;
}

.rightButtonTop {
    position: absolute;
    top: 0;
    right: 0;
    border: 3px solid green;
}

.inlineList {
    width: 100%;
}

    .inlineList ul {
        text-align: center;
        display: block;
        list-style: none;
        margin: 10px auto;
    }

.postHeadMiddle {
    text-align: center;
}

.inlineList ul li {
    display: inline-block;
    padding: 8px;
}

    .inlineList ul li a {
        color: #333;
        text-decoration: underline;
    }

.buttonOnPost {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .buttonOnPost .postCenterButton {
        background: rgba(255, 255, 255, 0.8);
        padding: 10px 28px;
        border-radius: 14px;
        color: #FFFFFF;
        background-color: #1a67a9;
        opacity: 1;
    }

.buttonOnPost .postCenterButton:hover {
        opacity: 0.7;
}


.postCenterButton.applicationRelease {
    opacity: 1;
}



    .postCenterButton.applicationRelease:hover {
        opacity: 0.7;
    }

.footerlinkP {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.footerlinkOnPost {
    text-align: center;
    color: rgb(210, 30, 91);
    padding-bottom: 20px;
    text-decoration: underline;
}

.postContainer {
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.2);
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 0 8px rgba(51, 51, 51, 0.16);
}

.leftButtonFixed, .rightButtonFixed {
    position: fixed;
    width: auto;
    height: 27px;
    border-radius: 0 0 6px 6px;
    background: rgba(255, 255, 255, 0.83);
    text-align: center;
    top: 0;
    padding-top: 5px;
    box-shadow: 0 0 8px rgba(51, 51, 51, 0.16);
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    color: #dc5c86;
    text-decoration: underline;
}

.videoButotns {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

    .videoButotns .video {
        padding: 4px 16px;
        background: rgba(119, 119, 119, 0.8);
        color: #fff;
        border-radius: 8px;
        margin-right: 8px;
    }

    .videoButotns .videoDatum {
        padding: 4px 16px;
        background: rgba(119, 119, 119, 0.8);
        color: #fff;
        border-radius: 8px;
        margin-left: 8px;
    }

.headLink {
    width: 100%;
    margin-top: 31px;
    margin-bottom: 4px;
    text-align: center;
}

    .headLink a {
        font-size: 26px;
        color: rgb(210, 30, 91);
        text-decoration: underline;
        padding-left: 2%;
        padding-right: 2%;
    }

.videoOnPost {
    width: 80%;
    display: block;
    margin: 10px auto;
    min-height: 180px;
}

.videoTime {
    width: 100%;
    text-align: center;
}

    .videoTime ul {
        list-style: none;
    }

        .videoTime ul li {
            display: inline-block;
        }

.notificationDefault {
    text-align: center;
    border: 1px solid rgba(51, 51, 51, 0.53);
    margin: 10px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.5);
    color: #333;
    border-radius: 12px;
}

.notification.notificationDefault .notfooter p {
    text-align: center;
    margin-bottom: 0px;
    padding: 4px;
}

.sectionTwoBoxes {
    width: 100%;
    min-height: 300px;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.65);
    background: white;
    margin-bottom: 10px;
}

.videoControles {
    /* border: 1px solid; */
    /* width: 720px; */
    margin: 10px auto;
}

.progressbar {
    width: 100%;
    height: 33px;
    background: #fff;
    position: relative;
    margin-left: 6px;
    border-radius: 4px;
}

    .progressbar .liveTime {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 1%;
        background: #d73c39;
        -webkit-transition: width 1s;
    }

#videoRecordPlay {
    display: none;
    width: 100;
}

.questionContainer {
    width: 100%;
    margin: 4px auto;
    padding: 5px;
    min-height: 60px;
    background: #fff;
    border-radius: 12px;
    color: #333;
    font-size: 14px;
}

    .questionContainer .questionContent {
        font-size: 14px;
        margin-top: 4px;
    }

    .questionContainer h4 {
        color: #d73c39;
        ;
    }

.avatar-circle.avatar-big {
    height: 152px;
    width: 154px;
}

.avatar-circle.avatar-small {
    height: 25px;
    width: 25px;
}

.avatar-circle {
    transition: .4s;
    transition: .4s;
    background-color: #978476;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    top: 6px;
    margin: 0px auto;
}

.avatar-small .initials {
    font-size: 13px;
    line-height: 2;
    letter-spacing: 1.2px;
}

.avatar-big .initials {
    font-size: 50px;
    line-height: 2.5;
    padding-left: 9px;
}

.initials {
    position: relative;
    /* top: 25px; */
    color: #fff;
    /* font-family: "Courier New", monospace; */
    font-weight: bold;
    letter-spacing: 6.2px;
}

.btn-red {
    background: #c81e5a;
    border: #fff;
    border-radius: 2px;
    width: 60%;
    min-height: 20px;
    color: #fff;
    font-size: x-small;
    font-weight: bold;
}

.circle-btn {
    min-height: 15px;
    margin: 10px 10px 10px 30px;
    border-radius: 50%;
}

#leftSideBar {
    border-right: 1px solid rgba(147, 129, 129, 0.16);
}

#leftSideBar {
    border-right: 1px solid rgba(147, 129, 129, 0.16);
    overflow: hidden;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #d6d6d6;
    -webkit-text-fill-color: #212121;
    -webkit-box-shadow: 0 0 0px 1000px rgba(243, 239, 239, 0) inset;
    transition: background-color 5000s ease-in-out 0s;
}

span.round-tab {
    width: 50px;
    height: 50px;
    line-height: 49px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 43px;
    /* margin: 20px auto; */
    border-radius: 100%;
    padding: 0;
}

h1#MyvYouTitle {
    margin-bottom: 10%;
}

.btn-red:hover {
    background: #c3215b;
    box-shadow: 0 0 4px #c3215b;
}

.btn-green:hover {
    background: #1b8460;
    box-shadow: 0 0 4px #4aa083;
}

.slideButtons:hover {
    background: #11a271;
    box-shadow: 0 0 4px #4aa083;
}

a.fc-day-number {
    color: #de6b6a;
    font-size: 18px;
}

.slideHeading h1 {
    margin-top: 20px;
}

.rightButton {
    margin: 10px 10%;
}

.mySlides {
    height: 135px;
}

.threColumnBlock {
    min-height: 185px;
}

.threColumnBlock {
    margin-top: 0;
}

.sixColumnBlock {
    margin: 10px 0 10px 0;
}

.fc-scroller.fc-day-grid-container {
    height: 140px !important;
}

.fc-toolbar {
    text-align: center;
    margin-bottom: 2px;
    /* padding-top: 5px; */
}

.fc-basic-view .fc-body .fc-row {
    min-height: 23px;
}

.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number {
    padding: 2px;
    text-align: center;
    width: 100%;
}

.inlineListActivities ul {
    text-align: center;
    display: block;
    list-style: none;
    margin: 6px auto;
    float: left;
}


/*----------------------------------------*/
/*--------------- Camera --------------*/
/*----------------------------------------*/
div#pierContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: red ;*/
    /*border: 3px solid red;*/
}

.camera {
    background: #737171;
    /* width: 100%; */
    /* height: 600px; */
    margin-top: 1px;
    border: 2px solid #989898;
    border-radius: 4px;
    padding: 4px;
    background: url('../images/cameraLoading.gif') no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}

    .camera.activeCamera {
        border: 4px solid rgba(200, 255, 200, 0.35);
    }

.two {
    margin-top: 3%;
}
/*---------------------------*/
.inlineListActivities ul, .inlineListActivities ul li {
    display: inline-block;
}

p.separator {
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}

p.date {
    float: left;
    margin-left: 10px;
}

p.activityType {
    float: right;
}


.circle-btn {
    min-height: 15px;
    margin: 10px 10px 10px 30px;
    border-radius: 50%;
}

.timeTrack a {
    font-size: 12px;
}

    .timeTrack a.activeMonat {
        font-size: 14px;
    }

a#sentApplicationsLink {
    font-size: 12px;
}

.fc-toolbar {
    padding-top: 10px;
    padding-left: 10px;
}

.fc-center h2 {
    font-size: 24px;
}

.overSlideButton .overSBtn {
    padding: 4px 16px;
}

.videoOnPost video {
    width: 100% !important;
    border: 0px solid #333;
    /*box-shadow: 0 0 5px rgba(222,130,159,.5);*/
    padding: 0px;
    background: #333;
    box-shadow: 0 0 4px #333;
}

.threColumnBlock {
    margin-top: 10px;
    padding-bottom: 10px;
}

button:focus {
    outline: none;
}

.btn-green {
    width: 20px;
    height: 20px;
}

    .btn-red.circle-btn, .btn-green.circle-btn {
        width: 20px;
        margin-left: 28px
    }

    .btn-red.circle-btn, .btn-green.circle-btn {
        width: 20px;
    }

.circle-btn {
    margin: 10px 10px 10px 30px;
}

.btn-red {
    width: 60%;
}

button#btn-share-link {
    width: 60%;
}

    button#btn-share-link.circle-btn {
        width: 20px;
    }

    button#btn-share-link.circle-btn {
        width: 20px;
        height: 20px;
        /* margin: 0 auto; */
    }

.w3-red, .w3-hover-red:hover {
    border: 1px solid #333;
    border-radius: 100%;
}

p.w3-btn.darts3 {
    background: #fff;
}

p.w3-btn.darts3 {
    border-radius: 50%;
}

p.tCategory {
    font-weight: 700;
}

.botificationNumberOnmain {
    display: none;
}
/*----------------------------------*/
button.w3-btn.prevButton {
    /* background: url('../images/arrow_left.svg') center no-repeat; */
    background-size: cover;
}

    button.w3-btn.prevButton:hover {
        /* background: url('../images/arrow_left_grey.svg') center no-repeat; */
    }

button.w3-btn.nextButton {
    /* background: url('../images/arrow_right.svg') center no-repeat; */
    background-size: cover;
}

    button.w3-btn.nextButton:hover {
        /* background: url('../images/arrow_right_grey.svg') center no-repeat; */
    }

.w3-btn i.fa {
    display: block;
}

button.w3-btn {
    /* width: 60px; */
    /* height: 60px; */
    /* border: 2px solid #eee; */
    /* border-radius: 30px; */
    /* text-align: center; */
}

p.w3-btn.darts2 {
    border-radius: 100%;
    background: #fff;
}

a.notTitle {
    margin-right: 0;
}

form#logoutForm {
    margin-right: 0;
    float: left !important;
}

video#videoInput {
    border-radius: 15px;
    width: 100%;
    display: block;
}

p.w3-btn {
    margin-top: 55px;
}

.buttonsOnFrontCamera {
    POSITION: ABSOLUTE;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin: 0px auto;
    height: 55px;
    margin-left: 0;
}

.faceToFaceBox {
    /* border: 1px solid RED; */
    /* PADDING: 8px; */
    margin: 4px;
    width: 28%;
    display: inline-block;
    /* padding: 8px; */
    padding-left: 16px;
    padding-right: 3px;
    /* height: 30px; */
    padding-top: 8px;
    /* padding-bottom: 0px !important; */
}

a.callButtons {
    display: block;
    height: 37px;
}

.faceToFaceBox .callButtons.call {
    background: url(../images/call.svg) no-repeat center;
    background-size: cover;
}

.faceToFaceBox .callButtons.share {
    background: url(../images/share.svg) no-repeat center;
    background-size: cover;
}

.faceToFaceBox .callButtons.Upload {
    background: url(../images/upload.svg) no-repeat center;
    background-size: cover;
}

.faceToFaceBox .callButtons.microPhone {
    background: url(../images/mic.svg) no-repeat center;
    background-size: cover;
}

.faceToFaceBox .callButtons.call:hover {
    background: url(../images/call_hover.svg) no-repeat center;
    background-size: cover;
}

.faceToFaceBox .callButtons.share:hover {
    background: url(../images/share_hover.svg) no-repeat center;
    background-size: cover;
}

.faceToFaceBox .callButtons.Upload:hover {
    background: url(../images/upload_hover.svg) no-repeat center;
    background-size: cover;
}

.faceToFaceBox .callButtons.microPhone:hover {
    background: url(../images/mic_hover.svg) no-repeat center;
    background-size: cover;
}

.commentForm .input-group {
    width: 100%;
}

.smallAvatar span.initials {
    line-height: 2.3;
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
    padding-left: 2px;
}

.avatar {
    width: 100%;
    height: 170px;
    text-align: center;
    margin: 0px auto;
}

div.avatarPlaceHolder.bigAvatar {
    width: 145px;
    height: 145px;
    -webkit-transition: width .4s; /* Safari */
    transition: width .4s;
    -webkit-transition: height .01s; /* Safari */
    transition: height .01s;
}


div.avatarPlaceHolder.smallAvatar {
    width: 45px;
    height: 45px;
    -webkit-transition: width .4s; /* Safari */
    transition: width .4s;
    -webkit-transition: height .01s; /* Safari */
    transition: height .01s;
}

div.avatarPlaceHolder {
    margin: 1% auto;
    margin-bottom: 0;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.70);
    overflow: hidden;
    position: relative;
    text-shadow: 0 0 6px rgba(70, 39, 39, 0.5);
}










div.MobileavatarPlaceHolder.bigAvatar {
    width: 145px;
    height: 145px;
    -webkit-transition: width .4s; /* Safari */
    transition: width .4s;
    -webkit-transition: height .01s; /* Safari */
    transition: height .01s;
}


div.MobileavatarPlaceHolder.smallAvatar {
    width: 45px;
    height: 45px;
    -webkit-transition: width .4s; /* Safari */
    transition: width .4s;
    -webkit-transition: height .01s; /* Safari */
    transition: height .01s;
}

div.MobileavatarPlaceHolder {
    margin: 1% auto;
    margin-bottom: 0;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.70);
    overflow: hidden;
    position: relative;
    text-shadow: 0 0 6px rgba(70, 39, 39, 0.5);
}



















.avatar-big .initials {
    font-size: 50px;
    line-height: 3;
    padding-left: 9px;
}

img#profilPicPlaceHolder {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    width: 100%;
    padding: 3px;
}

img#MobileprofilPicPlaceHolder {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    width: 100%;
    padding: 3px;
}



.smallAvatar span.initials {
    line-height: 2.3;
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
    padding-left: 2px;
}

.avatarContainer.small {
    height: 40px;
}

.avatarContainer.big {
    height: 150px;
}

#LinkToEditProfile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}

    #LinkToEditProfile img {
        display: block;
        width: 36%;
        margin: 35% 31%;
        display: none;
    }

    #LinkToEditProfile:hover img {
        display: block;
    }







#MobileLinkToEditProfile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}

    #MobileLinkToEditProfile img {
        display: block;
        width: 36%;
        margin: 35% 31%;
        display: none;
    }

    #MobileLinkToEditProfile:hover img {
        display: block;
    }
















p.w3-btn.darts.w3-red {
    border: none;
}

p.w3-btn.darts {
    box-shadow: 0 0 1px #ccc;
}

p.w3-btn.darts2 {
    box-shadow: 0 0 1px #ccc;
}

    p.w3-btn.darts2.w3-red {
        border: none;
    }

p.w3-btn.darts3.w3-red {
    border: none;
}

p.w3-btn.darts3 {
    box-shadow: 0 0 1px #ccc;
}

.sixColumnBlock {
    min-height: 274px;
}

.w3-center {
    min-height: 180px;
}

#questionspanel h4 {
    float: left;
    font-size: 16px;
    padding-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.wrapper-offline-interview {
    width: 50%;
    margin: 0 auto;
    float: none;
}

img#loadingvideo {
    width: 32px;
}

a#notifyBlock-link {
    /*text-align: right;*/
    display: block;
    padding: 10px;
}

a#menublock-link {
    display: block;
    padding: 10px;
}

.notificationButton {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

    .notificationButton img {
        width: 30px;
    }

a#notifyBlock-link {
    display: none;
}

.mobileMenuTabs hr {
    display: none;
}

a.DashboardSlideOverButtonCenter {
    text-align: center;
    display: block;
    color: #d11f5c;
    font-size: 12px;
    cursor: pointer;
}

.w3-btn:hover, .w3-btn-block:hover, .w3-btn-floating:hover, .w3-btn-floating-large:hover {
    box-shadow: none;
}
/*For smalll sidebar*/
/*.sidenav a {*/
/*padding: 0;*/
/*}*/
/*#leftMenuButton{*/
/*text-align: center;*/
/*}*/
/*.onlineButton{*/
/*position: relative;*/
/*margin-top: 10px;*/
/*}*/
/*.onlineText span{*/
/*display: none;*/
/*}*/
/*.onStatus{*/
/*margin-left: 16px;*/

/*}*/
/*.onStatus .onlineText{*/
/*background: url('../images/online_dot.svg ') no-repeat center;*/
/*border: none;*/
/*cursor: pointer;*/
/*}*/
/*.userInformation{*/
/*display: none;*/
/*}*/
/*#leftSideBar{*/
/*width: 50px;*/
/*}*/
/*#leftSideBar #blurImage{*/
/*width: 50px;*/
/*}*/
/*.ifIsNoData{*/
/*border:1px solid red;*/
/*}*/
/*.ifIsNoData h3 {*/
/*text-align: center;*/
/*padding-top: 10%;*/
/*}*/
.ifIsNoData {
    padding-top: 15%;
    text-align: center;
}

.fc-basic-view .fc-body .fc-row {
    min-height: 1.5em !important;
}

.xdsoft_option {
    color: rgba(51, 51, 51, 0.58);
}

.xdsoft_label.xdsoft_year span {
    color: #d56789;
}

.xdsoft_label.xdsoft_month span {
    color: #d56789;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #d56789;
    box-shadow: #d35e82 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

.row.bottomRow {
    width: 100%;
}

.datumSlide p {
    text-align: center;
    margin-top: 1.5%;
}

.menuLink:hover {
    box-shadow: 0 2px 3px rgba(152, 144, 144, 0.24);
    /* padding-bottom: 4px; */
    /* padding-top: 4px; */
    cursor: pointer;
}

.top-offset {
    margin-top: 14px;
}

label.videoLabel {
    padding: 5px 30px 5px 30px;
    background: rgba(250, 250, 250, 0.44);
    box-shadow: 0 0 2px rgba(250, 250, 250, 0.44);
    border-radius: 4px;
}

.arrowsContainer {
    display: table;
}

.arrowHeight {
    height: 324px;
}

.w3-section button.w3-btn.nextButton {
    position: absolute;
    top: 40%;
    right: 5%;
}

.fc-scroller {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 164px;
}

.tab-content {
    MAX-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 2%;
}

.custom-control.custom-checkbox {
    font-weight: 300;
}

.progress {
    margin: 6px;
}

.workexperienceItem {
    display: none;
}

p.profesionText {
    text-align: center;
    font-size: 14px;
}

p#full-name {
    text-align: center;
}

p.workText {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

a.userEmailOnSideBar {
    text-align: center;
    font-weight: 700;
    text-decoration: underline;
}

.userInformation .profileEditLink {
    display: none;
}

.userInformation:hover .profileEditLink {
    display: block;
}

.userEmailOnSideBar:hover {
    color: #333;
}

label.next-termin {
    text-align: center;
    display: block;
    width: 90%;
    margin: 20px auto;
    background: rgba(255, 255, 255, .4);
    padding: 4px;
    border-radius: 16px;
    box-shadow: 0 4px 6px #aaa;
    margin-bottom: 8px;
}

.white-box-side-menu {
    width: 90%;
    min-height: 60px;
    background: rgba(255, 255, 255, .3);
    margin: 0px auto;
    border-radius: 16px;
    box-shadow: 0 4px 6px #aaa;
    text-align: center;
}

p.termin-date {
    padding-top: 8px;
    margin-bottom: 2px;
    color: #999;
    font-size: 12px;
}

p.red-termin-keind {
    color: #c81e5a;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 2px;
}

p.termin-firma {
    color: #999;
    font-size: 12px;
}

p.termin-msg {
    color: #999;
    font-size: 12px;
    margin-bottom: 2px;
}

h3.termin-timer {
    color: #c81e5a;
    padding-bottom: 10px;
    margin-top: 2px;
}

select.keind-select {
    /* display: block; */
    /* margin: 2px auto; */
    /* padding: 4px; */
    /* border-radius: 16px; */
    /* color: #c81e5a; */
    /* background: rgba(255,255,255,.3); */
    /* border: none; */
    /* box-shadow: 0 4px 6px #aaa; */
    /* outline: none; */
    /* font-size: 12px; */
}

.white-circle-side-menu {
    width: 50px;
    height: 50px;
    border-radius: 30px;
    text-align: center;
    background: rgba(255,255,255,.3);
    margin: 10px auto;
    box-shadow: 0 4px 6px #aaa;
}

p.termin-count {
    font-size: 16px;
    font-weight: 700;
    line-height: 3.1;
    color: #c81e5a;
}

select.filter-select {
    /* display: block; */
    /* margin: 4px auto; */
    /* padding: 4px; */
    /* border-radius: 16px; */
    /* color: #c81e5a; */
    /* background: rgba(255,255,255,.3); */
    /* border: none; */
    /* box-shadow: 0 4px 6px #aaa; */
    /* outline: none; */
    /* font-size: 12px; */
}

.new-bewerbung {
    position: relative;
    width: 90%;
    margin: 5px auto;
    margin-bottom: 10px;
}

.add-bewerbung-plus {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 20px;
    font-size: 26px;
    box-shadow: 0 4px 6px #aaa;
    color: #c81e5a;
    background: #dedede;
    opacity: 1;
    z-index: 100;
    position: relative;
    top: 3px;
}

label.new-bewr {
    padding: 3px 12px 5px 20px;
    font-size: 12px;
    background: rgba(255,255,255, .3);
    border-radius: 0 12px 12px 0;
    margin-left: -20px;
    box-shadow: 0 4px 6px #aaa;
}

button.share-bewerbung-plus {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 20px;
    font-size: 20px;
    box-shadow: 0 4px 6px #aaa;
    color: #dedede;
    background: #c81e5a;
    opacity: 1;
    z-index: 100;
    position: relative;
    top: 3px;
}

label.share-bewr {
    padding: 3px 12px 5px 20px;
    font-size: 12px;
    background: rgba(255,255,255, .3);
    border-radius: 0 12px 12px 0;
    margin-left: -16px;
    box-shadow: 0 4px 6px #aaa;
}

.editable-click, a.editable-click, a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc;
}
/*-----------------------------------------------------------------------*/
.logoOnRight img {
    opacity: 0.6;
}

.centerNumbers h1 {
    opacity: .6;
}

}

fullscrenStyle.css:67 .fullScreenCamera .cameraTool {
    position: relative;
    width: 100%;
    height: 100%;
    border: noen;
    border-radius: 0;
    overflow: hidden;
}

div#forMax {
    display: none;
}

video#videoAp2LVJQf-jqxcCb7abPt {
    opacity: .8;
}

.fullScreenCamera {
    background: none;
}

input#inputTextField {
    opacity: .8;
    width: auto;
}

.comentDisplay {
    position: absolute;
    bottom: -137px;
    left: 10px;
    width: 100%;
}

.msgContent {
    color: #393939;
    FONT-WEIGHT: 700;
}

.comentDisplay {
    width: auto;
}

.centerNumbers h1 {
    color: rgba(255, 0, 0, .6);
}

.centerNumbers i.fa.fa-circle {
    opacity: .5;
}

p#interviewNameEvent {
    margin-left: 5px;
    margin-right: 5px;
}

.new-bewerbung a.add-bewerbung-plus {
    position: absolute;
    top: -8px;
    left: 35px;
    color: #c81e5a;
    line-height: 1.3;
}

.videoInterviewModal .modal-dialog {
    /*width: 100%;*/
}

.videoInterviewModal .sixColumnBlock {
    background: transparent !important;
}

.videoInterviewModal .modal-header.ui-draggable-handle {
    border: none;
}

.videoInterviewModal .modal-footer {
    border: none;
}

.videoInterviewModal .modal-content {
    box-shadow: none;
    border: none;
}

.videoInterviewModal .modal-dialog.ui-draggable {
    background: transparent !important;
}

.videoInterviewModal .modal-content {
    background: transparent !important;
}

video.costumize-height {
    border-radius: 12px;
}

.overSlideButton .overSBtn {
    padding: 4px 16px;
    /* position: absolute; */
    /* top: 30px; */
    z-index: 1000;
    width: 40%;
    left: 30%;
    color: #337ab7;
    font-size: 14px;
}

.modalHeadText {
    padding-left: 10%;
    text-align: center;
}

div#viewVideosModal {
    background: rgba(0, 0, 0, 0.8);
}

.overSlideButton .overSBtn.onVideo {
    padding: 4px 16px;
    position: absolute;
    top: 30px;
    z-index: 1000;
    width: 20%;
    left: 40%;
    color: #337ab7;
    font-size: 14px;
}

button.w3-btn.videoArrow {
    width: 60px;
    height: 60px;
    /* border: 2px solid #eee; */
    /* border-radius: 30px; */
    text-align: center;
    border: none;
}

.DashboardSlideUnderButtonCenter span.recucleBin {
    font-size: 27px;
    position: absolute;
    top: -2px;
    left:;
}

.modal {
    width: 100%;
    /* margin: 17px auto; */
}

.loginModal .modal-dialog {
    width: 60% !important;
}

.profilImageModal {
    width: 40%;
    margin: 30px auto;
}

.threColumnBlock {
    display: none;
}

#main {
    position: relative;
}

.load-image {
    position: absolute;
    width: 90%;
    text-align: center;
    margin-top: 20%;
}

.after-load {
    display: none;
}

div#mobile-menu-photo {
    text-align: center;
}

#neueBewerbung .modal-dialog {
    width: 60%;
    margin: 30px auto;
}

/* Neue bewerbung style*/
.stepContainer {
    min-height: 450px;
    position: relative;
}

.profileDesignsContainer {
    position: absolute;
    width: 100%;
    /* height: 100%; */
    top: 50px;
    bottom: 0px;
    background: #fff;
    overflow-y: scroll;
    padding: 4px;
    overflow-x: hidden;
}

a.btn.btn-circle.btn-default.btn-primary {
    width: 15px;
    padding: 0px;
    height: 15px;
    border-radius: 8px;
}

a.btn.btn-default.btn-circle {
    width: 15px;
    padding: 0px;
    height: 15px;
    border-radius: 8px;
}

textarea.textareaDisableResize {
    resize: none;
    height: 260px;
}

#backButton a {
    color: #337ab7;
    font-weight: 700;
    font-size: 22px;
    padding: 0;
    padding: 10px;
    line-height: 0;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    border: 2px solid #337ab7;
    border-radius: 60px;
    outline: none;
    background: #fbf6f3;
}

    #backButton a:hover {
        text-decoration: none;
    }

.stepContainer.vCenterContainer {
    padding-top: 200px;
}

.modal-header:hover {
    cursor: default !important;
}

.stepContainer h3 {
    color: #337ab7;
    font-weight: 300;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
}

.stepContainer input.form-control {
    background: transparent;
    text-align: center;
    color: #337ab7;
    font-size: 28px;
    outline: none;
    border: none;
    /* border-bottom: 1px solid rgba(51, 122, 183, 0.48); */
    box-shadow: none;
    text-decoration: underline;
    border-radius: 0;
    min-height: 55px;
    /* border: 1px solid; */
}

.stepContainer textarea.form-control.textareaDisableResize {
    font-size: 18px;
    color: #337ab7;
}

h4#myModalLabel {
    text-align: center;
    font-size: 14px;
    font-weight: 200;
    color: #337ab7;
}


.videoInterviewModal .modal-header {
    border-bottom: none;
}

.videoInterviewModal .modal-header {
    BORDER-BOTTOM: NONE !important;
}

div#sentapplicationarrows {
    position: absolute;
    width: 50%;
    bottom: 55px;
    margin-left: 25%;
}

.delete-sector span.recucleBin {
    font-size: 26px;
    position: absolute;
    left: 0;
    top: -3px;
}

button#backButton {
    float: left;
    position: absolute;
    left: 0;
    top: 10px;
    width: 10%;
    height: 10%;
    background: transparent;
    border: none;
    /*border-bottom: 1Px solid #5e8fb2;*/
    /* BORDER-RIGHT: 1px solid #5e8fb2; */
    color: #5e8fb2;
    font-size: 20px;
}

select#select-bewerbung, select.filter-select {
    width: 90%;
    margin-right: 5%;
    outline: none;
    color: #c81e5a;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 4px;
    font-size: 14px;
    border: 1px solid rgba(84, 82, 82, 0.31);
}

section.centerClass {
    position: relative;
}

.hideSection {
    display: none;
}

.showSection {
    display: block;
}

.firstSection, .secondSection {
    min-height: 450px;
}

ul.bewerbungsVideoSlideDarts {
    text-align: center;
    padding-left: 0px;
}

.bewerbungsVideoSlideDarts li {
    display: inline-block;
}

    .bewerbungsVideoSlideDarts li a.slideDarts {
        display: block;
        width: 10px;
        height: 10px;
        border: 1px solid rgba(51, 51, 51, 0.62);
        border-radius: 5px;
        background: #fff;
    }

        .bewerbungsVideoSlideDarts li a.slideDarts.active {
            background: rgba(255, 0, 0, 0.9);
        }

/* _User.chtm css*/
.nexte-termin-box {
    display: none;
}

.btn-red {
    background: #c81e5a;
    border: #fff;
    border-radius: 2px;
    width: 60%;
    height: 30px;
    color: #fff;
    font-size: x-small;
    font-weight: bold;
}

    .btn-red:hover {
        background: #d03e72;
    }

.btn-green {
    background: #28a078;
    border: #fff;
    border-radius: 2px;
    width: 60%;
    height: 30px;
    color: #fff;
    font-size: x-small;
    font-weight: bold;
}

    .btn-green:hover {
        background: #4aa083;
    }

img#profilePictureLoading {
    width: 45px;
    display: block;
    margin: 43% auto;
}

.loader-div {
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.72);
    z-index: 1050;
    position: absolute;
}

.lg-modal-60 {
    width: 60% !important;
}
/* Right side css*/
.sidenavRight {
    height: 100% !important;
}

#rigthSidebar {
}

.tab {
    display: none;
}

#settings {
    display: none;
}

html,
body,
.container,
.scroller {
    height: 100%;
}

.scroller {
    overflow-y: scroll;
}

.scroller,
.scroller-inner {
    position: relative;
}

.container {
    position: relative;
    overflow: hidden;
}

body {
    font-family: "Lato", sans-serif;
}

.sidenav_2 {
    height: 100%;
    width: 290px;
    position: fixed;
    z-index: 10000;
    top: 0px;
    right: -300px;
    background-color: rgba(232, 228, 227, 0.98);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    box-shadow: -4PX 0 18px #b5b5b5;
}

.secondSidenav {
    height: 100%;
    width: 270px;
    position: fixed;
    z-index: 100;
    top: 0px;
    /*right: -290px;*/
    background-color: rgba(232, 228, 227, 0.98);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    box-shadow: -4PX 0 18px #b5b5b5;
}

.sidenav_2 a {
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    font-size: 17px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.secondLevelMenu a span, .first_levelMenu a span {
    padding-left: 14px;
}

.sidenav_2 a i.fa-chevron-right {
    padding-right: 10px;
    padding-top: 3px;
}

.sidenav_2 a:hover, .offcanvas a:focus {
    color: #58929c;
}


.sidenav_2 .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#clossButton {
    position: fixed;
    top: 0px;
    right: 0;
    width: 50px;
    text-align: center;
    height: 50px;
    padding-top: 5px;
}

.first_levelMenu, .secondLevelMenu {
    list-style: none;
    padding-left: 4px;
}

    .first_levelMenu .l_1_m, .secondLevelMenu .l_2_m {
        width: 100%;
        border-bottom: 1px solid rgba(199, 199, 199, 0.98);
    }

@@media (max-width: 760px) {
    #clossButton.desktop {
        display: none;
    }
}

@@media screen and (max-height: 450px) {
    .sidenav_2 {
        padding-top: 15px;
    }

        .sidenav_2 a {
            font-size: 18px;
        }
}

/*Change classes*/
#subSidebar.closeSubsidebarMenu {
    right: -280px;
}

#subSidebar.openSubsidebarMenu {
    right: -8px;
}

.sidenav_2 .closebtn {
    position: absolute;
    top: 0;
    left: 0px;
    font-size: 36px;
    margin-left: 0;
}

.countInAllMonthsYears {
    margin-top: 50px;
}

.secondLevelMenu a span {
    padding-left: 6px;
}

#subSidebar.einladung {
    display: none;
}

.userInformation .editIcon {
    position: absolute;
    right: 37%;
    top: 26%;
    display: none;
}

.profileEditLink {
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/edit.svg) no-repeat;
    background-size: 80%;
    float: right;
    padding-left: 8px !important;
}

#upcomingTerminTimer .dayTag, #upcomingTerminTimer .OurTag, #upcomingTerminTimer .MinutTag {
    position: relative;
}

h3#upcomingTerminTimer span {
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

#upcomingTerminTimer .dayTag:after {
    content: "Tage";
    font-size: 12px;
    position: absolute;
    top: 34px;
    left: 11px;
    font-weight: 300;
}

#upcomingTerminTimer .OurTag:after {
    content: "Stunden";
    font-size: 12px;
    position: absolute;
    top: 34px;
    left: 2px;
}

#upcomingTerminTimer .MinutTag:after {
    content: "Minuten";
    font-size: 12px;
    position: absolute;
    top: 34px;
    left: 2px;
}

.white-box-side-menu {
    padding-bottom: 2px;
}

select#select-bewerbung {
    margin-top: 10px;
}

/* -------------------- Page Styles (not required) */


/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
    background: url("../images/15xvbd5.png") no-repeat 96% 0;
    height: 29px;
    overflow: hidden;
    /*width: 240px;*/
}

    .styled-select select {
        background: transparent;
        border: none;
        font-size: 14px;
        height: 29px;
        padding: 5px; /* If you add too much padding here, the options won't show in IE */
        width: 258px;
    }

    .styled-select.slate {
        /*background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;*/
        height: 34px;
        width: 240px;
    }

        .styled-select.slate select {
            border: 1px solid #ccc;
            font-size: 16px;
            height: 34px;
            width: 268px;
            color: #333;
        }

/* -------------------- Rounded Corners */
.rounded {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.semi-square {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate {
    background-color: #ddd;
}

.red {
    background-color: rgba(255, 255, 255, .3);
}

.blue {
    background-color: #3b8ec2;
}

.yellow {
    background-color: #eec111;
}

.black {
    background-color: #000;
}

/* -------------------- Colors: Text */
.slate select {
    color: #000;
}

.red select {
    color: #fff;
}

.blue select {
    color: #fff;
}

.yellow select {
    color: #000;
}

.black select {
    color: #fff;
}


/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
    border: 0;
    color: #EEE;
    background: transparent;
    font-size: 20px;
    font-weight: bold;
    padding: 2px 10px;
    width: 378px;
    *width: 350px;
    *background: #58B14C;
    -webkit-appearance: none;
    color: #333;
}

#mainselection {
    overflow: hidden;
    width: 350px;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 1px 1px 11px #330033;
    background: #58B14C url("../images/15xvbd5.png") no-repeat scroll 319px center;
}


/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url("../images/15xvbd5.png"), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-position: 97% center;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    color: #555;
    font-size: inherit;
    margin: 20px;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
}

select#soflow-color {
    /*color: #fff;*/
    background-image: url("../images/15xvbd5.png"), -webkit-linear-gradient(rgba(255, 255, 255, .3), #779126 40%, #779126);
    background-color: rgba(255, 255, 255, .3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding-left: 15px;
    /*color: #333;*/
}

body {
    /* margin-top:40px; */
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 16.66666667%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
/*.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}*/
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

div.messageModal {
    width: 60%;
    margin: 50px auto;
}

.videoAufnameTag {
    max-width: 100%;
    max-height: 100%;
    background: #333;
    padding: 3px;
    border-radius: 3px;
    position: relative
}

    .videoAufnameTag video {
        max-width: 100%;
        max-height: 100%
    }

.nextVideo {
    width: 100%;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 0px;
}

.backVideoSlide {
    /* border: 1px solid red; */
    /* height: 100%; */
    margin-top: 25%;
}

a.videoInterviewTool {
    font-size: 18px;
    display: block;
    width: 46px;
    height: 46px;
    border: 4px solid #337ab7;
    text-align: center;
    line-height: 2;
    border-radius: 23px;
    font-weight: bold;
}

    a.videoInterviewTool:hover {
        border: 4px solid rgb(210, 30, 91);
        color: rgb(210, 30, 91);
    }

div#modalRejectApplication {
    width: 60%;
    margin: 30px auto;
}

.setButtonOnCenter {
    text-align: center;
}

span#clossButton {
    display: block;
}

img.profileOnMobileMenu {
    /* background: #fff; */
    width: 35px;
    height: 35px;
    display: block;
    margin: 16px auto;
}

div#socialMediaShareModal {
    width: 60%;
    margin: 60px auto;
    text-align: center;
}

div#modalSendNewInterviewRequest {
    width: 60%;
    margin: 60px auto;
}

.footerCenterButton {
    text-align: center;
}

h1#job-title {
    margin-top: 0px;
    margin-bottom: 2px;
}

#viewApplicationModal1 .modal-content {
    width: 50%;
    margin: 30px auto;
}

.bottom-delete-button {
    padding-bottom: 0px;
    text-align: center;
}

#viewInterviewsModal .modal-dialog {
    /* margin-top: 0px; */
    width: 50%;
}

div#centerFooterButton {
    text-align: center;
}

#sentapplicationslistmodal .modal-content {
    width: 60%;
    margin: 60px auto;
}

#openedapplicationslistmodal .modal-dialog {
    width: 60%;
    margin: 60px auto;
}

#viewApplicationModal .modal-dialog {
    width: 50%;
    margin: 30px auto
}

.mobileMenuBar {
    z-index: 100 !important
}

#modalViewInterviewDetails .modal-dialog {
    width: 50%;
    margin: 30px auto;
}

#divCompanyData h2 {
    font-size: 18px;
    margin-top: 4px;
    color: #333;
    margin-bottom: 0px;
}

.inlineList {
    margin-top: 0px;
}

div#divCompanyData .finischedInterview {
    color: #999;
    font-size: 14px;
}

#divCompanyMap {
    height: 200px;
}

.mobileMenuBar {
    height: 55px !important;
}

a.titleLinkModal {
    font-size: 18px;
}

    a.titleLinkModal:hover {
        color: rgba(0,0,0,.95);
        text-decoration: double;
    }

h3.UncompletedApplicationesMessage {
    color: #888;
    font-size: 18px;
    text-align: center;
    margin-bottom: 60px;
}

.bodyBox {
    text-align: center !important;
}

    .bodyBox p, .bodyBox .linkToGB {
        font-size: 18px;
        margin-bottom: 0;
    }

    .bodyBox .linkToGB {
        color: crimson;
    }

span.final-message.show {
    font-size: 22px;
    padding: 10px;
    position: relative;
    margin-top: 60px;
    margin-bottom: 0;
    top: 50px;
    bottom: none;
}

.successRegister {
    color: #3aa8db !important;
    font-size: 28px;
}

span#clossButton {
    z-index: 500;
}

.controls span.error-message.show {
    color: red;
}
/* Ios modal */
#iosAppDownloadModal .modal-dialog {
    margin: 0px;
    height: 100%;
}

#iosAppDownloadModal .modal-content {
    background: white !important;
    height: 100%;
    border-radius: 0;
}

#iosAppDownloadModal .modal-body {
    text-align: center;
    color: #3076aa;
}

#iosAppDownloadModal .iosModalTitle {
    font-size: 29px;
    font-weight: bold;
}

#iosAppDownloadModal .iosModalFContent {
    font-size: 19px;
}

#iosAppDownloadModal #iosAppDownloadModal .secondContent {
    width: 100px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 10px;
}

#iosAppDownloadModal .Center-Image {
    width: 20%;
    border-radius: 17px;
    margin-top: 4%;
}


#iosAppDownloadModal .footerText {
    font-size: 19px;
}

#iosAppDownloadModal .jobvyouText {
    color: #d40d59;
    padding: 2%;
}

div#watchVideos {
    display: none;
}

video.recorderVideo {
    min-height: 150px;
    margin: 5% 5%;
    width: 90%;
    background: #040404;
    margon-top: 0;
}

.nextToEnd {
    width: 100%;
    text-align: center;
}

.questionViewWithVideo h3.question {
    /* background: #fff; */
    /* margin: 15px; */
    font-size: 18px;
    color: #888;
    text-align: center;
    background: #fff;
    padding: 12px;
    width: 90%;
    margin-left: 5%;
    border-radius: 8px;
    box-shadow: 0px 2px 6px 2px rgba(193, 187, 187, 0.58);
}
/* Progres and record button*/
.progressbar {
    display: none;
}

.recordButtonCenter {
    text-align: center;
}

p#recordtime {
    float: none;
    width: 60px;
    /* height: 60px; */
    margin: 0px auto;
}

h4.bewerbungSlide {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    max-width: 100%;
}


/*-----------------------------------------------*/
#deleteinterviewsmodal .modal-dialog {
    width: 40%;
    border-radius: 8px;
    margin: 10px auto;
}


h3#previewQuestion_title {
    display: none;
    margin-top: 20vh;
    text-align: center;
    font-size: 20px;
    color: #fff;
    display: block;
}

p#previewQuestion {
    display: none;
    text-align: center;
    font-size: 20px;
    color: #fff;
    display: block;
    width: 100%;
}

@media screen and (max-height: 600px) {
    h3#previewQuestion_title {
        margin-top: 20px;
    }
}

h3#autorecordtime_title {
    font-size: 16px;
    color: #fff;
    text-align: center;
}

label#autorecordtime {
    font-size: 5em;
    color: #fff;
    text-align: center;
    width: 100%;
}

#video-container .timer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    color: #fff;
    padding-top: 35px;
    background: #c81e5a;
    width: 100%;
    padding-top: 35px;
    z-index: 1000;
}
/*#video-container .timer {
    background: #c81e5a;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 35px;
}*/

p#recordtimehidden {
    position: absolute;
    width: 20%;
    border-radius: 30px;
    margin-left: 40%;
    bottom: 4%;
}

p#recordtime_2 {
    /* position: absolute; */
    /* bottom: 4%; */
    width: 40%;
    margin-left: 30%;
    background: #fff;
    COLOR: #333;
    BORDER: 1PX SOLID #fff;
    border-radius: 30px;
    font-weight: 700;
    display: block;
}

.bottomScreen {
    position: absolute;
    width: 100%;
    bottom: 5%;
    text-align: center;
}

img.logoOnBottom {
    margin-top: 20px;
}

p.KommentAufname {
    margin-bottom: 30px;
}

.removePaddingLeft {
    /*padding-left: 0;*/
    text-align: center;
}

/* For testing on desktop*/

div#cameradashboard {
    position: absolute;
    bottom: 0;
    width: 100%;
}

video#videoInput {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.col-md-12.wrapper-offline-interview {
    height: 100%;
}

.wrapper-offline-interview {
    padding-left: 0;
    padding-right: 0;
    /* border-radius: 0; */
}

div#video-container {
    height: 100%;
    padding: 0;
    margin: 0;
    padding-top: 8px;
}

.questionContainer {
    width: 96%;
    margin-left: 2%;
}

video#videoInput {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

video#videoInput {
    width: 100%;
    height: 100%;
    background: #333;
    border-radius: 2px;
}

.wrapper-offline-interview {
    width: 100%;
}

#videoRecordPlay {
    display: none;
    width: 116px;
}

p#videoRecordPlay {
    margin: 4px auto;
}

div#video-container {
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0;
}

.questionContainer {
    width: 90%;
    margin-left: 5%;
}

.questionContainer {
    position: absolute;
    z-index: 300;
}

#btn-continue {
    position: relative;
    z-index: 600;
}

.button {
    padding-top: 8px;
}

    .button a#btn-camera-fail {
        float: right;
    }





#viewVideosModal .modalHeadText {
    display: none;
}

#viewVideosModal .prevButton {
    background: url("../images/left-arrow.svg");
}

#viewVideosModal .nextButton {
    background: url("../images/right-arrow.svg");
}

#viewApplicationModal1 .modal-body {
    padding-top: 4px;
    padding-bottom: 4px;
}

div#applicationquestions p {
    margin-bottom: 0;
}

#viewApplicationModal1 .modal-footer {
    padding-bottom: 4px;
    padding-top: 4px;
}

#viewApplicationModal1 .modal-header {
    padding-top: 6px;
    padding-bottom: 4px;
}

#viewApplicationModal1 .modal-body p {
    margin-bottom: 1px;
}

div#camera-test-buttons {
    WIDTH: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 0%;
}

#btn-camera-ok i.fa.fa-arrow-right {
    padding-left: 5px;
}

p#recordtime {
    background: transparent;
    border: 1px solid red;
}

p#recordtime {
    background: transparent;
    border: none;
    padding-left: 70px;
    height: 63px;
    line-height: 4.2;
    background: url(../images/recordVideoButtonOffline.png) no-repeat;
}


/* Video bewerbung modal style */


#myNeueBewerbungsVideo .modal-dialog {
    width: 60%;
    text-align: center;
    margin: 30px auto;
}

.videoInterviewAufnehmen input {
    text-align: center;
    margin-bottom: 8%;
}

.firstSection.showSection {
    padding-top: 8%;
}

div#video-container {
    min-height: 420px;
}

.videoContainerFinalClass video#videoInputFunal {
    background: #333;
}

.shareandPreviewLink {
    margin-top: 20px;
    margin-bottom: 14px;
}

    .shareandPreviewLink p.linkZumvideo {
        font-size: 16px;
        color: #666;
        padding-bototm: 0px;
        margin-bottom: 0;
    }

    .shareandPreviewLink a {
        font-size: 16px;
        text-decoration: underline 1
    }

        .shareandPreviewLink a:hover {
            color: #188aaf;
        }

h2.messageForMyVyou {
    color: #337ab7;
}

.videoSection input[type="file"] {
    text-align: center;
    display: block;
    margin: 10px auto;
}

.UploadVideo {
    min-height: 420px;
}

video#Upvideo {
    background: #333;
}

.UploadVideo h2 {
    color: #337ab7;
}

.fileContainer {
    position: relative;
    width: 200px;
    margin: 0px auto;
}

.videoSection input[type="file"] {
    text-align: center;
    display: block;
    margin: 10px auto;
    top: 0;
    left: 0;
    /* bottom: 0; */
    right: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
}

p.fileIccon {
    text-align: center;
    padding-top: 5px;
    color: #333;
    margin: 4px;
    border: 1px solid rgba(51, 51, 51, 0.33);
    background: #fff;
}

.videoSection {
    display: none;
}

    .videoSection.activeSectio {
        display: block;
    }

div#block {
    padding-left: 15px;
    padding-right: 15px;
}

#viewVideosModal .modal-dialog {
    width: 100%;
    margin-left: 0;
}

#viewVideosModal .modal-body {
    /* width: 100%; */
    padding-left: 0;
    padding-right: 0;
}

#viewVideosModal .mySlides {
    width: 100%;
}


/*Manuel css*/
.questionContainer {
    width: auto;
    / margin-left: 45%;
    / text-align: center;
    padding: 10px 5% 10px 5%;
    position: relative;
    left: 40%;
    transform: translateX(-50%);
}

.questionContainer {
    width: 100%;
    margin: 4px auto;
    padding: 5px;
    / min-height: 60px;
    / background: rgba(255, 255, 255, 0.52);
    border-radius: 12px;
    color: #333;
    font-size: 14px;
    text-align: center;
}


button#btnExitProfileModal {
    background: red;
    position: absolute;
    top: 2%;
    right: 2%;
    z-index: 3000;
    color: red;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    opacity: .6;
}


div#videoview {
    text-align: center;
    /* height: 100%; */
    margin-top: 0%;
    margin-top: 0%;
    width: 70%;
    margin: 0px auto;
}

.shareandPreviewLink {
    min-height: 220px;
}

p.linkZumvideo {
    margin-top: 40%;
}

h5#exampleModalLabel {
    FLOAT: left;
}

div#camera-control-buttons {
    position: absolute;
    bottom: 3px;
    width: 100%;
}

.countdowntimer .timer {
    margin-top: 10px;
    font-size: 22px;
    color: #CE0042;
}

#btn-camera-stop-record span, #btn-camera-start-record span {
    margin-top: 15px;
    font-size: 1.8em;
    cursor: pointer;
}

.countdowntimer {
    position: absolute;
    bottom: 4px;
    right: 4%;
}


.vyouContainer div.innerBox {
    position: relative;
}

.vyouContainer .playButton {
    position: absolute;
    width: 100%;
    /* height: 100%; */
    /* border: 1px solid red; */
    top: 45%;
    text-align: center;
}

.paginationNumbers.activeNumber {
    text-decoration: underline;
    color: #d83935;
}

.paginationNumbers {
    letter-spacing: 3px;
    font-weight: 700;
}

#myVyouPublicLink a, #myVyouPublicLink p {
    display: none;
}

.recordVideoSlidePoints .successMessageForMyVyou {
    padding-top: 10%;
}

.questionContainer {
    /* width: 50%; */
    margin: 4px auto;
    padding: 5px;
    border-radius: 12px;
    color: #333;
    font-size: 14px;
    /* text-align: center; */
    /* margin: 10px auto; */
    width: 50%;
    margin-left: 0%;
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    font-weight: bold;
    margin: 0px auto;
    left: 25%;
}

#questionspanel h4 {
    float: left;
    font-size: 16px;
    padding-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    display: block;
    width: 100%;
}

input#VideoTitle {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #337ab7;
    text-decoration: underline;
    font-size: 28px;
}

a.addNewVideo {
    color: #59b9ca;
}

    a.addNewVideo:hover {
        color: #58929c;
    }

.videoSection h3 {
    margin-top: 0;
}

.recordVideoSlidePoints {
    padding-top: 4px;
}

ul.bewerbungsVideoSlideDarts {
    margin-bottom: 0;
}

div#videoview {
    top: 0px;
}

div#video-container {
    padding-top: 6px;
}

a.smallScreen {
    display: none;
}

div#videoview {
    top: 0px;
    max-height: 80%;
}

p#paragraphUnderTitle {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

span#clossButton2 {
    position: fixed;
    right: 26px;
    top: 8px;
    z-index: 100;
}

#clossButton2 i.fa.fa-bell {
    font-size: 22px;
}

div#notificationSideNav {
    width: 300px;
    bottom: 0;
    top: 0;
    transition: 0.5s;
    height: 100%;
    position: fixed;
    z-index: 10000;
    background-color: rgba(232, 228, 227, 0.98);
    overflow-x: hidden;
    padding-top: 60px;
    box-shadow: -4PX 0 18px #b5b5b5;
}

a#closeMenuSidebarNotification {
    position: absolute;
    top: 0px;
    left: 15px;
    font-size: 40px;
}

    a#closeMenuSidebarNotification:hover {
        text-decoration: none;
        color: #337ab7;
    }

    a#closeMenuSidebarNotification:focus {
        text-decoration: none;
        color: #337ab7;
    }

div#notificationContainer {
    height: calc(100vh - 100px);
    /* border: 1px solid; */
    overflow-x: hidden;
    overflow-y: auto;
}

div#notificationSideNav.notificationSideNavOpen {
    right: 0px;
}

div#notificationSideNav.notificationSideNavClose {
    right: -310px;
}

a#alleAnzeigenLink {
    text-align: center;
    display: block;
    margin-top: 10px;
}

    a#alleAnzeigenLink:hover {
        cursor: pointer;
        color: #337ab7;
    }

.videoInterviewContainer {
    padding-left: 60px;
}

.setBlock {
    width: 59px;
    float: left;
    padding-left: 10px;
}

a.SetNormalSmallText {
    PADDING: 0;
    margin-left: 15px;
}

    a.SetNormalSmallText:hover {
        color: #286090e3;
    }

#newProfileName::placeholder {
    color: #ff8080;
}

textarea#txtChatMessage:focus {
    outline: none;
}

textarea#txtChatMessage {
    resize: none;
}

div#divChatList {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    padding-left: 15px;
}

.add-new-cv-container {
    /*border: 1px solid red;*/
    margin-left: 30px;
    text-align: center;
}

ul.add-new-cv {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    opacity: 1;
}

    ul.add-new-cv:hover {
        color: rgb(42, 42, 42);
    }

    ul.add-new-cv li {
        opacity: 1;
        display: inline-block;
    }

li.button-plus {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding-top: 2px;
    border: none;
    font-weight: 300;
    box-shadow: 0 4px 6px #aaa;
    color: #c81e5a;
    background: #d8d7d7 !important;
    opacity: 1;
    z-index: 100;
    background: rgb(222, 222, 222);
    font-family: "Dinpro-Regular";
    font-size: 26px;
    position: relative;
    z-index: 100;
}

ul.add-new-cv li.new-cv-text span.positionText {
    border: none;
    padding: 2px 4px;
    font-size: 14px !important;
    color: #2a2a2a;
}

span.positionText {
    /* position: absolute; */
    margin-left: -10px;
    padding-right: 8px !important;
    background: rgba(255,255,255, .3);
    padding-left: 19px !important;
    border-radius: 0 12px 12px 0;
    box-shadow: 0 4px 6px #aaa;
}
/*@media (max-width: 681px) {
    div#sentapplicationarrows {
        width: 90% !important;
        margin-left: 5% !important;
    }
}*/