/* Tab-Navigation with toggle for servicedesk  + servicedesk-bf */

.nav-section-with-frontend-login .nav-sections.clearfix ul {
    margin: 0 !important;   
}

.nav-sections > ul > li > a, a:hover, .header-first-level-wrapper .advice-button a {
    text-decoration: none !important;
} 

.btn-servicedesk-bf{
    font-family: Inter !important;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 26px;
    text-transform: normal;
    background: transparent;
    color: white;
    display: block;
    padding: 0.5rem 1rem;
    height: 43px;
    border:none;
    word-break: break-all;
}

.btn-sd-active {
    border: 3px solid #FFFFFF;
    border-radius: 3em;
}

.only-active-on-click{
    border: 3px solid #FFFFFF;
    border-radius: 3em;
}

.btn-servicedesk-bf:hover{
    background: #FFFFFF;
    color: black;
    border: 3px solid #FFFFFF;
    border-radius: 3em;
}

.dropdown-wrapper-servicedesk-bf{
    position: absolute;
    background-color:white;
    color: black !important;
    padding: 3px 2px;
    border-radius: 6px;
    width: 100%;
    top: 47px;
}

.dropdown-wrapper-servicedesk-bf a{
    font-family: Inter !important; 
    font-size: 14px;
    letter-spacing: 0.17px;
    line-height: 22px;  
    display: flex;
    justify-content: center; 
    color: black !important;
    width: 100%;
    text-decoration: underline !important;
    padding: 4px 3px;
}

.hide-servicedesk-bf{
    display: none;
}

/* Styling Servicedesk-Form  */
.servicedesk-bf-form-wrapper {
    font-family: Inter !important;
    font-size: 16px;   
    letter-spacing: 0.2px;
    line-height: 26px;
    text-transform: normal;
}

.servicedesk-bf-form-wrapper h1 {
    font-size: 22px;  
}

.servicedesk-bf-form-wrapper h2 span{
    font-size: 18px;
}

.servicedesk-bf-form-wrapper .form-group, .row, label, .servicedesk-bf-form-wrapper h3{
    font-size: 16px !important;
}

.servicedesk-bf-form-wrapper small, .form-group .text-success, .servicedesk-bf-form-wrapper .form-group .text-danger, .servicedesk-bf-form-wrapper .k-item, .k-list-item, .k-list-optionlabel  {
    font-size: 14px !important;
}


.servicedesk-bf-form-wrapper .form-group div .items_characterCounter__1mAiz, .list-inline, .list-unstyled, .servicedesk-bf-form-wrapper .items_attachmentReady__1g0UA>div, .servicedesk-bf-form-wrapper .form-row .form-group.row div p, .servicedesk-bf-form-wrapper .form-row .k-combobox,  .servicedesk-bf-form-wrapper textarea.form-control, .servicedesk-bf-form-wrapper .custom-select, .servicedesk-bf-form-wrapper .form-group ul {
    width: 90% !important;
}

.servicedesk-bf-form-wrapper .items_valueStyle__mjYGy, .servicedesk-bf-form-wrapper .list-unstyled{
    padding: 5px;
    width: 90% !important;
    min-width: 90% !important
}

.servicedesk-bf-form-wrapper .form input, .PiFormWrapper .custom-select, .servicedesk-bf-form-wrapper input[type="text"], input[type="email"], input[type="password"], select.form-control[multiple], select.form-control[size], textarea.form-control{
    font-size: 14px !important;
    padding: 6px !important;
    height: 40px !important;
}

.servicedesk-bf-form-wrapper, .servicedesk-bf-form-wrapper textarea {
    font-size: 14px !important;
    padding: 6px !important;
    height: auto !important;
}

.servicedesk-bf-form-wrapper span.k-combobox.k-input{
    height: auto !important;
}

.servicedesk-bf-form-wrapper .k-combobox input.k-input-inner {
    height: 40px !important;
}

.servicedesk-bf-form-wrapper .btn.btn-primary  {
    font-size: 16px;
    padding: 10px 30px;
    display: inline-block;
    background: transparent !important;
    text-shadow: none;
    border-radius: 0;
    color: black;
    font-weight: bold;
    border: 2px solid #141619 !important;
    text-decoration: none;
    max-width: 90% !important;
}

.servicedesk-bf-form-wrapper .btn.btn-secondary  {
    font-size: 16px;
    padding: 10px 30px;
    display: inline-block;
    background: black !important;
    text-shadow: none;
    border-radius: 0;
    color: white;
    font-weight: bold;;
    text-decoration: none;
    max-width: 90% !important;
}

.servicedesk-bf-form-wrapper .btn.btn-primary:focus, .servicedesk-bf-form-wrapper .btn.btn-primary:hover {
    background-color: black !important;
    background: black !important;
    color: white !important;
}

.servicedesk-bf-form-wrapper .btn.btn-secondary:focus, .servicedesk-bf-form-wrapper .btn.btn-secondary:hover {
    background-color: white !important;
    color: black !important;
    border: 2px solid #141619 !important;
}

.servicedesk-bf-form-wrapper .custom-switch .custom-control-label:before{
    width: 3rem !important;
    height: 1.7rem !important;
    left:  - 2.7rem !important;
    border-radius: 1rem !important;
}

.servicedesk-bf-form-wrapper .custom-switch .custom-control-label:after{
    width: 1.5rem  !important;
    height: 1.5rem  !important;
    border-radius: 1rem !important;
    top: 0.35rem!important;
    left: -2.2rem !important
}

.servicedesk-bf-form-wrapper .PiFormWrapper .custom-switch .custom-control-input:checked~.custom-control-label:after{
    left: -1.7rem !important
}

/* Footer with bitv-logo */

.footer-with-bitv-wrapper {
    display: flex;
    flex-wrap: wrap !important;
}

.footer-with-bitv-wrapper div img {
    height: 50px !important;
    
}

.footer-with-bitv-wrapper .bitv-logo{
    display: flex;
    justify-content: center;
    width: 25%;
}

@media only screen and (max-width: 946px) {
    .footer-with-bitv-wrapper .bitv-logo {
        margin-bottom: 2rem;
        width: 100% !important;
    }

    .footer-with-bitv-wrapper .bitv-logo a {
        display: flex;
        justify-content: center !important;
        width: 100% !important;
    }
}

/* .servicedesk-bf-form-wrapper .PiFormWrapper .btn-primary.focus, .PiFormWrapper .btn-primary:focus, .PiFormWrapper .btn-primary:not(:disabled):not(.disabled):not(.btn-disabled).active:focus, .PiFormWrapper .btn-primary:not(:disabled):not(.disabled):not(.btn-disabled):active:focus, .show>.PiFormWrapper .btn-primary.dropdown-toggle:focus{
background-color: black !important;
}

.servicedesk-bf-form-wrapper .PiFormWrapper .btn-outline-primary.focus, .PiFormWrapper .btn-outline-primary:focus, .PiFormWrapper .btn-outline-primary:not(:disabled):not(.disabled):not(.btn-disabled).active:focus, .PiFormWrapper .btn-outline-primary:not(:disabled):not(.disabled):not(.btn-disabled):active:focus, .PiFormWrapper .btn-primary.focus, .PiFormWrapper .btn-primary:focus, .PiFormWrapper .btn-primary:not(:disabled):not(.disabled):not(.btn-disabled).active:focus, .PiFormWrapper .btn-primary:not(:disabled):not(.disabled):not(.btn-disabled):active:focus, .show>.PiFormWrapper .btn-outline-primary.dropdown-toggle:focus, .show>.PiFormWrapper .btn-primary.dropdown-toggle:focus{
    border-color: black !important;
} */

.tab2 .pi-widget input[type="text"], .tab2 .pi-widget textarea, .tab2 .pi-message-text {
    font-size: 14px;
}

.tab2 button {
    line-height: normal;
}