/************************************************************************
Basic
************************************************************************/
a {
    cursor: pointer;
}
.wrapclear {
    overflow: hidden;
    width: 100%;
}
.wrapcontent {
    overflow: hidden;
    width: 100%;
    position: relative;
}
textarea {
    resize: none;
}
a:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none;
}
img {
    vertical-align: top;
}
.clear {
    float: none;
    clear: both;
}
.absolute {
    position: absolute;
}
.none {
    display: none;
}
.hidden {
    visibility: hidden;
}

.fb {
    font-weight: bold;
}
.fi {
    font-style: italic;
}
.fu {
    text-decoration: underline;
}
.fc {
    text-align: center;
}
.fj {
    text-align: justify;
}
.nowrap { white-space: nowrap; }

.lh-30i { line-height: 30px !important; }

.d-ib { display: inline-block; }

.mt-0 { margin-top: 0; }
.mt-2 { margin-top: 2px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-30i { margin-top: 30px !important; }
.mt-60 { margin-top: 60px; }
.mt-1em { margin-top: 1em; }

.mb-0 { margin-bottom: 0; }
.mb-0i { margin-bottom: 0 !important; }
.mb-15 { margin-bottom: 15px; }

.ml-20 { margin-left: 20px; }

.pt-10 { padding-top: 10px; }
.pt-200 { padding-top: 200px; }

.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px; }

.text-blue {
    color: #2980B9;
}
a.text-blue {
    text-decoration: none;
}
a.text-blue:hover {
    text-decoration: underline;
}

.table-responsive { overflow-x: auto; }

.img-fluid {
    max-width: 100%;
    height: auto;
}