.wrapper {
    display: flex;
    flex-flow: row wrap;
}
.font-10{
    font-size:10px;
}
.font-12{
    font-size:12px;
}
.font-14{
    font-size: 14px;
}
.font-16{
    font-size: 16px;
}
.font-18{
    font-size: 18px;
}
.bg-prime,.bg-darkblue{
    background-color: var(--main-bg-color);
}

.table-bg{
    background-color: var(--table-head-bg-color);
}
.bg-sec,.bg-skyblue,.btn-footy,.bg-yellow-orange{
    background-color: var(--sec-bg-color);
}
.bg-loggedin{
    background-color: var(--login-bg-color);
}
.text-gray {
    color: var(--textgray);
}
.bg-gray{
    background-color: var(--gray-bg-color);
}
.text-sec,.text-skyblue{
    color: var(--sec-bg-color);
}
a:hover {
    text-decoration: none;
}
a.text-skyblue:hover{
    color:var(--main-bg-color);
    text-decoration: none;
}
a.text-sec:hover{
    color:var(--main-bg-color);
    text-decoration: none;
}
table.table-home td {
    border-bottom: 1px dashed #EFEFEF;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var( --text-white) !important;
    background-color: var(--sec-bg-color);
}
.text-red{
    color: var( --text-red) !important;
}
.pointer{
    cursor: pointer;
}
.caption-placement{
    caption-side: top;
}
.btn:focus {
    box-shadow: none;
}
.w-90{
    width: 90%;
}
.table-sm{
    border-spacing: 10px;
    border-collapse: separate;
}
.table-collapse{
    border-collapse: collapse !important;
}
.txt-break{
    word-break: break-word;
}
.hideme{
    display:none;
}
.pointer{
    cursor: pointer;
}
.text-deco-none{
    text-decoration: none !important;
}
@media screen and (min-width: 770px) {    
    .aside-1{
        max-width: 25%;
    }
    .aside { flex: 3; }    
    .container-width{
        width: 1000px;
    }
}
@media screen and (max-width: 770px) { 
    h6{
      font-size: 14px;
    }
}
@media screen and (max-width: 765px){
    .btn-width {
        width: 100%;
    }
}