/*-----------------------------
	Limitar o Texto
-------------------------------*/

@media (max-width: 768px) {
    .text-limit {
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}
@media (min-width: 800px) {
    .text-limit {
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}
@media (min-width: 1200px) {
    .text-limit {
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}
@media (min-width: 1600px) {
    .text-limit {
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}
@media (min-width: 1900px) {
    .text-limit {
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}
/*-----------------------------
	Inicio Modelos de Widget
-------------------------------*/

.widget-black-bg {
    border: 1px solid #444;
    background-color: #fff;
    color: #444;
    font-weight: 600;
    text-transform: uppercase;
}
.widget-black-bg:hover {
    color: #fff;
    background-color: #444;
    border: 1px solid #444;
}
.widget-primary-bg {
    border: 1px solid #1c84c6;
    background-color: #1c84c6;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
}
.widget-primary-bg:hover {
    color: #1c84c6;
    background-color: #fff;
    border: 1px solid #1c84c6;
}
.widget-warning-bg {
    border: 1px solid #FDAA1A;
    background-color: #FDAA1A;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.widget-warning-bg:hover {
    background-color: #fff;
    color: #FDAA1A;
    border: 1px solid #FDAA1A;
}
.widget-info-bg {
    background-color: #23c6c8;
    border: 1px solid #23c6c8;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
}
.widget-info-bg:hover {
    background-color: #fff;
    color: #23c6c8;
    border: 1px solid #23c6c8;
}
.widget-danger-bg {
    background-color: #ed5565;
    border: 1px solid #ed5565;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
}
.widget-danger-bg:hover {
    background-color: #fff;
    color: #ed5565;
    border: 1px solid #ed5565;
}
.widget-success-bg {
    background-color: #056B3A;
    color: #fff;
    border: 1px solid #056B3A;
    font-weight: 600;
    text-transform: uppercase;
}
.widget-success-bg:hover {
    background-color: #fff;
    color: #056B3A;
    border: 1px solid #056B3A;
}
/* WIDGETS */

.widget {
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.widget-date {
    background-color: #fff;
    color: #ff0000;
    font-size: 10px;
    padding: 5px 5px;
    border-radius: 6px;
    border: 1px solid #444;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}
.widget .style1 h2 {
    font-size: 30px;
}
.widget h2, .widget h3 {
    margin-top: 5px;
    margin-bottom: 0;
}
.widget-text-box {
    padding: 20px;
    border: 1px solid #e7eaec;
    background: #ffffff;
}
.widget-head-color-box {
    border-radius: 5px 5px 0 0;
    margin-top: 10px;
}
.widget .flot-chart {
    height: 100px;
}