/**
 * Bootstrap
 */
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

/**
 * DataTable
 */

div.dataTables_wrapper div.dataTables_filter input {
    font-size: 14px;
}

.tickets-summary thead:first-child tr {
    border-bottom: 1px solid #eff2f7;
}

/**
 * Language
 */
.change-curr-lang {
    position: fixed;
    z-index: 9999;
    background: #1d66ffe0;
    height: 100%;
    width: 100%;
    padding: 16px;
    display: none;
}

.change-curr-lang .lang-item,.change-curr-lang .currency-item {
    border: 3px solid #82abff;
    padding: 10px;
    display: block;
    margin-bottom: 2rem;
    transition: .2s all;
    text-decoration: none;
}

.change-curr-lang .lang-item:hover,.change-curr-lang .currency-item:hover {
    background: white;
    color: #3879ff!important;
}

.change-curr-lang .lang-item-active,.change-curr-lang .currency-item-active {
    background: white;
    color: #3879ff!important;
    font-weight: bold;
    border: 3px solid #82abff;
}

.change-curr-lang .apply-btn {
    background: white;
    border: 0;
    padding: 10px 20px;
    color: #3879ff;
    font-weight: bold;
    text-transform: uppercase;
    transition: .2s all;
}

.change-curr-lang .apply-btn:hover {
    box-shadow: 0 2px 10px 0 #c9d0e6;
}

#close-lang {
    border: 0;
    background: white;
    color: #3879ff;
    border-radius: 4px;
    padding: 4px 16px;
    float: right;
}

.scrollable {
    overflow: hidden;
    height: 100%;
}