@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/Open_Sans/OpenSans-Regular.ttf')
    format('truetype');
}

@font-face {
    font-family: 'OpenSans Bold';
    src: url('../fonts/Open_Sans/OpenSans-Bold.ttf')
    format('truetype');
}

@font-face {
    font-family: 'Gothic_A1';
    src: url('../fonts/Gothic_A1/GothicA1-Regular.ttf')
    format('truetype');
}

body{
    background: #eee;
    font-family: 'OpenSans';
}

h1, h2, h3, h4, h5, h6{

}

select{
    font-family: 'OpenSans', inherit;
}

b, strong, .font-weight-bold{
    font-family: 'OpenSans Bold';
}

.container {
    max-width: 100%;
    width: 100%;
    margin-bottom: 64px;
}

.card-body .container{
    margin-bottom: 0px;
}

a{
    color: #006f94;
}

a:hover{
    color: #1C7491 !important;
}

.text-small{
    font-size: 80%;
}

.text-cursor{
    cursor: pointer;
}

.no-border{
    border: none !important;
}

@media (max-width: 720px) {
    .mobileHidden{
        display: none !important;
    }
}

.visibleOnlyMobile{
    display: none;
}

@media (max-width: 720px) {
    .visibleOnlyMobile{
        display: block;
    }
}

.badge-primary{
    background-color: #006f94;
}

.text-primary{
    color: #006f94 !important;
}

.filter-primary{
    filter: invert(30%) sepia(79%) saturate(705%) hue-rotate(153deg) brightness(98%) contrast(105%);
}

.custom-file-label::after{
    content: 'Durchsuchen' !important;
}

.dropdown-menu{
    margin-top: -8px;
}


    /* ICON FOR MOBILE MENU */

.animated-icon {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.animated-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-icon span {
    background: #f3e5f5;
}

.animated-icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 8px;
}

.animated-icon.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.animated-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 8px;
}

/* LINKS */

a.white{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}
a.white:hover{
    text-decoration: underline;
}

#comp-login div#left-segment{
    background-position: center;
    background-size: cover;
    background-color: #0c5460;
    background-repeat: no-repeat;
}



#comp-login div#right-segment{
    background-color: #006f94;
}

/* BUTTONS */

.btn.btn-primary{
    color: #fff;
    background-color: #006f94;
    border-color: #006f94;
}

.btn.btn-primary:hover{
    color: #fff !important;
    background-image: linear-gradient(to right, #006f94, #1C7491) !important;
}

.btn.btn-outline-primary{
    color: #006f94;
    background-color: transparent;
    border-color: #006f94;
}

.btn.btn-link{
    color: #006f94;
}

.btn.btn-link:hover,
.btn.btn-link:focus{
    text-decoration: none !important;
}


.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:focus,
.btn-outline-primary:active{
    color: #006f94;
    background-color: transparent;
    border-color: #006f94;
    box-shadow: 0 0 0 0.2rem rgba(9,105,43, 0.2);
}

.btn.btn-outline-primary.no-border{
    border: none !important;
}
.btn.btn-outline-primary.no-border:focus,
.btn.btn-outline-primary.no-border:active{
    box-shadow: none !important;
}

.btn span.material-symbols-outlined.icon.ml-3{
    margin-left: 0 !important;
    line-height: 1.4rem !important;
}

.btn.btn-sm span.material-symbols-outlined.icon.ml-3{
    line-height: normal !important;
}


/* FORMS */

input{
    border-color: #006f94;
    border-width: 1px;
    border-radius: 0.25rem;
    padding: 0.25rem;
}

/* --- */

#comp-form label, h3{
    color: #fff;
}

#emailHelp{
    color: #fff;
    cursor: pointer;
}

#loginHint, #loginHint2, #loginHint3{
    color: #fff;
    display: none;
}

#recovery-mail-help,
#recovery-mail-help-2,
#recovery-mail-help-3,
#recovery-mail-help-4,
#recovery-mail-success{
    display: none;
}


#mainmenu{
    min-height: 88px;
    /*background-color: #006f94;*/
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

#mainmenu .nav-link.text-light{
    color: #006f94 !important;
}

#mainmenu .nav-link.text-light:hover{
    color: #1C7491 !important;
}

#mainmenu-2{
    min-height: 88px;
    background-color: #006f94;
    background-image: linear-gradient(to right, #1C7491 , #006f94);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

#mainmenu-2 .nav-link.text-light{
    color: #fff !important;
}

#mainmenu-2 .nav-link.text-light:hover{
    color: #fff !important;
}

#mainmenu-2 .navbar-brand{
    color: #fff;
    font-family: "OpenSans Bold";
}

@media (max-width: 1350px) {
    #mainmenu-2 .navbar-brand span{
        display: none;
    }
}

@media (max-width: 768px) {
    #mainmenu-2 .navbar-brand{
        padding-left: 1rem;
    }
}

#mainmenu-2 .nav-item{
    padding: 0 16px;
}

#mainmenu-2 .nav-item span.icon{
    font-size: 250%;
}

#mainmenu-2 .nav-item span.text{
    font-size: 80%;
    font-family: 'OpenSans Bold';
    font-weight: normal;
}

#mainmenu-2 .nav-item.active{
    border-bottom: 1px solid #fff;
}

#mainmenu-2 .animated-icon span{
    background: #fff;
}

#mainmenu-2 .dropdown-menu{
    margin-top: -8px;
}

#mainmenu-2 #login-item{
    padding-right: 0rem !important;
}

@media (min-width: 1200px) {
    #mainmenu-2 #login-item {
        position: absolute;
        right: 0;
    }

    #mainmenu-2 #login-item .nav-link.text-light{
        background: #fff;
        border-top-left-radius: 90px;
        border-bottom-left-radius: 90px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        color: #006f94 !important;
    }

    #mainmenu-2 #login-item-linebreak{
        display: none;
    }

    #mainmenu-2 #login-item span.material-symbols-outlined{
        vertical-align: middle;
        padding-right: 8px;
    }

    #mainmenu-2 #login-item .dropdown-menu{
        margin-top: -8px;
        margin-left: -48px;
    }
}

.navbar-toggler{
    border: none !important;
}

button:focus{
    outline: none !important;
}


.comp-card{
    background: #fff;
    min-height: 150px;
    border-radius: 0.25rem;
    padding: 48px;
}

.comp-card h1{
    font-family: serif;
}

.nav-item{
    padding: 0 16px;
}

.nav-item span.icon{
    font-size: 150%;
}

.nav-item span.text{
    font-size: 80%;
    font-family: 'OpenSans';
    font-weight: normal;
}

#mainmenu .nav-item.active{
    border-bottom: 1px solid #006f94;
}

#mainmenu .animated-icon span{
    background: #006f94;
}

.dropdown-menu .dropdown-item{
    color: #006f94 !important;
    font-size: 100%;
    font-family: 'OpenSans';
}

.dropdown-item.active{
    background-color: #006f94 !important;
    color: #fff !important;
}

.dropdown-item:active{
    background-color: #006f94 !important;
    color: #fff !important;
}

.nav-item#academyMenu{
    display: none;
}

@media (max-width: 1200px){

    #mainmenu-2 li.nav-item.text-center{
        text-align: left !important;
        padding-left: 32px;
    }

    #mainmenu-2 .dropdown-menu{
        border: none !important;
        background-color: transparent;
    }

    #mainmenu-2 .dropdown-menu .dropdown-item{
        color: #fff !important;
        padding: 0.5rem;
    }

    #mainmenu-2 .nav-item.active{
        border-bottom: none !important;
    }

    #mainmenu-2 .nav-item.active .nav-link .text {
        text-decoration: underline;
    }

    #mainmenu-2 .nav-item a span.icon,
    #mainmenu-2 .nav-item a br{
        display: none;
    }

    #mainmenu-2 .nav-item span.text{
        font-size: 100%;
        font-family: 'OpenSans';
    }

    #mainmenu-2 ul.navbar-nav{
        flex-direction: row !important;
    }

    #mainmenu-2 li.nav-item{
        width: 100% !important;
    }

    #mainmenu-2 #login-item{
        padding-right: 16px !important;
    }
}

@media (min-width: 1200px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
    }
    .dropdown > .dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
        pointer-events: none;
    }
}



/** START PAGE **/

@media (min-width: 1200px) {
    .startpage-image{
        max-width: 50%;
        margin-left: 25%;
    }
}

#first-card-aside,
#second-card-aside,
#third-card-aside,
#fourth-card-aside{
    display: none;
}

#second-card-aside img,
#third-card-aside img,
#fourth-card-aside img{
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}

/** TIMELINE **/
.comments-area{
    display: none;
}

.comment-link{
    color: #006f94 !important;
    cursor: pointer;
}

.sent-comments-area{
    font-size: 0.8rem;
}

#video-upload-file-help{
    display: none;
}

#edit-video-upload-file-help{
    display: none;
}

#edit-image-upload-file-help{
    display: none;
}

#edit-both-upload-file-help{
    display: none;
}

#edit-posting-text-help{
    display: none;
}

#previewForPosting{
    display: none;
}

#previewVideoForPosting{
    display: none;
}

button#postedit{
    text-align: right;
}

button#postedit:focus{
    box-shadow: none !important;
}

button#postedit.dropdown-toggle::after{
    display: none !important;
}

button#commentedit{
    text-align: right;
}

button#commentedit:focus{
    box-shadow: none !important;
}

button#commentedit.dropdown-toggle::after{
    display: none !important;
}

/** PROFILE **/

span.entry-action{
    cursor: pointer !important;
}

span.pw-gen{
    cursor: pointer !important;
}

#field-input-password-strength{
    display: none;
}

#image-upload-file-help{
    display: none;
}

@media (max-width: 990px) {
    .profile-image{
        text-align: center !important;
    }

    .profile-image img.card-img-top{
        max-width: 25%;
    }
}


/** COURSES **/

#container-courses{
    max-width: 100%;
}

@media (min-width: 1200px) {
    #container-courses{
        max-width: 66.6666%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.course-card{
    display: none;
}

p.card-text.course-card-text{
    height: 50px;
    overflow: hidden;
}

button.clear-button{
    position: absolute;
    right: 1.25rem;
    height: 34px;
    background: none;
    border: none;
}

button.clear-button:hover,
button.clear-button:not(:disabled):not(.disabled):active,
button.clear-button:target,
button.clear-button:focus,
button.clear-button:active{
    background: none;
    border: none;
    cursor: pointer;
    box-shadow: none;
}

button.clear-button span.icon{
    font-size: 100%;
    color: #000;
}

#course-description-full,
#course-description-button-full{
    display: none;
}

#lecturer-carousel div.carousel-caption{
    bottom: 0px !important;
    padding-bottom: 0px !important;
}

#lecturer-carousel div.carousel-caption h5{
    color: #000;
}

/** MATERIAL **/

p.open-modal-link{
    color: #006f94;
    cursor: pointer;
}

p.open-modal-link:hover{
    text-decoration: underline;
}

#accordion .card-header{
    background-color: #ffffff !important;
    border-radius: 1rem !important;
    border-bottom: 0px !important;
}

#accordion .card-header button{
    width: 10%;
}

#accordion .card-header button:first-child{
    width: 90%;
}

/** HOMEWORK **/

.homework-status-text{
    padding-top: 0.5rem;
    font-size: 0.8rem;
}

#homework-list-container .card-header{
    background-color: #ffffff !important;
    border-radius: 1rem !important;
    border-bottom: 0px !important;
}

#accordion-homework .card-header button{
    width: 10%;
}

#accordion-homework .card-header button:first-child{
    width: 80%;
}

#homework-upload-file-help{
    display: none;
}

#homework-upload-file-success{
    display: none;
}

#studentSearchForm{
    display: none;
}

/** JOBS **/

#container-jobs{
    max-width: 100%;
}

@media (min-width: 1200px) {
    /*#container-jobs{
        max-width: 50%;
        margin-left: auto !important;
        margin-right: auto !important;
    }*/
}

.job-card{
    display: none;
}

/** CHAT WIDGET **/

#chat-container{
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    min-height: 400px;
}

#chat-widget{
    width: 100%;
    height: auto;
    background-color: #006f94;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    cursor: pointer;
}

@media (min-width: 1200px) {
    #chat-widget{
        width: 350px;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        box-shadow: 5px 5px 5px 5px #888888 !important;
    }
}


.chat-image{
    width: 30px;
    height: 30px;
}
.chat-image img{
    max-width: 100%;
}

.chat-headline{
    margin-bottom: 0;
    color: #fff;
    line-height: 30px;
}

#chat-widget .more-icon{
    color: #fff;
    line-height: 30px;
}

#chatWidgetInfoBadge{
    display: none;
}

/** CHAT **/

#chat-message-back{
    /*display: none;*/
}

@media (max-width: 768px) {
    #chat-action-container{
        display: none;
    }
}

#thread-container{
    overflow: scroll;
}

.card.chat-card div.card-body,
.card.thread-card div.card-body{
    font-size: 100%;
}

.card.thread-card div.card-body h6.card-subtitle,
.card.thread-card div.card-body h7.card-subtitle{
    font-size: 100%;
}

.card.thread-card div.card-body .card-text{
    font-size: 100%;
}

.card.show-more-card{
    font-size: 80%;
    cursor: pointer;
}

.chat-message-history .nav .nav-item a.active{
    background: #eee !important;
}

.chat-message-history-segment .card{
    border-radius: 0 !important;
    border: none !important;
}

.chat-message-history-segment .chat-card .close{
    font-size: 1rem;
    line-height: 2;
}

.chat-message-history .chat-card{
    border-bottom: 1px solid #006f94 !important;
    cursor: pointer;
}

.chat-message-history .chat-card.active{
    border-left: 3px solid #006f94 !important;
}

.chat-input-block{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    bottom: 0;
}

#message-input-container .trumbowyg-box, #my-textarea .trumbowyg-editor {
    min-height: 100px !important;
}
#message-input-container .trumbowyg-editor, #my-textarea .trumbowyg-textarea {
    min-heigh: 100px !important;
}

#message-input-container .trumbowyg-button-pane{
    background-color: #fff !important;
}

#new-chat-message-help{
    display: none;
}

#chat-message-history-new-messages-searchresult{
    height: 400px;
    overflow: scroll;
}

#chat-message-history-new-messages-searchresult h5,
#chat-message-history-new-messages-recommendation h5{
    color: #006f94;
    font-weight: bold;
    font-size: 1rem !important;
    text-transform: uppercase;
}

#chat-message-history-new-messages-searchresult .card.chat-card,
#chat-message-history-new-messages-recommendation .card.chat-card{
    border-radius: 0 !important;
    border: none !important;
    border-bottom: 1px solid #006f94 !important;
    cursor: pointer;
}

#chat-message-history-new-messages-searchresult .card.chat-card:hover,
#chat-message-history-new-messages-recommendation .card.chat-card:hover{
    background: #eee;
}

#message-input-container{
    display: none;
}

.new-chat-user{
    display: none;
}

#chat-message-history-new-messages-searchresult h5{
    display: none;
}

#spinner-upload{
    display: none;
}

/** CALENDAR **/

#calendar_menu{
    background-color: #fff;
}

#calendar_menu_month{
    color: #000;
}

@media (min-width: 1200px) {
    #calendar{
        padding-left: 4rem !important;
    }
    #upcoming{
        padding-left: 4rem !important;
    }
    #calendar_menu{
        padding-left: 4rem !important;
    }

}

#upcoming{
    display: none;
}

.toastui-calendar-edit-button,
.toastui-calendar-delete-button{
    display: none !important;
}

/** NETWORK **/

.contact_entry,
#network_list .badge{
    cursor: pointer;
}

/** STUDY GROUPS **/

#studygroups-overview-list li.list-group-item,
#studygroups-overview-mygroups li.list-group-item{
    cursor: pointer;
}

#studygroups-overview-list li.list-group-item:first-child{
 border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
}

#studygroups-create-name-help{
display: none;
width: 100%;
font-size: 80%;
}

#studygroups-overview-mygroups li.list-group-item.activeGroup{
color: #006f94;
}

#doc-upload-file-help{
display: none;
}

#write-chat-message-container .trumbowyg-box, #my-textarea .trumbowyg-editor {
min-height: 100px !important;
}
#write-chat-message-container .trumbowyg-editor, #my-textarea .trumbowyg-textarea {
min-heigh: 100px !important;
}

#write-chat-message-container .trumbowyg-button-pane{
background-color: #fff !important;
}

/** MAILER **/

#mailer-options-list li.list-group-item{
    cursor: pointer;
}

#mailer-options-list li.list-group-item.activeGroup{
    color: #006f94;
}

.mailer-ops-wrapper{
    display: none;
}

#mailer_potential_recepients option{
    font-size: 90%;
    line-height: 1.5 !important;
}

#mailer_recepient_list_help,
#mailer_subject_help,
#mailer_msg_help{
    display: none;
}

#mailer_course_help,
#mailer_infomail_help{
    display: none;
}


#mailer_subject_course_help,
#mailer_msg_course_help{
    display: none;
}

#mailer_subject_coupon_help,
#mailer_msg_coupon_help{
    display: none;
}

#mailer_delayed_date_help,
#mailer_delayed_time_help{
    display: none;
}

#mailer_delayed_date_course_help,
#mailer_delayed_time_course_help{
    display: none;
}

#mailer_delayed_date_coupon_help,
#mailer_delayed_time_coupon_help{
    display: none;
}

#mailer_subject_infomail_help,
#mailer_msg_infomail_help{
    display: none;
}

#mailer_delayed_date_infomail_help,
#mailer_delayed_time_infomail_help{
    display: none;
}

.custom-control-input:checked ~ .custom-control-label::before{
    border-color: #006f94;
    background-color: #006f94;
}

#mailer_delay_wrapper,
#mailer_datetime_wrapper{
    display: none;
}

#mailer_delay_wrapper_course,
#mailer_datetime_wrapper_course{
    display: none;
}

#mailer_delay_wrapper_coupon,
#mailer_datetime_wrapper_coupon{
    display: none;
}

#mailer_delay_wrapper_infomail,
#mailer_datetime_wrapper_infomail{
    display: none;
}

.page-item.active .page-link{
    background-image: linear-gradient(to right, #1C7491, #006f94) !important;
    border-color: #006f94 !important;
    color: #fff !important;
}

.page-link{
    color: #006f94 !important;
    cursor: pointer;
}

/* Trumbowyg */

.trumbowyg-editor{
    font-family: Arial, sans-serif;
    font-size: 11px;
}


/** new styles **/
h1.display-3{
    text-transform: uppercase;
}

.hsb-card{
    border-radius:1rem !important;
    box-shadow: 5px 5px 5px 5px #888888 !important;
}

.hsb-card .card-body .card-title{
    color:#006f94;
    font-weight:bold;
    font-size: 1rem !important;
    text-transform: uppercase;
}

.hsb-card .card-footer{
    background-color:transparent;
    border-top:none;
}

.hsb-card .card-footer .btn{
    text-transform: uppercase;
}

.btn.btn-primary{
    background-image: linear-gradient(to right, #1C7491 , #006f94) !important;
    border-radius:2rem !important;
    border: none !important;
}

.btn.btn-secondary{
    border-radius:2rem !important;
}

.icon-sm{
    font-size: 1rem !important;
    line-height: 1.2 !important;
}

.px-6{
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

@media (max-width: 768px) {
    .display-3{
        font-size: 2rem !important;
    }
}

.card-header{
    background-color: #ffffff !important;
    border-radius: 1rem !important;
    border-bottom: 0px !important;
}