td.align-middle {
    vertical-align: middle;
}

.ui-datepicker-current-day .ui-state-active {
    background-color: #0168fa !important;
    color: #fff !important;
}

.wrapper {
    height: 600px;
}

#abs_dates input {
    width: 200px;
}

#abs_dates div {
    font-size: 9pt;
}

.date-range-selected>.ui-state-active,
.date-range-selected>.ui-state-default {
    background: none;
    background-color: lightsteelblue;
}

.list-inline-skills {
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
}

.list-inline-skills .list-inline-item {
    margin-right: 5px;
    margin-bottom: 5px;
}

.list-inline-skills .list-inline-item a {
    display: block;
    background-color: #fff;
    border: 1px solid #c0ccda;
    padding-top: 3px;
    padding-bottom: 1px;
    padding-left: 8px;
    padding-right: 8px;
    color: #1b2e4b;
    border-radius: 0.25rem;
}

[data-toggle="collapse"] {
    cursor: pointer;
}

.dropdown-file {
    position: absolute;
    top: 8px;
    right: 4px;
}

.dropdown-file .dropdown-link {
    color: rgba(131, 146, 165, 0.5);
}

.dropdown-file .dropdown-link:hover,
.dropdown-file .dropdown-link:focus {
    color: #1b2e4b;
}

.dropdown-file .dropdown-link svg {
    width: 18px;
    height: 18px;
}

.dropdown-file .dropdown-item {
    font-size: 12px;
    display: flex;
    align-items: center;
    padding: 5px 10px;
}

.dropdown-file .dropdown-item svg {
    width: 14px;
    height: 14px;
    stroke-width: 2.5px;
    margin-right: 10px;
    color: #8392a5;
}

.card-file {
    padding: 10px;
    position: relative;
    border-color: rgba(72, 94, 144, 0.16);
    transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .card-file {
        transition: none;
    }
}

.card-file:hover,
.card-file:focus {
    border-color: #c0ccda;
}

.card-file .card-body {
    padding: 15px 0 0;
}

.card-file .card-footer {
    font-size: 11px;
    color: #c0ccda;
    padding: 10px 0 0;
    border-top-width: 0;
    background-color: transparent;
}

.card-file h6 {
    margin-bottom: 0;
}

.card-file h6 a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.card-file p {
    margin-bottom: 0;
    color: #475362;
}

.card-file .file-size {
    font-size: 12px;
    color: #8392a5;
}

.card-file-thumb {
    background-color: #f5f6fa;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
}

@media (min-width: 576px) {
    .card-file-thumb {
        height: 100px;
        font-size: 40px;
    }
}

@media (min-width: 992px) {
    .card-file-thumb {
        height: 120px;
        font-size: 48px;
    }
}

.media-folder {
    position: relative;
    border: 1px solid rgba(72, 94, 144, 0.16);
    padding: 10px 12px;
    background-color: #fff;
    border-radius: 0.25rem;
    transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .media-folder {
        transition: none;
    }
}

.media-folder:hover,
.media-folder:focus {
    border-color: #c0ccda;
}

.media-folder>svg {
    width: 42px;
    height: 42px;
    stroke-width: 1.5px;
    color: #0168fa;
    opacity: .7;
}

.media-folder .media-body {
    margin-top: 5px;
    margin-left: 10px;
}

.media-folder .media-body h6 {
    margin-bottom: 1px;
}

.media-folder .media-body span {
    font-size: 12px;
    color: #8392a5;
    display: block;
}


.ui-no-select{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none; 
            user-select: none;
}

.ht-27{
    height: 27px;
}


aside.aside .nav-item .badge{
    position: absolute;
    right: 0;
}
aside.aside.minimize:not(.maximize) .nav-item .badge{
    right: -5px;
    font-size: 0;
    bottom: 2px;
}

.btn-xs{
    padding-bottom: 3px !important;
}


.flex-masonry-item {
    display: inline-block;
    padding: 2px;
    width: 100%;
}

@media only screen and (min-width: 480px) {
    .flex-masonry-layout {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 768px) {
    .flex-masonry-layout {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 960px) {
    .flex-masonry-layout {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}