/*
    Loading Icon After Button    
*/

.form-loading-icon-ref {
    position: relative;
}

.form-loading-icon-span {
    color: #666666 !important;
    font-size: 14px !important;
    position: absolute;
    bottom: 0px;
    right: 50%;
    margin-right: -7px;
}

/*
    Loading Icon After Button    
*/

/*
    Modal Customization
*/

.modal-content {
}

.modal-header {
    position:relative;
}

.modal-header > .modal-title > span.modal-result-icon {
    position: absolute;
    right: 24px;
    top: 24px;
    color: #607D8B;
}
.modal-header > .modal-title > span.modal-result-icon.success {
    color: #00E5FF;
}
.modal-header > .modal-title > span.modal-result-icon.warning {
    color: #FF9800;
}

.modal-footer-inf {    
    width: 100%;
    line-height: 18px;
    height: 24px;
    text-align: right;
    font-size: 12px;
    position:relative;
}
.modal-footer-inf > .modal-loading-icon-span {
    position: absolute;
    right: 14px;
    bottom: 0px;
    font-size: 14px;    
}

/*
    Modal Customization
*/


/* Forms */

.form-horizontal  div.row {
    position: relative;
}

.form-horizontal  div.row > span.required-mark {
    position: absolute;
    left: 0px;
    bottom: 4px;
    color: #f44336;
}
.form-horizontal  div.row > span.error-msg {
    position: absolute;
    left: 4px;
    bottom: 24px;
    font-size: 0.8em;
    color: #f44336;
}

.form-control-static {
    border-bottom : 1px solid #eeeeee;
}

.edit-form-loading-ref {
}

.edit-form-loading-span {
    position: absolute;
    top: -22px;
    right: 26px;
    font-size: 0.8em;    
}

.edit-form-loading-icon {
    position: absolute;
    top: -22px;
    right: 4px;
    font-size: 14px;
}

/* Forms */


/* Table Pages */
div.card-content > div.toolbar > div.btn-group {
}

@media (min-width: 768px) {
    div.card-content > div.toolbar > div.btn-group {
    float:right;
        margin-top: -50px;
        margin-bottom: 30px;
    }
}

/* Table Pages */

div.loading-ripple-200 {
    background: url(../img/looading-ripple-200.gif) no-repeat center center;
    min-height: 200px;
    min-width: 200px;
    width: 100%;
}


div.form-group > span.error-msg {
    position: absolute;
    left: 0px;
    bottom: 24px;
    font-size: 0.8em;
    color: #f44336;
}

@media (max-width: 767px) {
    .row.reorder-xs {
        transform: rotate(180deg);
        direction: rtl; /* Fix the horizontal alignment */
    }

        .row.reorder-xs > [class*="col-"] {
            transform: rotate(-180deg);
            direction: ltr; /* Fix the horizontal alignment */
        }
}

.form-group p.text-muted {
    margin-top: 17px;
    margin-bottom: -10px;
}

.perfect-scrollbar-on .sidebar .sidebar-wrapper, .sidebar .sidebar-wrapper, .perfect-scrollbar-on .main-panel, .main-panel {
    overflow: hidden;
    overflow-y: auto;
}

.sidebar .sidebar-wrapper {
    position: relative;
    height: calc(100vh - 150px);
    overflow-y: auto;
    width: 260px;
    z-index: 4;
}

body.sidebar-mini div.user.support-col,
body.sidebar-mini div.sidebar-footer-logo {
    display: none;
}

div.sidebar-wrapper::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
div.sidebar-wrapper::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
div.sidebar-wrapper::-webkit-scrollbar-thumb {
    background: #e1e1e1;
    border: 0px none #ffffff;
    border-radius: 50px;
}
div.sidebar-wrapper::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}
div.sidebar-wrapper::-webkit-scrollbar-thumb:active {
    background: #000000;
}
div.sidebar-wrapper::-webkit-scrollbar-track {
    background: #666666;
    border: 0px none #ffffff;
    border-radius: 50px;
}
div.sidebar-wrapper::-webkit-scrollbar-track:hover {
    background: #666666;
}
div.sidebar-wrapper::-webkit-scrollbar-track:active {
  background: #333333;
}
div.sidebar-wrapper::-webkit-scrollbar-corner {
  background: transparent;
}

@media (max-width: 490px) {
    .nav-center .nav-pills-icons { max-width: 420px; }
}