/*!
 * IDA Bot v4.1 (https://idabot.de/)
 * Copyright 2023 IDA GmbH, Bremen
 */

/*
 * Webchat
 */
@import "idawebchat.css";

/*
 * General styling
 */
.bootstrap-iso {
    font-size: 16px;
    background-color: transparent;
}

.bootstrap-iso .textsm {
    font-size: .875rem;
}

.bootstrap-iso .idacolor {
    color: #d40031;
}

.bootstrap-iso .ida-color {
    color: #d40031;
}

/*
 * Buttons
 */
.bootstrap-iso .btn {
    font-size: .9em;
    text-transform: uppercase;
    transition: transform 0.15s ease-in-out;
    /* bootstrap fixes */
    /* cursor: pointer; */
}

.bootstrap-iso a.btn:hover, .bootstrap-iso .btn:hover:enabled {
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16),
                        0 3px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16),
                     0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16),
                0 3px 6px rgba(0,0,0,0.23);
    text-decoration: none !important;
    transform: none;
    /* transform: translate(0, -10%); */
}

.bootstrap-iso .btn:hover:disabled {

}

.bootstrap-iso .input-group > .input-group-append > .btn:hover:enabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transform: none;
}

/*
 * Cards
 */
.bootstrap-iso .card {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.19),
                        0 6px 6px rgba(0,0,0,.23);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,.19),
                     0 6px 6px rgba(0,0,0,.23);
    box-shadow: 0 10px 20px rgba(0,0,0,.19),
                0 6px 6px rgba(0,0,0,.23);
}

.bootstrap-iso .card-header {
    background-color: #fff;
}

.bootstrap-iso .card-header:first-child {
    border-top-style: solid;
    border-top-width: 0.2rem;
}

.bootstrap-iso .card-body {
    background-color: #f1f1f1;
}

.bootstrap-iso .privacy-body {
    border-bottom-style: solid;
    border-bottom-width: 0.2rem;
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); /* use rem as this is bootstrap default radius */
}

.bootstrap-iso .card-footer {
    background-color: #fff;
}

.bootstrap-iso .card-footer:last-child {
    border-bottom-style: solid;
    border-bottom-width: 0.2rem; /* use rem as this is bootstrap default radius */
}

.bootstrap-iso .settings-footer {
    border-bottom-style: solid;
    border-bottom-width: 0.2rem; /* use rem as this is bootstrap default radius */
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); /* use rem as this is bootstrap default radius */
}

.bootstrap-iso .card-icon, .bootstrap-iso button.card-btn, .bootstrap-iso a.card-btn {
    text-shadow: 0 1px 0 #fff;
    color: #000;
    border: 0;
    opacity: .5;
    background-color: transparent;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: .75em 1em;
    display: inline-block;
}

.bootstrap-iso .float-left .card-icon, .bootstrap-iso .float-left button.card-btn, .bootstrap-iso .float-left a.card-btn {
    margin: -.75em 1em -.75em -1.25em;
}

.bootstrap-iso .float-right .card-icon, .bootstrap-iso .float-right button.card-btn, .bootstrap-iso .float-right a.card-btn {
    margin: -.75em -1.25em -.75em 1em;
}

@media only screen and (max-width: 767.98px) {
    .bootstrap-iso .chat-box {
        padding: 0;
    }
}

.bootstrap-iso .card-icon {
    opacity: 1;
    padding-right: 0;
}

.bootstrap-iso .card-icon img, .bootstrap-iso .card-icon div {
    display: inline-block;
    height: 1em;
    transform: translate(12.5%, 12.5%) scale(1.5);
}

.bootstrap-iso button.card-btn-colored, .bootstrap-iso a.card-btn-colored {
    font-size: 1em;
    color: #000;
    border: 0;
    opacity: 1;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: .75em 1em;
    margin: -.75em -1.25em -.75em auto;
    background-color: transparent;
}

.bootstrap-iso .text-colored {
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 2px;
}

.bootstrap-iso button.card-btn.disabled, .bootstrap-iso button.card-btn:disabled {
    opacity: .25;
}

.bootstrap-iso .card-btn:hover {
    color: #000;
    text-decoration: none;
}

.bootstrap-iso .card-btn:not(:disabled):not(.disabled):hover, .bootstrap-iso .card-btn:not(:disabled):not(.disabled):focus {
    opacity: .75;
}

.bootstrap-iso .card-btn:not(:disabled):not(.disabled):focus {

}

/*
 * Modals
 */
.bootstrap-iso .modal {
    padding: 2vmin;
    z-index: inherit !important;
    position: absolute;
    top: 0;
}

.bootstrap-iso .modal-dialog {
    margin-top: 0;
}

.bootstrap-iso .modal-header .close {
    font-size: 1em;
    text-shadow: 0 1px 0 #fff;
    color: #000;
    opacity: .5;
    margin: -.75em -1em -.75em auto;
}

.bootstrap-iso .modal-header {
    padding: .75em 1em;
}

/*
 * Forms
 */
.bootstrap-iso .form-control{
    height: auto;
}

.bootstrap-iso .form-control:focus {
    outline: 0 !important;
    -webkit-box-shadow: 0 0 28px rgba(0,0,0,0.25),
                        0 0 10px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 0 28px rgba(0,0,0,0.25),
                     0 0 10px rgba(0,0,0,0.22);
    box-shadow: 0 0 28px rgba(0,0,0,0.25),
                0 0 10px rgba(0,0,0,0.22);
}

/*
 * Toasts
 */
.bootstrap-iso .toast-header {
    /*border-bottom: 0;*/
}

.bootstrap-iso .toast-header .close {
    font-size: 1em;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    padding: .75em .5em;
    margin-top: -.25em;
    margin-bottom: -.25em !important;
    margin-right: -.75em;
}

.bootstrap-iso .toast-body {
    background-color: #f1f1f1;
    border-bottom-left-radius: calc(0.25rem - 1px); /* use rem as this is bootstrap default radius */
    border-bottom-right-radius: calc(0.25rem - 1px); /* use rem as this is bootstrap default radius */
}

/*
 * Misc
 */
.bootstrap-iso .alert {
    margin-top: 1em;
    border: 2px solid transparent;
}

.bootstrap-iso .alert-primary {
    color: #000000;
    background-color: #ffffff;
}