/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,
sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td { 
	margin:0;padding:0;border:0;outline:0;vertical-align:baseline;
}
body {	
	background:#fff;
	background-color: #0d1539; /* Blue background */
	font-family: "Rajdhani", Arial, sans-serif;
	color:#4c4c4c;	
	font-size:15px;	
	font-weight:500;
	line-height: 18px;
	overflow-x: clip;
	height:100%;
}
ul,ol { list-style:none; }
img,fieldset { border:none; }	
a { text-decoration:none; }
a:hover { text-decoration:none; }
article,aside,details,figcaption,figure,footer,
header,hgroup,main,nav,section,summary {display: block;}
figure {margin:0;padding:0;}
.clearfix {clear: both;	width:100%;}
img {	max-width:100%;	height:auto;display:block;}
embed,iframe,object,video {	max-width: 100%;}
html { -webkit-text-size-adjust: none; }
input, textarea {	-webkit-appearance: none;	-webkit-border-radius: 0;}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
table {	border-collapse: collapse;width: 100%;text-align:center;}
td, th {border: 1px solid #dddddd;text-align: left;	text-align:center;padding: 8px;}
tr:nth-child(even) {background-color: #dddddd;border-bottom:2px solid #666;}
/* transition
----------------------------*/
.address p {
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}
/*     transition       
----------------------*/
.header_section {
	-webkit-transition: all .7s ease-in-out;
	-moz-transition:  all .7s ease-in-out;
	-o-transition:  all .7s ease-in-out;
	transition:  all .7s ease-in-out;
}
.nav>li>a {color:#fff;}
.nav>li>a:hover,.nav>li>a:active {background:#f05922;}
.maincontent h2 {
	font-weight: 600;
	text-align: center;	
	padding:10px;
	background:#ddd;
	color:#000;
	font-size:24px;
	margin:0 0 10px 0;
}
.maincontent h3 {
	text-align: center;
	font-size: 14px;
	border: 1px solid #ddd;
	text-transform: uppercase;
	line-height: 22px;
	color: #fff;
	background: #666;
}
.maincontent .container {max-width:100%;}
/* Inner page
----------------------------*/
.content {padding: 0 0 0 0;line-height: 24px;overflow: hidden;}
.content h2,.content h3,.content h4,.content h5,.content h6{ padding-bottom: 30px;color: #333;font-weight: 700;}
.content h2 {font-size: 30px;}
.content h3 {font-size: 26px;}
.content h4 {font-size: 24px;}
.content h5 {font-size: 23px;padding-top: 80px;padding-bottom: 40px;}
.content a {display: block;width: 140px;line-height: 40px;background: #81d8d0;color: #000;text-align: center;}
/*
---------------------------*/
:root{
	--bg:#f2f6fb;
	--card:#ffffff;
	--text:#1f2937;
	--muted:#7b8aa0;
	--line:#e6eef6;
	--primary:#4e9dfc; /* blue */
	--success:#5cc05c; /* green */
	--shadow:0 6px 20px rgba(23, 43, 77, .08);
	--radius:16px;
}
*{box-sizing:border-box}
/* Top search */
.topbar{display:flex;justify-content:flex-start;align-items:center;margin-bottom:24px;}
.search{
	position:relative; 
	max-width:100%;
	border:1px solid #fff;
	margin-bottom:20px;
	padding:10px;
	background:#eaeef1;
	box-shadow:none;
}
.search input{
	width:100%;
	height:44px;
	padding:0 20px;
	border:none;
	outline:none;
	background:#ffffff;
	font-size:15px;
	border-radius:0;
}
.search svg{
	position:absolute;
	left:12px;
	top:50%;
	transform:translateY(-50%);
	opacity:.45;
}
/* Intro title */
.intro h1{margin:6px 0 6px;font-size:28px;font-weight:600;letter-spacing:.2px;}
.intro p{margin:0 0 18px;color:var(--muted);font-size:14px}
/* Left small label */
.label{
	font-size:12px;
	letter-spacing:.12em;
	font-weight:600;
	color:#3b82f6; /* blue */
	display:inline-block;
	margin:8px 0 14px;
	position:relative;
}
.label:after{
	content:"";
	position:absolute;
	left:0;
	bottom:-6px;
	width:84px;
	height:3px;
	background:#dceafe;
	border-radius:3px;
}
.sidebar {background-color: #0c3c91;/*min-height: 100vh;*/color: #fff;padding: 20px;background:url(../img/bg-1.jpg) repeat; /*position: sticky;*/	top: 0;bottom: 0;/*max-height: 100vh;*/}
.sidebar .nav {text-align:left;}
.sidebar img {border-radius: 50%;width: 80px;height: 80px;margin-bottom: 10px;display:inline-block;}
.sidebar h5 {margin: 10px 0 5px;}



.sidebar .btn {margin: 10px 0;color:#fff;line-height:36px;}
.main-content {
	background-color: #f8f9fa;
	background-color:#f2f6fb;
	min-height: 100vh;
	padding: 20px;
}
.card{
	background:var(--card);
	border-radius:0;
	box-shadow: var(--shadow);
	padding:22px 15px 18px;
	margin:10px 0;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:3px;
}
.avatar{
	width:70px;
	height:70px;
	border-radius:50%;
	overflow:hidden;
	box-shadow:0 6px 16px rgba(23,43,77,.12);
	box-shadow: 0 2px 3px rgba(23, 43, 77, .5);
    border: 1px solid #f2f2f2;
}
.avatar img {width:100%;height:100%;object-fit:cover;}
.name{font-size:15px;font-weight:600;margin-top:6px;text-align:center;}
.role{font-size:13px;color:var(--muted);margin-top:-2px;}
.mini-actions{/*display:flex;gap:10px;*/margin:8px 0 6px;overflow:hidden;}
.mini-btn{
	height:34px;
	border-radius:6px;
	display:inline-block;
	display:grid; 
	place-items:center; 
	background:#f2f6fb;
	border:1px solid var(--line);
	transition:transform .15s ease, background .15s ease;
	padding: 0 15px;
    border-color: #23aaea;
}
.mini-btn svg{width:16px; height:16px; opacity:.6}
.mini-btn:hover{transform:translateY(-2px);background:#eef5ff;}
.actions{/*display:flex;	gap:10px;*/	margin-top:10px;overflow:hidden;width: 100%;}
.btn{
	border:none;
	cursor:pointer;
	font-weight:600;
	border-radius:999px;
	height:36px;
	padding:0 16px;
	font-size:13px;
	background:#f05922;
}
.btn.message{background:var(--success);color:#fff;width: 49%;float: left;}
.btn.unfriend{background:var(--primary);color:#fff;width: 49%;float: right;}
.tab-content>.active {display: block;opacity: 1;}
/* profile page
-----------------------------*/
.job-card {
	background: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	box-shadow:0 6px 20px rgba(23, 43, 77, .08);
	padding: 20px;
	margin-bottom:20px;
	min-height:530px;
}
.pointTableDev {min-height:200px;padding:10px;}
.sidebar-card {
	background: #fff;
	padding: 15px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	box-shadow:0 6px 20px rgba(23, 43, 77, .08);
	margin-bottom: 20px;
}
.job-description-table {margin-bottom:0;}
.job-description-table th {	width: 160px; font-weight: 600;	color: #555; text-align:left; border:1px solid #eaeef1; }
.job-description-table td {color: #717380;text-align:left;background:#fff;}
.job-card h5 {padding-bottom:10px;font-size:20px;color:#f05922;}
.job-description-table tr:nth-child(even){border-bottom: 1px solid #eaeef1;background-color: #eaeef1;}
.sidebar-card h5 {padding-bottom:10px;font-size:24px;}
.sidebar-card h5 span {display:block;font-size:14px;}
.cl-box,.sl-box { background:#5cc05c; color:#fff; font-size:42px; padding:30px 10px; border-radius:3px;}
.sl-box {background:#4e9dfc;}
.job-item {text-align:center;}
.job-card strong {display:block; padding:5px;border-bottom:1px solid #eaeef1;text-align:left;margin:5px 0;font-weight:600;} 
button.inactiveSpan span {display:none;}
#compareBtn {color:#fff;background:#f05922;height:42px;border-radius:0;border:none;}
.comparePlayer {margin-bottom:20px;text-align:center;}
.comparePlayer a {background-color:#f05922;line-height:36px;}
.better { background:#d4edda; font-weight:bold; }
.worse  { background:#f8d7da; }
.catname a {color:#1f2653;}
.name a {color:#f05922;}
.dashboardBox {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    padding:30px 15px 20px 15px;
    border: 0;
    margin-top:25px;
    border-radius: 6px;
    color: #fff;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
    background:linear-gradient(87deg,#f5365c 0,#f56036 100%);
}
.dashboardBox a {color:#fff;}
.dBox {background:linear-gradient(240deg,#11cdef 0,#1171ef 100%);}
.dBox2 {background:linear-gradient(87deg,#2dce89 0,#2dcecc 100%);}
.dBox3 {background:linear-gradient(310deg,#5e72e4 0,#825ee4 100%);}
.dBox4 {background:linear-gradient(45deg,#fb6340 0,#fbb140 100%);}
.dBox5 {background:linear-gradient(180deg,#ff5722 0,#1171ef 100%);}
.dashboardBox a i {color:#2dce89!important;}
.dashboardBox h5 {border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:10px;}
.menu-main-menu-container {padding:0 15px 5px 15px;}
.menu-main-menu-container ul.nav li {padding-bottom:1px;}
.menu-main-menu-container ul.nav li a {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    display: block;
    padding: 8px 15px;
    line-height: 24px;
    background: rgba(98, 104, 137, 0.2);
}
.menu-main-menu-container ul.nav li a {}
.menu-main-menu-container ul.nav li.current_page_item > a,
.menu-main-menu-container ul.nav li:hover > a,
.menu-main-menu-container ul.nav li a:hover {
	color: #fff;
	background:rgba(255, 87, 34, .8);
}
.offcanvas-header {
    display: flex;
    align-items: center;
    padding: 0 10px;
    background: rgba(255, 87, 34, .8);
}
.offcanvas-header .btn-close,.offcanvas-title {font-size: 14px;color:#fff;}


#dcontainer .table-title {
    background:#0066ff;
    color:#fff;
    font-weight:600;
}
.points-table tbody tr{
    font-size:15px;
    font-weight:500;
}
.points-table tbody tr td{
    vertical-align:middle;
}
.form-circle{
    width:22px; height:22px; 
    border-radius:50%;
    display:inline-flex; 
    justify-content:center; 
    align-items:center; 
    color:#fff;
    font-size:12px;
    margin:0 2px;
}
.win{ background:#28a745; }   /* Green */
.lose{ background:#dc3545; }  /* Red */


.pagination {
    text-align: center;
    overflow: hidden;
    background: #f2f2f2;
    padding: 5px;
    display: inline-block;
    display: inline-flex;
    float: none;
    background: url(../img/bg-1.jpg) repeat;
}
.pagi {
    margin-top: 40px;
    /*border: 1px solid #f05922;*/
}
.pagination a.prev, .pagination a.next, .pagination .current {
    background-color: #f05922;
    color: white;
    padding: 8px 16px;
    display: inline-block;
}
.pagination a {
    color: black;
    padding: 8px 16px;
    display: inline-block;
    background: #fff;
}
.nav-link {
    display: block;
    background: #ff5722;
    color: #fff;
    margin-top: 2px;
    line-height: 24px;
    text-align: left;
    border-radius:0 !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background: url(../img/bg-1.jpg) repeat;}
.nav-link:focus, .nav-link:hover {
    color: #1c2455;
}
.pointTable th {width:40px;}
.pointTable td.teamcol {width:170px;}
.parentsDev td {font-weight:bold;}