body {
    font-size: 12px;
}

.pagination-first, .pagination-prev, .pagination-next, .pagination-last, .pagination-page {
    position: relative;
    display: block;
    padding: 0.5rem 0.5rem;
    line-height: 1;
    background-color: #fff;
    border: 1px solid #dee2e6;
    cursor: pointer;
}

.right-side-panel {
    padding-top: 0rem;
}

.left-side-panel {
    z-index: 0 !important;
}

.modal-footer {
    padding: 1rem 1rem 0rem 0rem;
}

.navbar {
    z-index: 50;
}

.space-main {
    margin: 0;
    position: fixed;
    top: 3.7rem;
}

.space-login {
    margin-top: 4.06rem;
}

/*.right-side-panel {
    overflow:auto;
    overflow-x:hidden;
    height:calc(100vh - (87px));
}*/

.main-panel {
    overflow: auto;
    overflow-x: hidden;
    height: calc(100vh - (65px));
}

.form-control.is-invalid {
    border-bottom: 1px solid red !important;
}

.form-control.is-valid {
    border-bottom: 1px solid rgb(118, 118, 118) !important;
}

.ui-select-match-close {
    color: red;
}

.ui-select-match-item {
    background: #428bca;
    color: aliceblue;
}

.pagination-first.active, .pagination-prev.active, .pagination-next.active, .pagination-last.active, .pagination-page.active, .pagination-page.active {
    z-index: 1;
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.pagination-first:hover:not(.disabled), .pagination-prev:hover:not(.disabled), .pagination-next:hover:not(.disabled), .pagination-last:hover:not(.disabled),
.pagination-page:hover:not(.disabled), .pagination-page:hover:not(.disabled) {
    z-index: 1;
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.pagination-first.disabled, .pagination-prev.disabled, .pagination-next.disabled, .pagination-last.disabled {
    cursor: no-drop !important;
}

.table > thead > tr > th {
    background-color: #17a2b8;
}

.table thead th {
    border-bottom: 0px;
    margin-top: auto;
}

.table th {
    padding: 0.5rem;
    border-top: 0px;
    margin-top: auto;
}

.table td {
    padding: 0.5rem;
    border-top: 0px;
    border-bottom: 1px solid #dee2e6;
    margin-top: auto;
}

.panel-list-items {
    border-bottom: 0px;
}

.panel-heading .lbl {
    /*font-weight:500;*/
}

.panel-list-items:nth-of-type(even) {
    background-color: #f6f6f6;
}

.icon-preview {
    position: absolute;
    left: 0;
    top: 0;
    color: #17a2b8;
}

.selectize-control.multi .selectize-input.input-active.dropdown-active:after {
    margin-top: -4px;
    transform: rotate(180deg);
    background-position: bottom;
}

.md-datepicker-input-container {
    border-bottom-color: rgb(118, 118, 118) !important;
}

.label-date {
    top: -20px !important;
}

.back-danger td span {
    color: #da0000 !important;
}

.back-success td span {
    color: #17b84a !important;
}

.back-warning td span {
    color: #af8e00 !important;
}

.card.info-card > .card-body {
    min-height: 60px;
}

.card-img-con {
    width: 50px;
}

.btn {
    font-size: 12px;
}

.top-nav-dash {
    padding: 0px;
    height: 55px;
}

.title {
    font-size: 1rem;
}



.autocomplete-custom-template .md-autocomplete-suggestion {
    border-bottom: 1px solid #ccc;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: normal;
}

md-autocomplete#custom-template {
    padding-right: 8px;
}

[class^="autocomplete-custom-template-"] .md-autocomplete-suggestion {
    border-bottom: 1px solid #ccc;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: normal;
}
    .autocomplete-custom-template .md-autocomplete-suggestion:last-child {
        border-bottom-width: 0;
    }

.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
    display: block;
    line-height: 1.5;
}

    .autocomplete-custom-template .item-title md-icon {
        height: 18px;
        width: 18px;
    }

.custom-container {
    min-width: 300px !important;
}

.img-thumbnail:hover {
    position: absolute;
    top: -25px;
    left: -35px;
    width: 500px;
    height: auto;
    display: block;
    z-index: 999;
}
.dropdown-menu {
    font-size: 12px;
}
.dropdown-menu .dropdown-item {
    padding-left: 10px;
}