﻿.page-body .container {
    max-width: 100%;
}

.aligned-row {
    display: flex;
    flex-flow: row wrap;
}

    .aligned-row::before {
        display: block;
    }

    .aligned-row > div[class*="col-"] {
        margin-bottom: 15px;
    }

        .aligned-row > div[class*="col-"] > .panel {
            height: 100%;
        }

.reports-membership .profile-image {
    width: auto;
    max-width: 500px;
    max-height: 200px;
    display: inline-block;
    border: 5px solid #666;
}

.reports-permissions .profile-image {
    width: auto;
    max-width: 100%;
    width: 300px;
    max-height: 100%;
    height: 300px;
    object-fit: cover;
    display: inline-block;
    border: 5px solid #666;
}

.v-select {
    position: relative;
    font-family: sans-serif
}

.v-select, .v-select * {
    box-sizing: border-box
}

.v-select.rtl .open-indicator {
    left: 10px;
    right: auto
}

.v-select.rtl .selected-tag {
    float: right;
    margin-right: 3px;
    margin-left: 1px
}

.v-select.rtl .dropdown-menu {
    text-align: right
}

.v-select.rtl .dropdown-toggle .clear {
    left: 30px;
    right: auto
}

.v-select .open-indicator {
    position: absolute;
    bottom: 6px;
    right: 10px;
    cursor: pointer;
    pointer-events: all;
    opacity: 1;
    height: 20px
}

.v-select .open-indicator, .v-select .open-indicator:before {
    display: inline-block;
    transition: all .15s cubic-bezier(1,-.115,.975,.855);
    transition-timing-function: cubic-bezier(1,-.115,.975,.855);
    width: 10px
}

.v-select .open-indicator:before {
    border-color: rgba(60,60,60,.5);
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    height: 10px;
    vertical-align: top;
    transform: rotate(133deg);
    box-sizing: inherit
}

.v-select.open .open-indicator:before {
    transform: rotate(315deg)
}

.v-select.loading .open-indicator {
    opacity: 0
}

.v-select.open .open-indicator {
    bottom: 1px
}

.v-select .dropdown-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    padding: 0;
    background: none;
    border: 1px solid rgba(60,60,60,.26);
    border-radius: 4px;
    white-space: normal
}

.v-select .dropdown-toggle:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.v-select .dropdown-toggle .clear {
    position: absolute;
    bottom: 9px;
    right: 30px;
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
    color: rgba(60,60,60,.5);
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer
}

.v-select.searchable .dropdown-toggle {
    cursor: text
}

.v-select.unsearchable .dropdown-toggle {
    cursor: pointer
}

.v-select.open .dropdown-toggle {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.v-select .dropdown-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 160px;
    padding: 5px 0;
    margin: 0;
    width: 100%;
    overflow-y: scroll;
    border: 1px solid rgba(0,0,0,.26);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.15);
    border-top: none;
    border-radius: 0 0 4px 4px;
    text-align: left;
    list-style: none;
    background: #fff
}

.v-select .no-options {
    text-align: center
}

.v-select .selected-tag {
    color: #333;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 34px;
    margin: 4px 1px 0 3px;
    padding: 1px .25em;
    float: left;
    line-height: 24px
}

.v-select.single .selected-tag {
    background-color: transparent;
    border-color: transparent
}

.v-select.single.open .selected-tag {
    position: absolute;
    opacity: .5
}

.v-select.single.loading .selected-tag, .v-select.single.open.searching .selected-tag {
    display: none
}

.v-select .selected-tag .close {
    float: none;
    margin-right: 0;
    font-size: 20px;
    appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.v-select.single.searching:not(.open):not(.loading) input[type=search] {
    opacity: .2
}

.v-select input[type=search]::-webkit-search-cancel-button, .v-select input[type=search]::-webkit-search-decoration, .v-select input[type=search]::-webkit-search-results-button, .v-select input[type=search]::-webkit-search-results-decoration {
    display: none
}

.v-select input[type=search]::-ms-clear {
    display: none
}

.v-select input[type=search], .v-select input[type=search]:focus {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 1.42857143;
    font-size: 1em;
    height: 34px;
    display: inline-block;
    border: none;
    outline: none;
    margin: 0;
    padding: 0 .5em;
    width: 10em;
    max-width: 100%;
    background: none;
    position: relative;
    box-shadow: none
}

.v-select.unsearchable input[type=search] {
    opacity: 0
}

.v-select.unsearchable input[type=search]:hover {
    cursor: pointer
}

.v-select li {
    line-height: 1.42857143
}

.v-select li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    color: #333;
    white-space: nowrap
}

.v-select li:hover {
    cursor: pointer
}

.v-select .dropdown-menu .active > a {
    color: #333;
    background: rgba(50,50,50,.1)
}

.v-select .dropdown-menu > .highlight > a {
    background: #5897fb;
    color: #fff
}

.v-select .highlight:not(:last-child) {
    margin-bottom: 0
}

.v-select .spinner {
    opacity: 0;
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 5px;
    text-indent: -9999em;
    overflow: hidden;
    border-top: .9em solid hsla(0,0%,39%,.1);
    border-right: .9em solid hsla(0,0%,39%,.1);
    border-bottom: .9em solid hsla(0,0%,39%,.1);
    border-left: .9em solid rgba(60,60,60,.45);
    transform: translateZ(0);
    animation: vSelectSpinner 1.1s infinite linear;
    transition: opacity .1s
}

.v-select .spinner, .v-select .spinner:after {
    border-radius: 50%;
    width: 5em;
    height: 5em
}

.v-select.disabled .dropdown-toggle, .v-select.disabled .dropdown-toggle .clear, .v-select.disabled .dropdown-toggle input, .v-select.disabled .open-indicator, .v-select.disabled .selected-tag .close {
    cursor: not-allowed;
    background-color: #f8f8f8
}

.v-select.loading .spinner {
    opacity: 1
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .2s
}

.fade-enter, .fade-leave-active {
    opacity: 0
}

.-col-group-container {
    border-bottom: 1px solid #ddd
}

.-col-group {
    display: inline-block;
    margin-bottom: 5px;
    padding: 0;
    width: 150px;
    vertical-align: top
}

.-col-group-title {
    display: block;
    margin: 5px;
    padding: 5px;
    border-bottom: 1px solid #ddd;
    font-size: 18px
}

.-col-group > li {
    margin-bottom: 5px;
    padding-left: 10px;
    list-style: none;
    line-height: 20px;
    font-size: 12px
}

    .-col-group > li > * {
        margin: 0;
        vertical-align: middle
    }

.-complex-table {
    position: relative
}

.-complex-table table {
    background: #fff
}

.-table-body, .-table-footer, .-table-header {
    position: relative;
    overflow: scroll
}

.-fixed-table {
    position: absolute;
    top: 0
}

.-fixed-table table {
    width: auto
}

.-left-fixed, .-right-fixed {
    box-shadow: 1px 0 5px #ddd
}

.-summary-row {
    font-weight: 700;
    background-color: #eee !important
}

.-page-size-select {
    display: inline-block;
    width: 65px
}

@-webkit-keyframes vSelectSpinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes vSelectSpinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .15s cubic-bezier(1,.5,.8,1)
}

.fade-enter, .fade-leave-to {
    opacity: 0
}
