.wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    margin: 5px;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    background-color: #e2e3e3;
}

#sidebar.active {
    margin-left: -250px;
}

body {
    background-image: linear-gradient(to right, #fffbd5, #ada7a8);
    background-attachment: fixed;
}

.fa-info {
    color: #34ce57!important;
    background-color: #34ce57!important;
}

.longtext {
    width: 100%;
    table-layout: fixed;
    display: table-cell;
    vertical-align: middle;
    word-wrap: break-word;
}

.chart-container {
    width: 50%;
    height: 50%;
    margin: auto;
}

#surveyList tr:hover {
    background-color: #ffdf40;
    cursor: pointer;
}

/*** bootstrap cards */
.radius-10 {
    border-radius: 10px !important;
}

.border-trusted {
    border-left: 5px solid  #0dcaf0 !important;
}
.border-danger {
    border-left: 5px solid  #fd3550 !important;
}
.border-benign {
    border-left: 5px solid  #15ca20 !important;
}
.border-warning {
    border-left: 5px solid  #ffc107 !important;
}
.border-malicious {
    border-left: 5px solid #000000 !important;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: .25rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}
.bg-gradient-scooter {
    background: #17ead9;
    background: -webkit-linear-gradient(
            45deg
            , #17ead9, #6078ea)!important;
    background: linear-gradient(
            45deg
            , #17ead9, #6078ea)!important;
}
.widgets-icons-2 {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ededed;
    font-size: 27px;
    border-radius: 10px;
}
.rounded-circle {
    border-radius: 50%!important;
}
.text-white {
    color: #fff!important;
}
.ms-auto {
    margin-left: auto!important;
}
.bg-gradient-bloody {
    background: #f54ea2;
    background: -webkit-linear-gradient(
            45deg
            , #f54ea2, #ff7676)!important;
    background: linear-gradient(
            45deg
            , #f54ea2, #ff7676)!important;
}

.bg-gradient-ohhappiness {
    background: #00b09b;
    background: -webkit-linear-gradient(
            45deg
            , #00b09b, #96c93d)!important;
    background: linear-gradient(
            45deg
            , #00b09b, #96c93d)!important;
}

.bg-gradient-blooker {
    background: #ffdf40;
    background: -webkit-linear-gradient(
            45deg
            , #ffdf40, #ff8359)!important;
    background: linear-gradient(
            45deg
            , #ffdf40, #ff8359)!important;
}