/**
Extra
 */
.h-250 {
    height: 15rem;
    min-height: 5rem;
    max-height: 15rem;
    overflow-y: scroll;
}

.progress-wrapper .progress-label {
    font-size: .8125rem
}

.progress-wrapper .progress-value {
    position: absolute;
    top: 6px;
    right: 0;
    color: #5a6169
}

@media (min-width: 576px) {
    .navbar-top .navbar-brand {
        display: none
    }
}

@media (max-width: 575.98px) {
    .navbar-top .navbar-collapse {
        width: 100%
    }

    .navbar-vertical .nav-item {
        position: static
    }

    .navbar-vertical .nav-item .dropdown-menu {
        position: absolute;
        right: auto;
        left: 3%;
        width: 94%;
        min-width: auto
    }
}

.navbar-dark.bg-gradient-default-extra .nav-item .nav-link.active:before {
    border-left: 2px solid #fff;
}

.navbar-dark.bg-gradient-default-extra .nav-item .collapse .nav-link.active:before {
    border-left: 2px solid #5e72e4;
}

.empty-state {
    min-height: 5rem;
    padding: 6.25rem 0;
    text-align: center;
}

.empty-state-lg {
    min-height: 30rem !important;
    padding: 7.5rem 0 !important;
}

.empty-state-full {
    min-height: 100% !important;
    padding: 25% 0 !important;
}

.empty-state-sm {
    min-height: 5rem !important;
    padding: 1.25rem 0 !important;
}

.empty-state__icon {
    display: inline-block;
    /*width: 10rem;*/
    /*height: 10rem;*/
    margin: 0 auto;
    padding: 1rem 0;
    font-size: 6rem !important;
    line-height: 1;
    color: #180C62;
    /*border: 2px solid #1a174d;*/
    /*border-radius: 50%;*/
}

.empty-state__title {
    font-size: 2rem;
    margin: .75rem 0 .125rem;
}

.empty-state__description {
    margin: 0 auto 1rem;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.3333333;
}

.empty-state__btn .btn {
    padding: .5rem 1rem;
    line-height: 1.3333333;
    border-radius: .25rem;
    font-size: 1rem;
}

.grid-view .table-responsive {
    min-height: 10rem;
}

.grid-view .table-responsive td {
    font-size: 1.01rem !important;
}

.table .action-column {
    width: 80px;
}

.table td, .table th {
    padding: .625rem;
}

.navbar-vertical.navbar-expand-md .navbar-nav .nav a.nav-link {
    padding-top: .4rem;
    padding-bottom: .4rem;
    padding-left: 2.5rem;
    /*font-size: 1.05rem;*/
}

.navbar-vertical.navbar-expand-md .navbar-nav > .nav-item > .nav-link {
    /* margin-right: .5rem; */
    /* margin-left: .5rem; */
    padding-right: 1rem;
    padding-left: 1rem;
    border-radius: .05rem;
}

.pagination-round .page-item .page-link, .pagination-round .page-item span {
    border-radius: 50% !important;
    margin: 0 3px;
}

.box-list .pair-item .pair-item-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 2.5rem;
    padding: 0 0.7rem;
    line-height: 1.1;
}

.box-list .pair-item:only-child .pair-item-close {
    display: none;
}

.table [data-sort] {
    display: block;
}

.table [data-sort]::after {
    content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='%2395AAC9'/></svg>");
    margin-left: .25rem;
    float: right;
}

.table a.desc[data-sort]::after {
    content: url('data:image/svg+xml;utf8,<svg width="6" height="10" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M-1-1h8v12h-8z"/><g><path fill="%2395AAC9" fill-rule="evenodd" d="M6 1.999l-6 .005L6 2zM3.004 8L0 4.004 6 4 3.005 8z" clip-rule="evenodd"/></g></svg>');
}

.table a.asc[data-sort]::after {
    content: url('data:image/svg+xml;utf8,<svg width="6" height="10" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M-1-1h8v12h-8z"/><g><path fill="%2395AAC9" fill-rule="evenodd" d="M0 8.001l6-.005L0 8zM2.996 2L6 5.996 0 6 2.995 2z" clip-rule="evenodd"/></g></svg>');
}

form div.required label:after {
    content: " *";
    color: red;
}

.nav-overflow {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 1px
}

.nav-overflow::-webkit-scrollbar {
    display: none
}

.letter-spacing-lg {
    letter-spacing: .02em !important
}


.border-2 {
    border-width: 2px !important
}

.border-top-2 {
    border-top-width: 2px !important
}

.border-right-2 {
    border-right-width: 2px !important
}

.border-bottom-2 {
    border-bottom-width: 2px !important
}

.border-left-2 {
    border-left-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-top-3 {
    border-top-width: 3px !important
}

.border-right-3 {
    border-right-width: 3px !important
}

.border-bottom-3 {
    border-bottom-width: 3px !important
}

.border-left-3 {
    border-left-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-top-4 {
    border-top-width: 4px !important
}

.border-right-4 {
    border-right-width: 4px !important
}

.border-bottom-4 {
    border-bottom-width: 4px !important
}

.border-left-4 {
    border-left-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.border-top-5 {
    border-top-width: 5px !important
}

.border-right-5 {
    border-right-width: 5px !important
}

.border-bottom-5 {
    border-bottom-width: 5px !important
}

.border-left-5 {
    border-left-width: 5px !important
}

/*Password Toggle*/
button#toggle-password {
    position: absolute;
    top: 0;
    right: 6px;
    z-index: 9;
    width: 35px;
    height: 100%;
    background: 0;
    border: 0;
}

button#toggle-password:active,
button#toggle-password:focus,
button#toggle-password:hover {
    cursor: pointer;
}

button#toggle-password:focus {
    outline: none !important;
}

#signup-password {
    padding-right: calc(1.5em + .75rem);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

#signup-password[type="password"]:valid {
    background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/%3E%3Cpath d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709z'/%3E%3Cpath fill-rule='evenodd' d='M13.646 14.354l-12-12 .708-.708 12 12-.708.708z'/%3E%3C/svg%3E") !important;
}

#signup-password[type="text"]:valid {
    background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.134 13.134 0 0 0 1.66 2.043C4.12 11.332 5.88 12.5 8 12.5c2.12 0 3.879-1.168 5.168-2.457A13.134 13.134 0 0 0 14.828 8a13.133 13.133 0 0 0-1.66-2.043C11.879 4.668 10.119 3.5 8 3.5c-2.12 0-3.879 1.168-5.168 2.457A13.133 13.133 0 0 0 1.172 8z'/%3E%3Cpath fill-rule='evenodd' d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E") !important;
}

.card-header > a > span:before {
    content: "HIDE" !important;
}

.card-header > a.collapsed > span:before {
    content: "SHOW" !important;
}

.navbar-brand-img {
    /*max-height: 6rem !important;*/
}

.text-success {
    /*
    color: #00d97e >  #249660 !important;
    #F6C343 > CE9032
    */
}

.reset-font {
    font-size: .98rem !important;
}

.ti, .bi {
    margin-right: .19rem;
    color: #249660;
}

/*------------------------
  change icon size
-------------------------*/
.i-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.i-2x {
    font-size: 1.6em;
}

.i-3x {
    font-size: 2em;
}

.i-4x {
    font-size: 2.5em;
}

.i-5x {
    font-size: 5em;
}