.upanel												{ display: none; opacity: 1; z-index: 2; right: 0; top: 0; position: fixed; width: 250px; padding-top: 33px; z-index: 1000; height: 100vh }
.upanel > *											{ height: 100%; overflow-x: hidden !important; overflow-y: auto; }
#cpanelmaintitle									{ cursor: pointer; font-size: 15px; padding: 15px 15px 15px 15px; font-weight: bold; text-align: center; text-transform: uppercase; width: 100%; }
#cpanelmaintitle > .cpaneltitle						{ margin: 0 0 5px 0 }
.cpaneltitle										{ cursor: pointer; font-size: 15px; margin: 10px 0 5px 0; font-weight: bold; padding-bottom: 2px; text-transform: uppercase; width: 100%; }
.cpanel												{ padding: 0 0 0 6px; ;}
.cprow												{ display: inline-block; }

/* User controlpanel styles */
.cpantext										{ display: block; padding: 0 40px 0 20px; margin: -3px 0 0 0; color: rgba(255, 255, 255, 1); }
.cpanbtn										{ cursor: pointer; display: inline-block; font-size: 12px; position: relative; padding: 6px 3px 6px 8px; margin: 0 0 2px 0; text-align: left; width: 100% }
.cpnext											{ cursor: pointer; display: inline-block; font-size: 12px; padding: 6px 8px 6px 8px; margin: 0 0 2px 0; text-align: left; width: 100% }
.cpnextadv										{ display: inline-block; margin-right: 4px; padding: 0 3px 3px 0; height: 20px; text-align: center; width: 50px; }
.cpanel_tour_info								{ display: none; padding: 3px; font-size: 12px; line-height: 20px; }
.cpanel_acttour_info							{ padding: 3px; font-size: 12px; line-height: 20px; }
.cpline, .cpmline								{ height: 4px; width: 8px; margin: 3px 5px 3px 5px; display: inline-block; }
.cpshow											{ display: inline-block; cursor: pointer; float: right; max-height: 12px; margin: 3px 0 3px 3px; }
.cprow, .cprowblock								{ display: block; font-size: 12px; padding: 3px; margin: 0 0 2px 0; text-align: left; width: 100% }
.cpalink										{ cursor: pointer }
.cptourtitle									{ font-size: 15px; width: 100%; text-align: center; padding: 5px; }

/* Sidebar styles*/
#cpanelmaintitle								{ background-color: rgba(44, 56, 71, 1); }
.cpaneltitle									{ border-bottom: 1px solid #607784; color: rgba(255, 255, 255, 1); }
.cpaneltitle:hover								{ background: rgba(81, 89, 98, 0.7); }
.cpanel_tour_info, .cpanel_acttour_info			{ color: rgba(250, 249, 247, 0.8); background: none }
.cpanel_acttour_bottom							{ box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4); margin-bottom: 10px; }
.cpanelbtn:hover								{ background: rgba(244, 96, 54, 0.6); }
#cpanelmaintitle								{ background-color: rgba(44, 56, 71, 1); }
.cpaneltitle									{ border-bottom: 1px solid #607784; }
.cpaneltitle:hover								{ background: rgba(81, 89, 98, 0.7); }
.cpanel_tour_info, .cpanel_acttour_info			{ color: rgba(250, 249, 247, 0.8); background: none }
.cpanel_acttour_bottom							{ box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4); margin-bottom: 10px; }
.cpanelbtn:hover								{ background: rgba(244, 96, 54, 0.6); }

.cprowblock a									{ color: rgba(250, 249, 247, 1) !important; }
#csettings_area a, #cteams_area a				{ color: rgba(250, 249, 247, 1); }
.cpanbtn:not(.cpmainbtn), .cpnext, .cpantour	{ background-color: rgba(51, 67, 75, 1); }
.cpanbtn:hover, .cpnext:hover, .cpantour:hover	{ background-color: rgba(113, 119, 126, 1); }
.cpanbtn:not(.cpmainbtn), .cpnext, .cpantour	{ background-color: rgba(51, 67, 75, 1); }
.cpanbtn:hover, .cpnext:hover, .cpantour:hover	{ background-color: rgba(113, 119, 126, 1); }
.cpnextadv										{ color: rgba(230, 230, 230, 1); background-size: 16px 40px; background-color: rgba(0, 0, 0, 0.4); }
.cpanel_tour_info, .cpanel_acttour_info			{ color: rgba(250, 249, 247, 0.8); background: none }
.cpmaingrad										{ background: linear-gradient(to top, rgba(198, 158, 1, 1) 20%, rgba(198, 158, 1, .5)); z-index: 1 }
.u_upcoming_btn									{ background: rgba(53, 74, 84, 0.7); }
.cpline											{ background: rgba(124, 135, 146, 1) }
.cpmline										{ background: rgba(250, 249, 247, 1) }
.cpnext.active									{ box-shadow: 0 -6px 6px rgba(0, 0, 0, 0.4);  }
.cpanel_acttour_bottom							{ box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4); margin-bottom: 10px; }
.cpmainbtn										{ border-top: 1px #000 solid; border-right: 0 ; background-color: unset }
.cpmainbtnl										{ border-left: 1px #000 solid; }
.cprowblock:hover								{ background: rgba(113, 119, 126, 1); }
.cpglow											{ box-shadow: 0 0 5px 2px #fff; animation: glow 1s ease infinite alternate; }

/* Tournament details - icons ::before */
.cpanbtn::before, .cpantour::before		{ background-image: inherit }
.icon_tour_user::before, .tourdet_name::before { content: ''; background-size: 16px 16px; background-repeat: no-repeat; background-position: center center; position: absolute; margin-left: -22px; margin-top: 2px; display: block; height: 20px; width: 20px; }

/* Users controlpanel */
.cpanbtn::before, .cpantour::before		{ content: ''; background-size: 16px 16px; background-repeat: no-repeat; background-color: rgba(53, 74, 84, 1); background-position: center center; position: absolute; margin: -3px 5px -0 -5px; display: block; height: 20px; width: 20px; }
.spin									{ 	-webkit-animation: toLeftFromRight 0.04s forwards; 	-moz-animation: toLeftFromRight 0.04s forwards; 	animation-play-state: running; 	animation: toLeftFromRight 0.04s forwards infinite; }

.tcd:not(.col):not(.n) > input[type="button"]		{ flex: auto }
.mend												{ padding: 5px 6px 5px 6px; }
.cprl											{  }
.cprs {
	width: 30px; height: 200px; 
	position: absolute; 
	left: -30px; top: 0px; content: ''; 
	z-index: 100; 
	display: block;
}

.cprs .ca:hover {
	box-shadow: -4px 0 10px 4px rgba(40, 40, 40, .8);
}

.cprs .ca {
	position: relative;
	background: rgba(208, 101, 31, 1);
	box-shadow: -4px 0 10px 4px rgba(20, 20, 20, .5), inset 0 2px 1px 0 rgba(20, 20, 20, .5), inset 0 -2px 1px 0 rgba(20, 20, 20, .5);
	border: 1px solid rgba(40, 40, 40, .8);
	color: rgba(250, 250, 250, 1);
	writing-mode: vertical-rl;
	width: 30px; 
	line-height: 24px;
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	padding: 25px 1px 25px 1px;
	border-radius: 3px;
}

.cpra	{
	display: block; 
	position: relative;
	width: 100%;
	margin-left: -6px;
	z-index: 3;
	padding: 5px 5px 5px 0;
	border-top: 1px solid #607784; 
	margin: 4px 0 0 0; 
}

.cpra .ebtn.orange {
	box-shadow: inset 0 2px 1px 0 rgba(20, 20, 20, .5), inset 0 -2px 1px 0 rgba(20, 20, 20, .5);
}