table.table thead th.orderable {
    background: url('../images/sort_both.png') no-repeat center left;
    padding-left: 20px;
}

table.table thead th.asc {
    background: url('../images/sort_asc.png') no-repeat center left;
}

table.table thead th.desc {
    background: url('../images/sort_desc.png') no-repeat center left;
}

.select2-container {
width: 100% !important;
min-width: 0 !important;
}

.select2-container .select2-selection--single {
height: 34px !important;
}

.list-group-item {
    margin-bottom: 5px;
    border: none;
    border-bottom: 1px solid #ccc;
    padding-left: 0px;
    padding-right: 0px;
}

.list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.mt-1 {
    margin-top: .25rem;
}

.mt-2 {
    margin-top: .5rem;
}

.mt-3 {
    margin-top: 1rem;
}

.mt-4 {
    margin-top: 1.5rem;
}

.mt-5 {
    margin-top: 3rem;
}

.mb-1 {
    margin-bottom: .25rem;
}

.mb-2 {
    margin-bottom: .5rem;
}

.mb-3 {
    margin-bottom: 1rem;
}

.mb-4 {
    margin-bottom: 1.5rem;
}

.mb-5 {
    margin-bottom: 3rem;
}

.mb-lg {
    margin-bottom: 5rem;
}

.fa-chevron-right {
    float: right;
    padding-top: 3px;
    color: #ABAAAA;
}

.panel-heading .fa-chevron-right {
    transition: all .3s;
}

.panel-heading[aria-expanded="true"] .fa-chevron-right {
    transform: rotate(90deg);
}

.preview {
    position: fixed;
    top: 20%;
    left: 80%;
    margin-top: -90px;
    margin-left: -250px;
    z-index: 999;
}

@media screen and (min-width: 1314px) {
    .preview {
        left: 78%;
        margin-left: -250px;
    }
}

@media screen and (min-width: 1418px) {
    .preview {
        left: 75%;
        margin-left: -250px;
    }
}

@media screen and (min-width: 1600px) {
    .preview {
        left: 73%;
        margin-left: -250px;
    }
}

@media screen and (min-width: 1790px) {
    .preview {
        left: 70%;
        margin-left: -250px;
    }
}

@media screen and (min-width: 2016px) {
    .preview {
        left: 68%;
        margin-left: -250px;
    }
}

@media screen and (min-width: 2290px) {
    .preview {
        left: 66%;
        margin-left: -250px;
    }
}

@media screen and (min-width: 2600px) {
    .preview {
        left: 64%;
        margin-left: -250px;
    }
}

@media screen and (min-width: 3000px) {
    .preview {
        left: 61.8%;
        margin-left: -250px;
    }
}

@media screen and (min-width: 3340px) {
    .preview {
        left: 60.5%;
        margin-left: -250px;
    }
}

@media screen and (min-width: 3640px) {
    .preview {
        left: 59.5%;
        margin-left: -250px;
    }
}

@media screen and (width: 3840px) and (height: 2160px) {
    .preview {
        top: 10%;
        left: 59.5%;
        margin-left: -250px;
    }
}