@import url('./kdp_colors.css');
.forceShow {
    display: block !important;
}

.maklerimg {
    width: 100px;
    height: 100px;
    border-style: solid;
    border-width: 1px;
    border-radius: 130px;
    cursor: pointer;
    margin: 5px;
}

/* Kundenprofil BASICS */
body {
    /* min-height: 2000px; */
    padding-top: 70px;
}


h1 {
    font-size: 18px;
}

.loginContainer {
    width: 100%;
    text-align: center;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.loginForm {
    width: 100%;
    text-align: left;
}

.loginField {
    width: 100%;
    height: 40px;

}

.loginFieldRow {
    margin-bottom: 10px;
}

.panel-heading {
    font-weight: bold;
}

.clear {
    float: none;
    clear: both;
}


/* NEU VON JG 14.04.2020*/


/*.txtLine {
    display: inline-block;
    margin-right: 5px;
}*/

.txtLine {
    display: inline-block;
}

.txtLine.inputPLZ {
    width: 20%;
    margin-right: 1%;
}

.txtLine.inputStadt {
    width: 79%;
}

input.inputStadt {
    width: 100%;
}

@media (max-width: 320px) {
    input.inputStadt {
        font-size: 1.5rem;
    }

    input.inputPLZ {
        font-size: 1.5rem;
    }
}

@media (min-width: 500px) and (max-width: 850px) {
    .txtLine.inputPLZ {
        width: 10%;
        width: 20%;
        margin-right: 1%;
    }

    .txtLine.inputStadt {
        width: 89%;
        width: 79%;
    }
}

@media (min-width: 1000px) {
    .txtLine.inputPLZ {
        width: 7%;
        width: 10%;
        margin-right: 1%;
    }

    .txtLine.inputStadt {
        width: 92%;
        width: 89%;
    }
}

@media (min-width: 850px) {
    .txtLine.inputPLZ {

        width: 15%;
        margin-right: 1%;
    }

    .txtLine.inputStadt {

        width: 84%;
    }
}

input.fullInput {
    width: 100%;
}

.welcomeKunde {
    font-size: 16px;
}

/* ENDE NEU JG 14.04.2020 */
/* ANGEPASST VON TN 14.04.2020 */

/* farben.css */

a.linktext,
a.linktext:hover,
a.linktext:focus {
    text-decoration: none;
}

.dokRow {
    position: relative;
}

.dokRow .linkicon {
    position: absolute;
    left: 15px;
}

.dokRow .linktext {
    float: left;
    padding-left: 30px;
}

.navbar {
    padding-top: 3px;
}

.navbar-brand {
    font-weight: bold;
}

.container {
    padding-left: 0;
    padding-right: 0;
}

.list span.accIcon {
    float: left;
    margin-top: 4px;
    font-size: 10pt;
    font-weight: normal;
}

span.accIconClosed {
    display: block;
}

span.accIconOpen {
    display: none;
}

.chosen span.accIconClosed {
    display: none;
}

.chosen span.accIconOpen {
    display: block;
}

.list {
    border-radius: 5px;
    margin-bottom: 3px;
    cursor: pointer;
}

.list span {
    font-weight: bold;
}

.kundeDetailTitelName {
    float: left;
}


.kundeDetailTitelRelative,
.accordeonTitleRight,
.titleRight {
    float: right;
    text-align: right;
}


.button_content {
    margin: 10px 0 10px 65px;
    font-size: 10pt;
}

.list_content {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.kundeDetails .panel {
    width: auto;
}

.kundeDetailsButtons {
    margin-top: 7px;
    position: absolute;
}

.buttons {
    margin-top: 0;
    position: absolute;
    margin-bottom: 3px;
}

.button_content_1_container {
    margin-bottom: 3px;
}

.accordeonTitleLeft.col-md-2 {
    /*padding-left:0;*/
}

.table > tbody > tr > td.col-md-2 {
    padding-left: 15px;
}

.contentButtonMenue {
    margin-bottom: 5px;
}





.nav span {
    line-height: 1.42857;
}

#menu span.fa {
    display: none;
}

.nav-pills > li.active > a {
    border-width: 1px;
    border-style: solid;
}

.content .btn-group-lg > .btn,
.btn-lg {
    font-size: 14px;
}

.contentHeader h1 {
    display: inline;
    float: left;
}

.contentHeader button {
    float: right;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 10px;
}

.buttonmenu {
    float: right;
    margin-left: 10px;
    margin-right: 5px;
}

.buttonmenu button {
    float: none;
    clear: both;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 13px;
}


.buttonmenu span.fa,
.buttonmenu span.glyphicon {
    margin-right: 0;
}

.roundedBox,
#homeMain .roundedBox,
#homeMakler .roundedBox {
    background: white;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    padding: 20px;
}

#homeMain h1 {
    font-size: 18px;
    margin-top: 0;
}

.homeDiv {
    margin-top: 5px;
    margin-bottom: 5px;
}


#homeButtons li {
    padding: 0;
}


#homeButtons button,
#homeButtons a {
    width: 100%;
    text-align: left;
    padding-left: 20px;
}

.homeMaklerName {
    font-weight: bold;
}

.maklerTable td {
    padding-bottom: 5px;
}

.maklerIconCell {
    width: 40px;
    vertical-align: top;
    padding-top: 2px;
}

.buttonIcon {
    font-size: 16px;
}

.mobileIcon {
    font-size: 24px;
    -webkit-transform: rotate(90deg);
    /* chrome & safari*/
    -moz-transform: rotate(90deg);
    /* firefox */
    -o-transform: rotate(90deg);
    /* opera */
    transform: rotate(90deg);
    /* explorer > 9 */
    margin-top: -5px;
    padding-left: 6px;
    vertical-align: bottom;
}

.loader {
    display: block;
    margin: 250px auto;
}

span.fa,
span.glyphicon {
    margin-right: 10px;
}

.refreshButton .glyphicon-refresh,
.button .fa,
.button .glyphicon {
    margin: 0;
}

/*
.well.white {
    background: #fff;
}
*/

.well {
    margin-bottom: 3px;
}

.contentTitle {
    float: left;
}

.kundendaten {
    float: left;
    margin-bottom: 10px;
    margin-left: 20px;
}


.maklerDaten {
    float: right;
}

.personenDaten.panel {
    /*margin-top:10px;*/
    margin-bottom: 10px;
    font-size: 10px;
}

#pageTitle {
    margin-top: 0;
    margin-bottom: 0;
}

.kundenname {
    /*padding-top:3px;*/
    font-size: 10px;
    display: block;
}

/*CHGPWD*/
.pwMsg {
    font-weight: bold;
}

#chgpwHint {
    /*width:40%;*/
}

#chgpwInputs {
    /*width:40%*/
}

.highlight {
    font-weight: bold;
}



.alertMsg {
    font-weight: bold;
    font-weight: normal;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    margin-bottom: 10px;
}

#chgpwInputs label {
    width: 45%;
    text-align: right;
    float: left;
    line-height: 1.8;
    margin: 5px 0;
}

#chgpwInputs input {
    width: 50%;
    float: right;
    margin: 5px 0;
}

#chgpwInputs button {
    margin: 5px 0;
}



/*share*/
.txtDivider {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
}

.txtSpaceRight {
    display: inline-block;
    margin-right: 5px;
}

.txtSpaceLeft {
    display: inline-block;
    margin-left: 5px;
}

span.fa.txtNoSpaceLeft,
.txtNoSpaceLeft {
    display: inline-block;
    margin-left: 0;
    padding-left: 0;
}


span.fa.txtNoSpaceRight,
.txtNoSpaceRight {
    display: inline-block;
    margin-right: 0;
    padding-right: 0;
}

.accordeonTitle {
    font-weight: bold;
}

.dokRow dd {
    padding-left: 10px;
}

/*BOOTSTRAP*/
/*RESPONSIV: WELL && LIST && TABLE*/
.textRight {
    text-align: left;
}

.well .titleSpaceLeft {
    margin-left: 5px;
}

.well .titleSpaceRight {
    margin-right: 5px;
}

.list .accordeonTitle.first {
    margin-left: 5px;
}

.wellheader .first {
    margin-left: 5px;
}

#home .logoutErrButton {
    display: block;
    width: 100%;
    margin: auto;
    font-weight: bold;
}


#home .logoutErrButton a {
    width: 100%;
    font-weight: bold;
}

.tableRow {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
}

.tableRow.first {
    border-top: none;
}

.col-md {}

dl.tableRow {
    margin-bottom: 0;
}

.navbar-logo {
    float: left;
    font-size: 18px;
    /*height: 36px;*/
    width: 130px;
    line-height: 20px;
    padding: 0;
    padding-left: 7px;
    /*margin:10px 10px 10px 0;*/
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 4px;
}

#logo {
    max-width: 150px !important;
    max-height: 50px !important;
}

.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
    margin-left: 5px;
    margin-right: -10px;
}



#lgSubmitButton {
    margin-top: 13px;
}

.homeLabelPanel {
    margin-bottom: 0;
    margin-top: 53px;
}

@media (min-width: 400px) {
    .loginContainer {
        width: 400px;
        text-align: center;
        margin: auto;
    }

    .homeLabelPanel {
        margin-bottom: 0;
        margin-top: 5px;
    }

}

@media (min-width: 768px) {

    .loginContainer {
        width: 400px;
        text-align: center;
        margin: auto;
    }

    .loginForm {
        width: 100%;
        text-align: left;
    }

    .textRight {
        text-align: left;
    }

    .wellheader .first {
        margin-left: 5px;
    }

    .list .accordeonTitle.first {
        margin-left: 5px;
    }

    #home .logoutErrButton {
        display: block;
    }

    .col-md {
        float: left;
        margin-bottom: 10px;
    }

    .tableRow .col-md-8 {
        width: 66.6667%;
    }

    #kunde .tableRow .col-md-2 {
        width: 16.6667%;
    }

    .tableRow .col-md-2 {
        width: 30%;
    }

    .navbar-logo {
        margin-left: 0;
        padding-left: 0;
    }

    .kundendaten {

        margin-left: 0;
    }

    .buttonmenu {
        margin-right: 0;
    }


    .container-fluid > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container > .navbar-header {
        margin-left: 0;
        margin-right: 0;
    }

    .homeLabelPanel {
        margin-bottom: 0;
        margin-top: 5px;
    }

}

@media (min-width: 992px) {

    .loginContainer {
        width: 400px;
        text-align: center;
        margin: auto;
    }

    .loginForm {
        width: 100%;
        text-align: left;
    }

    .textRight {
        text-align: right;
    }

    .list .accordeonTitle.first {
        margin-left: 0px;
    }

    .wellheader .accordeonTitle.first {
        margin-left: 20px;
    }

    .well .titleSpaceRight,
    .list .titleSpaceRight {
        margin-right: 20px;
    }

    #home .logoutErrButton {
        display: block;
    }

    .col-md {
        float: left;
        margin-bottom: 10px;
    }

    .navbar-logo {
        margin-left: 0;
        padding-left: 0;
    }

    .kundendaten {

        margin-left: 0;
    }

    .buttonmenu {
        margin-right: 0;
    }

    ] .container-fluid > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container > .navbar-header {
        margin-left: 0;
        margin-right: 0;
    }

    .homeLabelPanel {
        margin-bottom: 0;
        margin-top: 53px;
    }
}

.chat-own {
    width: 95%;
    border-style: solid;
    border-width: 1px;

    border-radius: 6px;
    margin-left: 3%;
    margin-top: 5px;
    position: relative;
    font-size: 12px;
    line-height: 135%;


}

.chat-other {
    width: 95%;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    margin-top: 5px;
    position: relative;
    font-size: 12px;
    line-height: 135%;
}

.chat-memo-content {
    width: 95%;
    padding: 5px;
}

.chat-header {
    font-weight: bold;
}

.chat-memo {}

.chat-act {
    position: absolute;
    top: 5px;
    right: 5px;
}

.chat-gelesen {}

.chat-ungelesen {
    font-style: italic;

}

#chgSettings label {
    width: 45%;
    text-align: right;
    float: left;
    line-height: 1.8;
    margin: 5px 0;
}

#chgSettings input {
    width: 50%;
    float: right;
    margin: 5px 0;
}

#chgSettings button {
    margin: 5px 0;
}


/*Ampel Modal*/

.modal-k {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: none;
    transform: scale(1.1);
    transition: display 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    z-index: 100;
}

.modal-content-k {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1rem 1.5rem;
    width: 24rem;
    border-radius: 0.5rem;
}

.close-button {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
}


.show-modal-k {
    opacity: 1;
    display: block;
    transform: scale(1.0);
    transition: display 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}


/* Kunden Daten Ändern */
.aendern_abbrechen {
    margin-left: 10px;
}

.kunde_aendern {
    display: none !important;
}

.kunde_aendern_button {
    padding: 0 5px 0 5px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}


.kunde_aendern_icon {
    background: none;
    cursor: pointer;
    float: right;
}



.input_borderless {
    border: none;
    -webkit-box-shadow: none;
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    display: inline;
}

.input_borderless_special {
    /* AENDERUNGEN JG 14.04.2020 */
    /* width: 70px;*/
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: default;
}

/* Floating */
.floating {
    position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 1000;
    display: none;
}

/* Form validation */



/* Schaden */

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.upload-btn-wrapper input[type=file]:hover {
    cursor: pointer;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    cursor: pointer;
}

#schadencontent .form-group{
    margin-bottom:0;
}
#schadencontent .form-group textarea,
#schadencontent .form-group input {
    margin-bottom:5px;
}

#schadencontent .form-group label,
#schadencontent .form-group small {
    margin-left: 12px;
}

#schadenFiles {
    width: 100%;
}

.schadenFile {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 10px;
}

.schadenFileName {
    /* width:90%; */
}

.schadenFileIcon {
    /* width:10%; */
    cursor: pointer;
    float:right;
    font-size: 18px;
}

/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align icon */
.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 5px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

/* remove jumbotron padding on mobile */
@media (max-width: 992px) {
    .jumbotron {
        padding-top: 0px;
    }
}

/*CHAT, BELEGE, NOTFALL*/
/* .container {
    max-width: 1170px;
    margin: auto;
} */

img {
    max-width: 100%;
}

.inbox_people {
    float: left;
    overflow: hidden;
    width: 40%;
    border-right: 1px solid #c4c4c4;
}

.inbox_belege {
    float: left;
    overflow: hidden;
    width: 30%;
    border-right: 1px solid #c4c4c4;
}

.inbox_msg {
    clear: both;
    overflow: hidden;
}

.top_spac {
    margin: 20px 0 0;
}


.recent_heading {
    float: left;
    width: 70%;
    font-size: 18px;
    margin: auto;
}

.recent_heading_mobile {
    float: left;
    /* width: 33%; */
}

.recent_heading_mobile_belege {
    float: left;
    width: 50%;
}

.new_Thema {
    float: right;
    font-size: 20px;
    margin: auto;
    /* width: 60%; */
}

.newThema_input {
    display: none;
}

.newThema_input input {
    border: none;
    font-size: 18px;
    /* width: 33%; */
}

.newThema_input input:hover {
    border: none;
    font-size: 18px;
}

.newThema_input input::placeholder {
    font-size: 18px;
}

.new_Thema span {
    cursor: pointer;
    margin: 0;
}

.srch_bar {
    display: inline-block;
    float: right;
    /* width: 30%; */
}

.srch_bar_mobile {
    display: inline-block;
    text-align: right;
    width: 50%;
}

.chat_bar {
    display: inline-block;
    float: right;
    /* width: 33%; */
}

.chat_header_text {
    font-size: 18px;
    margin: auto;
}

.headind_srch {
    padding: 10px 20px 10px 20px;
    overflow: hidden;
}

.heading_srch_mobile {
    padding: 10px 15px 10px 20px;
    overflow: hidden;
}

.themen_heading {
    font-size: 18px;
    margin: auto;
    display: inline-block;
}

.srch_bar input {
    border-style: solid;
    border-width: 0 0 1px 0;
    width: 80%;
    padding: 2px 0 4px 6px;
    background: none;
}

.srch_bar .input-group-addon button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
    font-size: 18px;
}

.srch_bar .input-group-addon {
    margin: 0 0 0 -27px;
}



.chat_ib h5 {
    font-size: 15px;
    margin: 0 0 8px 0;
}

.chat_ib h5 span {
    font-size: 13px;
    float: right;
}

.chat_ib p {
    font-size: 14px;
    margin: auto
}

.beleg_ib h5 {
    font-size: 15px;
    margin: 0 0 8px 0;
}

.beleg_ib h5 span {
    font-size: 13px;
    float: right;
}

.beleg_ib p {
    font-size: 14px;
    margin: auto
}

.beleg_img {
    float: left;
    width: 15%;
}

.beleg_ib {
    float: left;
    padding: 0 0 0 15px;
    width: 100%;
}

.chat_people {
    overflow: hidden;
    clear: both;
    position: relative;
}

.beleg_list,
.chat_list {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0;
    padding: 18px 16px 10px;
    cursor: pointer;
}

.beleg_list:hover {
    background: #e4e4e4;
}
.badge {
    margin-bottom: -3px
}

.beleg {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0;
    padding: 18px 16px 10px;
}

.chat_img {
    float: left;
    width: 11%;
}

.chat_img_mobile {
    float: left;
    width: 15%;
}

.chat_ib {
    float: left;
    padding: 0 0 0 10px;
    width: 100%;
}

.chat_people {
    overflow: hidden;
    clear: both;
    position: relative;
}





.chat_title {
    font-size: 18px;
    max-width: 60%;
    display: inline-block;
    text-align: center;
}

.chat_notification {
    position: absolute;
    left: 0;
    bottom: 0;
}

.beleg_notification {
    position: absolute;
    left: 0;
    bottom: 50%;
    z-index: 2;
}

.chat_back {
    cursor: pointer;
    font-size: 23px;
}

.mobile_active {
    width: 100% !important;
    display: block;
}

.inbox_chat {
    height: 550px;
    overflow-y: auto;
}

.inbox_belege {
    height: 550px;
    overflow-y: auto;
}

.active_chat {
    cursor: default;
}


.incoming_msg_img {
    display: inline-block;
    width: 6%;
}

.received_msg {
    display: inline-block;
    padding: 0 0 0 10px;
    vertical-align: top;
    width: 92% !important;
}

.received_withd_msg p {
    border-radius: 3px;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
}

.time_date {
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
}

.files {
    cursor: pointer;
}

.received_withd_msg {
    width: 57%;
}

.mesgs {
    float: left;
    width: 60%;
}

.mesgs_container {
    padding: 10px 15px 0 25px;
}

.mesgs_beleg {
    float: left;
    width: 70%;
}

/* .mesgs_container {
    padding: 30px 0px 0 25px;
} */
.mesgs_beleg_container {
    padding: 0px 15px 0 25px;
}


.sent_msg p {
    border-radius: 3px;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
}

.outgoing_msg {
    overflow: hidden;
    margin: 10px 0 10px;
}

.sent_msg {
    float: right;
    width: 55%;
}

.input_msg_write input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    font-size: 15px;
    min-height: 48px;
    width: 100%;
    padding: 10px;
}

.type_msg {
    border-top-width: 1px;
    border-top-style: solid;
    position: relative;
}

.write_msg {
    width: 100%;
    border-radius: 10px;
    margin-top: 5px;
}

.msg_send_btn {
    display: flex;
    justify-content: space-around;
    border: medium none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 17px;
    height: 33px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 33px;
}

.msg_send_btn i {
    margin-top: 7px;
    margin-right: 2px;
}

.blocked_btn {
    cursor: not-allowed;
}

.messaging {
    padding: 0;
}

.msg_history {
    height: 468px;
    overflow-y: auto;
}

.beleg_history,
.belege_history{
    height: 416px;
    overflow-y: auto;
}

.notfall_history {
    height: 416px;
    overflow-y: auto;
}

.bottom_chat {
    padding-top: 10px;
    text-align: center;
    cursor: pointer;
}

.display-flex-center {
    display: flex;
    align-items: center;
    height: 90%;
}



.beleg_action {
    display: none;
}

.cancelFullBtn {
    width: 100% !important;
}

.deleteBeleg {
    float: right;
    cursor: pointer;
}

.changeBeleg {
    margin: 0px 0px 0px 5px;
    cursor: pointer;
}

.changeBelegAction {
    font-size: 20px !important;
    margin: 0px 5px 0px 5px !important;
}

.belegName {
    display: inline;
    cursor: pointer;
}


.beleg_out_action {
    width: 70%;
}

.beleg_out input {
    padding: 6px 0 0 0;
    line-height: inherit;
    height: inherit;
    display: inline;
}

.beleg {
    position: relative;
}

.beleg_mobile {
    position: relative;
    padding: 18px 0 10px;
}

#notfall_kategorie_neu input.form-control,
#belege_kategorie_neu input.form-control{
    padding-left: 10px;
padding-bottom: 5px;
}


@media screen and (max-width: 767px) {

    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="password"] {
        font-size: 16px;
    }
}

.removeFile,
.removeFile:hover {
    cursor: pointer;
}

.chatFileContainer:not(:first-child) {
    padding: 5px 0 5px;
    border-top-width: 1px;
    border-top-style: solid;
    max-height: 500px;
    overflow-y: auto;
}

.fileMsg {
    font-size: 18px;
}


*:focus {
    outline: none;
}



/* different sized button */
@media (max-width:960px) {
    #homeButtons li {
        width: 90%;
        margin: auto;
        margin-bottom: 2px;
    }
}

/* Setting navbar breakpoint */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .navbar-left,
    .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .nav-pills {
        float: none !important;
        margin-top: 7.5px;
    }

    .nav-pills > li {
        float: none;
    }

    .nav-pills > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    .nav > li > a {
        text-align: center;
    }
}