.sidebar-mini .sidebar:hover .logo .logo-mini {
    visibility: hidden;
}

@media screen and (min-width: 768px) {
    .form-inline .form-control-wider {
        width: 210px !important;
    }
}

@media screen and (min-width: 992px) {
    .desktop-pl-0 {
        padding-left: 0 !important;
    }
}

@media screen and (min-width: 1200px) {
    .desktop-lg-pl-0 {
        padding-left: 0 !important;
    }
}

.mb-15 {
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .form-inline {
        margin-bottom: 15px;
    }

    .form-inline .form-control {
        margin-bottom: 15px;
    }
}

[v-cloak] {
    display: none;
}

.table th:first-child,
.table td:first-child {
    padding-left: 25px;
}

.table td.td-actions {
    padding-left: 15px;
    padding-right: 15px;
}

.table td.td-w200 {
    width: 200px;
}

.input-w80 {
    width: 80px;
}

.full-page[data-image]:after,
.full-page.has-image:after {
    opacity: 0;
}

.logo-normal img {
    width: 108px;
}

.logo-mini img {
    width: 40px;
}

.pl-0 {
    padding-left: 0 !important;
}

.bootstrap-select.btn-group .dropdown-menu.inner::-webkit-scrollbar {
    width: 8px;
}

.bootstrap-select.btn-group .dropdown-menu.inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
}

.bootstrap-select.btn-group .dropdown-menu.inner::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.select2.select2-container {
    margin-bottom: 10px;
}

.select2.select2-container .select2-selection {
    background-color: transparent;
    border-width: 2px;
    border-color: #EB5E28;
    border-radius: 20px;
    color: #EB5E28;
    font-size: 14px;
    padding: 7px 18px;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 600;
}

.select2.select2-container .select2-selection:hover {
    transition: all 100ms ease-in;
    background-color: #EB5E28;
    color: rgba(255, 255, 255, 0.85);
    border-color: #EB5E28;
}

.select2.select2-container .select2-selection--single .select2-selection__rendered {
    color: #EB5E28;
    transition: all 100ms ease-in;
}

.select2.select2-container .select2-selection--single:hover .select2-selection__rendered {
    color: rgba(255, 255, 255, 0.85);
}

.select2.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #EB5E28 transparent transparent;
}

.select2.select2-container--bootstrap:hover .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(255, 255, 255, 0.85) transparent transparent;
}

.select2.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
    border-color: #EB5E28 !important;
}

.select2.select2-container--bootstrap.select2-container--focus .select2.select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
    border-color: #EB5E28 !important;
}

.select2-container.select2-container--bootstrap .select2-dropdown {
    border-color: #EB5E28 !important;
}

.select2-container.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]{
    background-color: #EB5E28;
}
.select2-container.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
    color: #EB5E28
}
.select2-container.select2-container--bootstrap .select2-selection--single:hover .select2-selection__placeholder {
    color: #ffffff;
}

/* ----------------------------------------------------------------------
 * profile page
 * ---------------------------------------------------------------------- */
.form-control[readonly].token {
    cursor: default;
}
/* ----------------------------------------------------------------------
 * transaction-index page
 * ---------------------------------------------------------------------- */
 @media screen and (max-width: 1470px) and (min-width:1360px) {
    .transaction-date .form-control {
        width:170px !important;
    }
}
@media screen and (max-width: 1359px) and (min-width: 1200px)  {
    .transaction-date .form-control {
        width:130px !important;
    }
}
/* ----------------------------------------------------------------------
 * transaction-edit page
 * ---------------------------------------------------------------------- */
 .personal-code {
     text-align: center;
     padding:100px 0;
 }
/* ----------------------------------------------------------------------
 * transaction-progress page
 * ---------------------------------------------------------------------- */
 .content .avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
 }
 .content .avatar img {
     width: 100%;
 }

 .content .el-table .cell {
     line-height: 32px;
 }
/* ----------------------------------------------------------------------
 * tunnel-edit page
 * ---------------------------------------------------------------------- */
#personalCode .qrcode img {
    margin-left: auto;
    margin-right: auto;
}