#trocookie-cookiebox .group-toggle.collapsed .if-open,
#trocookie-cookiebox .group-toggle:not(.collapsed) .if-closed {
    display: none;
}

#trocookie-cookiebox .group-toggle:not(.collapsed) i {
    transform: rotate(180deg);
}

#trocookie-cookiebox .trocookie-cookie-info {
    border: 3px solid #ccc;
    overflow: hidden;
}

.tro-tab-toggle-container .tro-tab-toggle,
.action-container [value="saveSettings"] {
    display: none;
    opacity: 0;
    transition: visibility .15s ease, opacity .15s ease, order .15s ease;
}

.action-container [value="declineAll"] {
    display: block;    
    opacity: 1;
    transition-delay: .15s;
}

.tro-tab-toggle-container .tro-tab-toggle {
    order: 10;
}

.tro-tab-toggle-container[data-active="trocookie-info-tab"] [data-tab="#trocookie-info-tab"],
.tro-tab-toggle-container[data-active="trocookie-start-tab"] [data-tab="#trocookie-start-tab"] {
    display: block;
    opacity: 1;
    order: 0;
    transition-delay: .15s;
}

.action-container[data-active="trocookie-start-tab"] [value="saveSettings"] {
    display: block;
    opacity: 1;
    transition-delay: .15s;
}

.action-container[data-active="trocookie-start-tab"] [value="declineAll"] {
    display: none;
    opacity: 0;
    transition: visibility .15s ease, opacity .15s ease, order .15s ease;
}

.tro-loading-icon {
    display: none;
    justify-content: center;
    align-items: center;
    height: 30vh;
}

#trocookie-cookiebox.loading .modal-content {
    width: 100%;
}

#trocookie-cookiebox.loading .modal-header,
#trocookie-cookiebox.loading .modal-body,
#trocookie-cookiebox.loading .modal-footer {
    display: none!important;
}

#trocookie-cookiebox.loading .tro-loading-icon {
    display: flex;
}

#trocookie-cookiebox.loading .tro-loading-icon > i {
    animation-name: tro-loading-icon-rotate;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes tro-loading-icon-rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#trocookie-cookiebox .custom-control-label {
    vertical-align: top;
}