.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%; } }