.window-shadow {
    box-shadow: 2px 2px 6px 0 rgba(0,0,0, .1);
}

.link {
    color: #0c84e4;
}

.panel {
    .caption {
        display: flex;
        flex-flow: row nowrap; 
        font-weight: 500;
        align-items: center;
        
        .link {
            font-size: 12px!important;
            text-transform: uppercase;
            text-decoration: none;
        }
        
        .label {
            
        }
    }
    .panel-content {
        font-size: 14px;
    }
}

.label-bad, .label-good {
    font-size: 12px;
    background: orangered;
    color: #ffffff;
    padding: 2px 8px;
    border-radius: 6px;
}
.label-good {
    background: #00d6b2;
}

.scrollable-container {
    overflow-x: auto;
}

#Comment {
    min-height: 200px!important;
    font-size: 14px;
}

footer {
    background: #172b4d;
    color: #ffffff;
    font-size: 14px;
    padding: 20px 0;

    hr {
        background: #3b4b68;
    }

    .footer__menu {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        list-style: none inside;
        font-size: 12px;
        margin: 20px 0;

        li {
            margin: 0 10px;
        }

        a {
            text-decoration: none;
            color: #ffffff;
        }
    }

    .mute-text {
        color: #7f8c97!important;
    }
}

.cookie-disclaimer {
    background: #0b58a2;
    color: #ffffff;
}

.license-help-head {
    li {
        a {
            text-align: left!important;
            justify-content: start!important;
        }
    }
}

@media screen and (max-width: 767px) {
    .license-help-head {
        border-right: none!important;
        border-bottom: 1px solid #dfdfdf!important;
        padding-bottom: 10px!important;
        
        li:not(.active) {
            border: none!important;
        }
        
        li {
            &.active {
                border: 1px solid #dfdfdf!important;
            }
        }
    }
}

.kdlg-header {
    width: 100%!important;
}

.ticket {
    color: #ffffff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;

    &.ticket-new {
        background-color: red;
    }
    &.ticket-pending-vendor {
        background-color: orange;
    }
    &.ticket-pending-client {
        background-color: #a7d8fa;
    }
    &.ticket-in-progress {
        background-color: #0b58a2;
    }
    &.ticket-solved {
        background-color: #00d6b2;
    }
    &.ticket-closed {
        background-color: #1e7e34;
    }
}