/*----------------------
 -- Portlet Styles --
------------------------*/

.portlet.light {
    padding: 8px 10px 6px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
}
.portlet {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 4px;
}
.dashboard-stat, .portlet {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.portlet.light>.portlet-title {
    padding: 0;
    min-height: 48px;
}
.portlet>.portlet-title {
    border-bottom: 1px solid #eee;
    padding: 0;
    margin-bottom: 10px;
    min-height: 41px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.portlet.light>.portlet-title>.caption {
    color: #666;
    padding: 10px 0;
}
.portlet>.portlet-title>.caption {
    float: left;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 0;
}
.portlet>.portlet-title>.caption>.caption-helper {
    padding: 0;
    margin: 0;
    line-height: 13px;
    color: #9eacb4;
    font-size: 13px;
    font-weight: 400;
}
.portlet.light>.portlet-title>.inputs {
    float: right;
    display: inline-block;
    padding: 4px 0;
}

.portlet.light .portlet-body {
    padding-top: 8px;
}
.portlet>.portlet-body {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.portlet-body .slimScrollBar {
    margin-right: 0;
}

.general-item-list>.item {
    padding: 10px 0;
    border-bottom: 1px solid #F1F4F7;
}

.general-item-list>.item>.item-head {
    margin-bottom: 5px;
}

.general-item-list>.item>.item-body {
    color: #96a5aa;
}

.general-item-list>.item>.item-head>.item-status {
    color: #C0C9CC;
    /*top: 10px;*/
    right: 20px;
    position: relative;
    display: inline-block;
    float: right;
}

.general-item-list>.item>.item-head>.item-details>.item-pic {
    height: 45px;
    float:left;
    margin-right: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.general-item-list>.item>.item-head>.item-status>.badge {
    margin-top: -2px;
}

.portlet.light>.portlet-title>.actions {
    padding: 6px 0 14px;
}
.portlet>.portlet-title>.actions {
    float: right;
    display: inline-block;
    padding: 6px 0;
}

.portlet>.portlet-title>.actions>.btn, .portlet>.portlet-title>.actions>.btn-group>.btn, .portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm, .portlet>.portlet-title>.actions>.btn.btn-sm {
    padding: 4px 10px;
    font-size: 13px;
    line-height: 1.5;
}

.btn.btn-outline.red {
    border-color: #e7505a;
    color: #e7505a;
    background: 0 0;
}

.btn.btn-outline.red.active, .btn.btn-outline.red:active, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:focus, .btn.btn-outline.red:hover {
    border-color: #e7505a;
    color: #fff;
    background-color: #e7505a;
}
.btn.grey-salsa:not(.btn-outline).active.focus, .btn.grey-salsa:not(.btn-outline).active:focus, .btn.grey-salsa:not(.btn-outline).active:hover, .btn.grey-salsa:not(.btn-outline):active.focus, .btn.grey-salsa:not(.btn-outline):active:focus, .btn.grey-salsa:not(.btn-outline):active:hover, .open>.btn.grey-salsa:not(.btn-outline).dropdown-toggle.focus, .open>.btn.grey-salsa:not(.btn-outline).dropdown-toggle:focus, .open>.btn.grey-salsa:not(.btn-outline).dropdown-toggle:hover {
    color: #FAFCFB;
    background-color: #7a889f;
    border-color: #64748b;
}

.btn.btn-outline.blue {
    border-color: #3598dc;
    color: #3598dc;
    background: 0 0;
}

.btn.btn-outline.blue.active, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:focus, .btn.btn-outline.blue:hover {
    border-color: #3598dc;
    color: #FFF;
    background-color: #3598dc;
}

.btn.btn-outline.green {
    border-color: #32c5d2;
    color: #32c5d2;
    background: 0 0;
}

.btn.btn-outline.green.active, .btn.btn-outline.green:active, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:focus, .btn.btn-outline.green:hover {
    border-color: #32c5d2;
    color: #FFF;
    background-color: #32c5d2;
}

.btn-group.btn-group-devided>.btn {
    margin-right: 5px;
}
.btn.grey-salsa:not(.btn-outline) {
    color: #FAFCFB;
    background-color: #ACB5C3;
    border-color: #ACB5C3;
}
.btn .caret, .btn-group>.btn:first-child {
    margin-left: 0;
}

.badge-danger, .badge-default, .badge-info, .badge-primary, .badge-success, .badge-warning, .btn.white:not(.btn-outline).active, .btn.white:not(.btn-outline):active, .open>.btn.white:not(.btn-outline).dropdown-toggle {
    background-image: none;
}
.badge, .input-inline {
    vertical-align: middle;
}

.badge {
    font-size: 11px!important;
    font-weight: 300;
    height: 18px;
    color: #fff;
    padding: 3px 6px;
    -webkit-border-radius: 12px!important;
    -moz-border-radius: 12px!important;
    border-radius: 12px!important;
    text-shadow: none!important;
    text-align: center;
}

.badge.badge-empty {
    display: inline-block !important;
    padding: 0;
    min-width: 8px;
    height: 8px;
    width: 8px;
}
.badge:empty {
    display: none;
}
.badge-success {
    background-color: #36c6d3;
}

.badge-danger {
    background-color: #ed6b75;
}

.badge-warning {
    background-color: #F1C40F;
}


.table.table-light>tbody>tr>td {
    border: 0;
    border-bottom: 1px solid #F2F5F8;
    color: #8896a0;
    vertical-align: middle;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #e7ecf1;
}
.table td, .table th {
    font-size: 12px;
}

.task-footer {
    margin: 5px 0 20px 0;
}

.icon-arrow-right:before {
    content: "\e079";
}

.mt-comments .mt-comment:hover {
    background: transparent !important;
}

.mt-comment-body span { 
    display:inline-block; 
}