/*****************************
 Pages / Widgets / Elements 
*****************************/


/****Dashboard Stats****/

.dashboard-stats.panel {
    position: relative;
    cursor: pointer;
    padding: 10px 10px 10px 106px;
}

.dashboard-stats i.fa.stats-icon {
    width: 80px;
    padding: 20px;
    font-size: 40px;
    position: absolute;
    margin-left: 10px;
    left: 0px;
    top: 10px;
    text-align: center;
    z-index: 1;
    color: #fff;
    height: 80px;
}

.dashboard-stats.rounded i.fa.stats-icon,
.dashboard-stats.rounded.panel {
    border-radius: 50px;
}

.dashboard-stats .sparkline {
    position: absolute;
    left: 30px;
    top: 20px;
    opacity: 0;
}

.dashboard-stats h3 {
    margin-top: 14px;
}

.dashboard-stats small {
    font-size: 14px;
    margin-left: 6px;
    opacity: 0.8;
}

.dashboard-stats:hover i.fa.stats-icon {
    /*right:10px;*/
    left: 100%;
    margin-left: -90px;
}

.dashboard-stats:hover h3,
.dashboard-stats:hover p {
    opacity: 0;
}

.dashboard-stats:hover .sparkline,
.dashboard-stats:hover i.fa.stats-icon {
    opacity: 1;
}


/****Messages-Chating****/

.messages {
    max-height: 520px;
    overflow: auto;
}

.messages .media {
    padding-top: 18px;
    padding-bottom: 18px;
    margin: 0px;
    border-top: 1px dashed #eaeef1;
}

.messages .media:first-child {
    border: 0px;
}

.messages .media .media-body .media {
    margin-top: 18px;
    padding-bottom: 0px;
}


/*user status icon*/

.user-status {
    position: relative;
    display: inline-block;
}

.user-status:before,
.user-status:before {
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    background-color: #666;
    position: absolute;
    top: 0px;
    right: 0px;
    border: 2px solid #fff;
}


/*user status icon color*/

.user-status.online:before {
    background-color: #70ba63;
}

.user-status.busy:before {
    background-color: #01a0e6;
}

.user-status.invisibled:before {
    background-color: #f2b635;
}

.user-status.offline:before {
    background-color: #f25648;
}

.messages .media>.pull-left {
    margin-right: 15px;
}

.messages .media>.pull-right {
    margin-left: 15px;
}

.messages .media>.pull-right+.media-body {
    text-align: right;
}

.messages .media img.media-object {
    width: 54px;
    border-radius: 100%;
}

.messages .media .media-body {
    font-size: 13px;
}


/****ToDo List****/

.todo-list li {
    border: 0px;
    margin: 0px;
    border-radius: 0px;
    border-bottom: 1px dashed #e0e0e0;
}


/****Activities List****/

.activities-list {
    max-height: 560px;
    overflow: auto;
}

.activities-list>li {
    position: relative;
    padding: 10px 95px 10px 40px;
}

.activities-list>li:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 0px;
    height: 100%;
    border-left: 1px solid #ccc;
}

.activities-list>li:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    height: 12px;
    width: 12px;
    border-radius: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.activities-list>li span.time {
    font-size: 12px;
    color: #ccc;
}

.activities-list li .activity-actions {
    position: absolute;
    right: 0px;
    top: 25px;
}

.activities-list>li.info-activity:before,
.activities-list>li.info-activity:after {
    border-color: #4fcdfc;
}

.activities-list>li.warning-activity:before,
.activities-list>li.warning-activity:after {
    border-color: #fcd036;
}

.activities-list>li.danger-activity:before,
.activities-list>li.danger-activity:after {
    border-color: #ff6264;
}

.activities-list>li.success-activity:before,
.activities-list li.success-activity:after {
    border-color: #68b828;
}

.activities-list>li.primary-activity:before,
.activities-list>li.primary-activity:after {
    border-color: #7c38bc;
}

.activities-list>li.info-activity:before,
.activities-list>li.info-activity:after {
    border-color: #4fcdfc;
}


/*****************************
Footer
*****************************/

.footer {
    background-color: #f2f2f4;
    border-top: 1px solid #ececee;
    padding-bottom: 15px;
    padding-top: 15px;
}


/***********************************************
================================================
 Custom Bootstrap / Overwriting
================================================
************************************************/


/*****************************
 Grid
*****************************/

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.row.no-gutter [class*="col-"]:not(:first-child),
.row.no-gutter [class*="col-"]:not(:last-child) {
    padding-left: 0;
    padding-right: 0;
}


/*****************************
 Color >> Backgrounds + Text 
*****************************/

.bg-white {
    background-color: #fff;
}

.text-white {
    color: #fff;
}

.bg-pink {
    background-color: #eaa1bd;
}

.text-pink {
    color: #eaa1bd;
}

.bg-yellow {
    background-color: #f9dc85;
}

.text-yellow {
    color: #f9dc85;
}

.bg-gray {
    background-color: #b2b2b2;
}

.text-gray {
    color: #b2b2b2;
}

.bg-lightgray {
    background-color: #fbfbfd;
}

.text-lightgray {
    color: #fbfbfd;
}

.bg-red {
    background-color: #F16364;
}

.text-red {
    color: #F16364;
}

.bg-blue {
    background-color: #00a0e6;
}

.text-blue {
    color: #00a0e6;
}

.bg-green {
    background-color: #67BF74;
}

.text-green {
    color: #67BF74;
}

.bg-purple {
    background-color: #8d82b5;
}

.text-purple {
    color: #8d82b5;
}

.bg-yellow {
    background-color: #F9A43E;
}

.text-yellow {
    color: #F9A43E;
}

.bg-orange {
    background-color: #F58559;
}

.text-orange {
    color: #F58559;
}

.bg-test {
    background-color: #79B9D9;
}

.text-test {
    color: #79B9D9;
}

.bg-warning {
    background-color: #FEB252;
}

.text-warning {
    color: #FEB252;
}

.bg-danger {
    background-color: #E9573F;
}

.text-danger {
    color: #E9573F;
}

.bg-success {
    background-color: #70BA63;
}

.text-success {
    color: #70BA63;
}

.bg-info {
    background-color: #4DC5F9;
}

.text-info {
    color: #4DC5F9;
}

h3.transit {
    color: #333;
}