/* Add here all your css styles (customizations) */

/* table style 01 */

.funny-boxes table {
    margin-bottom: 0;
}

.funny-boxes > table > thead > tr > th {
    border-bottom: 1px solid #585f69;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 500;
    font-family: "Helvetica Neue", 'Noto Sans KR', sans-serif, "Open Sans", Arial, sans-serif;
}

.text-align-left {
    text-align: left;
}

.funny-boxes > table > tbody > tr {
    border-bottom: 1px solid #dee3eb;
    color: #585f69;
    font-size: 16px;
    font-weight: 300;
    font-family: "Helvetica Neue", 'Noto Sans KR', sans-serif, "Open Sans", Arial, sans-serif;
    vertical-align: middle;
}

.funny-boxes .colum-h-70 {
    height:70px;
}

.panel .colum-h-60 {
    height:50px;
}

.text-medium {
    font-weight: 500;

}



.funny-boxes > table > tbody > tr > td {
    padding: 10px 20px;
    vertical-align: middle;
}

.colum-h-20 {
    height: 20px;
    border-bottom-color: #f2f4f7;
    background-color: #f2f4f7;
}

.progress-bar-yellow {
    background-color: #e9d047;

}
.progress-bar-blue {
    background-color: #3298db;

}
.progress-bar-red {
    background-color: #e95247;

}
.progress-bar-grey {
    background-color: #555555;

}
.progress-bar-green {
    background-color: #6ec74b;

}
.progress {
    margin-bottom:0;
    height:30px;
    background-color: #ffffff;
    box-shadow: none;
}
.progress .progress-bar {
    line-height:30px;
}


/* 5cloums

 */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}



/*
.funny-boxes > .h1 {
    font-size: 40px;
    font-weight: 100px;
    font-family: 'Noto Sans KR', sans-serif, "Open Sans", Arial, sans-serif;
}

.funny-boxes > .h2 {
    font-size: 26px;
    font-weight: 100px;
    font-family: 'Noto Sans KR', sans-serif, "Open Sans", Arial, sans-serif;
}

.funny-boxes > .h3 {
    font-size: 16px;
    font-weight: 100px;
    font-family: 'Noto Sans KR', sans-serif, "Open Sans", Arial, sans-serif;
}

.funny-boxes > table > .h4 {
    font-size: 14px;
    font-weight: 100px;
    font-family: 'Noto Sans KR', sans-serif, "Open Sans", Arial, sans-serif;
}
*/